:root {
  font-size:10px;
}

main {
  font-size:14px;
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../assets/font/Pretendard-Black.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../assets/font/Pretendard-ExtraBold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../assets/font/Pretendard-Bold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../assets/font/Pretendard-SemiBold.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../assets/font/Pretendard-Medium.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../assets/font/Pretendard-Regular.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../assets/font/Pretendard-Light.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../assets/font/Pretendard-ExtraLight.woff2) format('woff2');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../assets/font/Pretendard-Thin.woff2) format('woff2');
}

@font-face {
  font-family: 'NotoSansCJKkr';
  font-weight: 900;
  font-display: swap;
  src: local('NotoSansCJKkr Black'), url(../assets/font/NotoSansCJKkr-Black.otf) format('opentype');
}

@font-face {
  font-family: 'NotoSansCJKkr';
  font-weight: 700;
  font-display: swap;
  src: local('NotoSansCJKkr Bold'), url(../assets/font/NotoSansCJKkr-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'NotoSansCJKkr';
  font-weight: 500;
  font-display: swap;
  src: local('NotoSansCJKkr Medium'), url(../assets/font/NotoSansCJKkr-Medium.otf) format('opentype');
}

@font-face {
  font-family: 'NotoSansCJKkr';
  font-weight: 400;
  font-display: swap;
  src: local('NotoSansCJKkr Regular'), url(../assets/font/NotoSansCJKkr-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'NotoSansCJKkr';
  font-weight: 300;
  font-display: swap;
  src: local('NotoSansCJKkr Light'), url(../assets/font/NotoSansCJKkr-Light.otf) format('opentype');
}

@font-face {
  font-family: 'NotoSansCJKkr';
  font-weight: 200;
  font-display: swap;
  src: local('NotoSansCJKkr DemiLight'), url(../assets/font/NotoSansCJKkr-DemiLight.otf) format('opentype');
}


html, body, p, h1, h2, h3, h4, h5, span, div, a {
  font-family: 'Pretendard';
  word-break: break-word;
}

#sct, #sit, #sod_bsk, #sod_list, #sod_frm, #smb_my, #sod_ws, #sod_fin, #sod_v, #sit_rel, #sit_info, #order_status_info{
  margin: 40px auto 0 auto !important;
  width: 140rem;
  
}


.sct_wrap.sl_product_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:20px;
}

.sl_product_list .product {
    height: 200px;
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:10px;
    border: solid 1px black;
}

.sl_product_wrap h1 {
    font-size:42px;
}

.product img {
    object-fit: contain;
    width: 100px;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input::-ms-clear,
input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}
.hidden {
  display: none !important;
}
@media (min-width: 769px) {
  header nav {
    width: 100vw;
    height: 7rem;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    background-color: #fff;
    border-bottom: 1px solid #e7ebee;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0 3rem;
  }
  header nav .main-logo {
    width: 11.8rem;
    height: 3rem;
    min-width: 11.8rem;
    max-width: 11.8rem;
    width: 100%;
    background-image: url("data:image/png;base64,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");
    background-size: 100%;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-tab-block {
    flex-grow: 1;
    margin-left: 11.2rem;
  }
  header nav .main-tab-block .tab-block {
    width: -moz-fit-content;
    width: fit-content;
    height: 7rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 3rem;
  }
  header nav .main-tab-block .tab-block a {
    color: #2c2e30;
    font-size: 2rem;
    font-weight: 500;
    line-height: 7rem;
    width: -moz-fit-content;
    width: fit-content;
    height: 7rem;
    border: none;
    margin-bottom: 0.1rem;
  }
  header nav .main-tab-block .tab-block a.active {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 800;
    line-height: 7rem;
    background-color: #fff;
    padding: 0;
    border-bottom: 3px solid #1e2229;
  }
  header nav .main-tab-block .tab-block .orders {
    color: rgba(129, 129, 129, 0.7);
    cursor: default;
  }
  header nav .main-right-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.6rem;
    min-width: 48rem;
    max-width: 48rem;
    width: 100%;
  }
  header nav .main-right-block .boouplife-manual-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
  }
  header nav .main-right-block .boouplife-manual-block .icon {
    width: 4rem;
    height: 4rem;
    background-image: url("../assets/img/manual.png");
    background-size: 4rem 4rem;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    position: relative;
  }
  header nav .main-right-block .boouplife-manual-block .icon .messege {
    opacity: 0;
    width: 6.9rem;
    height: 4rem;
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translate(-50%, 0);
    transition: 0.2s ease;
    cursor: default;
  }
  header nav .main-right-block .boouplife-manual-block .icon .messege p {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
  }
  header nav .main-right-block .boouplife-manual-block .icon:hover {
    background-image: url("../assets/img/manual-hover.png");
    background-size: 4rem 4rem;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-right-block .boouplife-manual-block .icon:hover .messege {
    opacity: 1;
    transition: 0.8s ease;
  }
  header nav .main-right-block .extension-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
    margin-right: 0.4rem;
  }
  header nav .main-right-block .extension-block:hover p {
    color: #3868eb;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: auto;
  }
  header nav .main-right-block .extension-block .icon {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Category'%3e%3cpath%20id='Stroke%201%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.4387%202.125C12.0936%202.125%2011.0029%203.21598%2011.0029%204.5615C11.0029%205.90702%2012.0936%206.998%2013.4387%206.998C14.784%206.998%2015.8752%205.90682%2015.8752%204.5615C15.8752%203.21618%2014.784%202.125%2013.4387%202.125ZM9.75293%204.5615C9.75293%202.52602%2011.4028%200.875%2013.4387%200.875C15.4744%200.875%2017.1252%202.52582%2017.1252%204.5615C17.1252%206.59718%2015.4744%208.248%2013.4387%208.248C11.4028%208.248%209.75293%206.59698%209.75293%204.5615Z'%20fill='%232C2E30'/%3e%3cpath%20id='Stroke%203%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.56075%202.125C3.21628%202.125%202.125%203.21608%202.125%204.5615C2.125%205.90692%203.21628%206.998%204.56075%206.998C5.90672%206.998%206.99725%205.90692%206.99725%204.5615C6.99725%203.21608%205.90672%202.125%204.56075%202.125ZM0.875%204.5615C0.875%202.52592%202.52572%200.875%204.56075%200.875C6.59728%200.875%208.24725%202.52592%208.24725%204.5615C8.24725%206.59708%206.59728%208.248%204.56075%208.248C2.52572%208.248%200.875%206.59708%200.875%204.5615Z'%20fill='%232C2E30'/%3e%3cpath%20id='Stroke%205%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.4387%2010.9485C12.0936%2010.9485%2011.0029%2012.0395%2011.0029%2013.385C11.0029%2014.7303%2012.0934%2015.8207%2013.4387%2015.8207C14.7842%2015.8207%2015.8752%2014.7301%2015.8752%2013.385C15.8752%2012.0397%2014.784%2010.9485%2013.4387%2010.9485ZM9.75293%2013.385C9.75293%2011.3495%2011.4028%209.69849%2013.4387%209.69849C15.4744%209.69849%2017.1252%2011.3493%2017.1252%2013.385C17.1252%2015.4209%2015.4742%2017.0707%2013.4387%2017.0707C11.403%2017.0707%209.75293%2015.4207%209.75293%2013.385Z'%20fill='%232C2E30'/%3e%3cpath%20id='Stroke%207%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.56075%2010.9485C3.21628%2010.9485%202.125%2012.0396%202.125%2013.385C2.125%2014.7302%203.21608%2015.8207%204.56075%2015.8207C5.90692%2015.8207%206.99725%2014.7302%206.99725%2013.385C6.99725%2012.0396%205.90672%2010.9485%204.56075%2010.9485ZM0.875%2013.385C0.875%2011.3494%202.52572%209.69849%204.56075%209.69849C6.59728%209.69849%208.24725%2011.3494%208.24725%2013.385C8.24725%2015.4208%206.59708%2017.0707%204.56075%2017.0707C2.52592%2017.0707%200.875%2015.4208%200.875%2013.385Z'%20fill='%232C2E30'/%3e%3c/g%3e%3c/svg%3e");
    background-size: 1.6rem 1.6rem;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-right-block .extension-block p {
    color: #2c2e30;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .payment-block {
    border: none;
    border-radius: 3rem;
    background: #1e2229;
    padding: 0.8rem 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .login-block {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    padding: 0.8rem 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .login-block:hover {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #dddddd;
  }
  header nav .main-right-block .header-search {
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("/boouplife/img/darkgraySearch.png");
    background-size: contain;
    background-position: cover;
    background-color: #fff;
    background-repeat: no-repeat;
    margin-right: 1.2rem;
  }
  header nav .main-right-block .header-btn {
    border: none;
    border-radius: 3rem;
    background: #1e2229;
    padding: 0.8rem 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .header-btn.connect {
    border: none;
    border-radius: 3rem;
    background: #fff;
    color: #2c2e30;
    padding: 0;
  }
  header nav .main-right-block .mypage-block {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    padding: 0.8rem 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    cursor: pointer;
  }
  header nav .main-right-block .mypage-block .icon {
    width: 0.8rem;
    height: 0.8rem;
    display: inline-block;
    margin-left: 1.2rem;
  }
  header nav .main-right-block .mypage-block .icon::before {
    content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
    transition: 0.2s;
    position: absolute;
    top: 0.6rem;
    right: 1.2rem;
  }
  header nav .main-right-block .mypage-block ul {
    display: none;
    color: #5d6165;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    border: 1px solid #1e2229;
    border-radius: 1.8rem;
    background: #fff;
    width: 9.6rem;
    height: auto;
    position: absolute;
    top: 3.8rem;
    right: -6.3rem;
    transform: translate(-50%, 0%);
    padding: 0.8rem;
  }
  header nav .main-right-block .mypage-block ul li:hover {
    background-color: #e9e9ea;
    color: #1e2229;
    border-radius: 1rem;
  }
  header nav .main-right-block .mypage-block ul li a {
    padding: 0.8rem;
    display: block;
    text-wrap: nowrap;
    text-align: center;
  }
  header nav .main-right-block .mypage-block.click {
    color: #3868eb;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .mypage-block.click .icon::before {
    content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%233868EB'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
    transition: 0.2s;
    position: absolute;
    top: 1rem;
  }
  header nav .main-right-block .mypage-block.click ul {
    display: block;
  }
  header nav .main-right-block .mypage-block:hover {
    background-color: #e9e9ea;
  }
  header aside {
    padding: 7rem 1rem 1rem 1rem;
    transition: width ease;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    max-height: 100%;
    min-height: 100%;
  }
  header aside .snb-block-main {
    height: 84vh;
    padding-bottom: 4rem;
    overflow-y: auto;
    overflow-x: hidden;
  }
  header aside .snb-block-main::-webkit-scrollbar {
    width: 0.8rem;
    background-color: #f1f3f3;
  }
  header aside .snb-block-main::-webkit-scrollbar-thumb {
    background-color: #bababa;
    border-radius: 2.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block {
    padding-bottom: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li {
    border: none;
    border-radius: 2.3rem;
    background: #fff;
    cursor: pointer;
    width: 16rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.tobe:hover {
    background-color: #c4c7c9;
  }
  header aside .snb-block-main ul.snb-ul-block li.tobe:hover a {
    color: #a1a1a1;
  }
  header aside .snb-block-main ul.snb-ul-block li.tobe a {
    color: #bababa;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
  }
  header aside .snb-block-main ul.snb-ul-block li a {
    padding: 1rem 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2rem;
    color: #2c2e30;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
    margin-top: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li a.new {
    position: relative;
  }
  header aside .snb-block-main ul.snb-ul-block li a.new::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: none;
    border-radius: 50%;
    background: #fc4c4e;
    right: 1rem;
    top: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  header aside .snb-block-main ul.snb-ul-block li a.new::before {
    content: "N";
    position: absolute;
    right: 1.45rem;
    top: 0.8rem;
    z-index: 3;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife .icon {
    background-image: url("/boouplife/img/snb/boouplife.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife:hover .icon {
    background-image: url("/boouplife/img/snb/boouplife-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.product .icon {
    background-image: url("/boouplife/img/snb/product.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.product:hover .icon {
    background-image: url("/boouplife/img/snb/product-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.location .icon {
    background-image: url("/boouplife/img/snb/local.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.location:hover .icon {
    background-image: url("/boouplife/img/snb/local-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.reporter .icon {
    background-image: url("/boouplife/img/snb/reporter.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.reporter:hover .icon {
    background-image: url("/boouplife/img/snb/reporter-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.todayopen .icon {
    background-image: url("/boouplife/img/snb/todayopen.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.todayopen:hover .icon {
    background-image: url("/boouplife/img/snb/todayopen-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.map .icon {
    background-image: url("/boouplife/img/snb/map.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.map:hover .icon {
    background-image: url("/boouplife/img/snb/map-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.favorites .icon {
    background-image: url("/boouplife/img/snb/favorites.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.favorites:hover .icon {
    background-image: url("/boouplife/img/snb/favorites-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.review .icon {
    background-image: url("/boouplife/img/snb/review.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.review:hover .icon {
    background-image: url("/boouplife/img/snb/review-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.deadline .icon {
    background-image: url("/boouplife/img/snb/deadline.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.deadline:hover .icon {
    background-image: url("/boouplife/img/snb/deadline-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.highprobability .icon {
    background-image: url("/boouplife/img/snb/highprobability.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.highprobability:hover .icon {
    background-image: url("/boouplife/img/snb/highprobability-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a:hover.new::after {
    background-color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li a:hover.new::before {
    color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 0;
    padding: 1.2rem 2rem 1rem 1.2rem;
    padding: 1.6rem 1.8rem;
    padding-bottom: 1rem;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife:hover {
    background-color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife:hover p {
    color: #1e2229;
  }
  header aside .snb-block-main ul.snb-ul-block li:nth-child(1) {
    margin-top: 0;
  }
  header aside .snb-block-main ul.snb-ul-block li.now {
    background-color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.boouplife .icon {
    background-image: url("/boouplife/img/snb/boouplife-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.product .icon {
    background-image: url("/boouplife/img/snb/product-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.location .icon {
    background-image: url("/boouplife/img/snb/local-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.reporter .icon {
    background-image: url("/boouplife/img/snb/reporter-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.todayopen .icon {
    background-image: url("/boouplife/img/snb/todayopen-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.map .icon {
    background-image: url("/boouplife/img/snb/map-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.favorites .icon {
    background-image: url("/boouplife/img/snb/favorites-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.review .icon {
    background-image: url("/boouplife/img/snb/review-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.deadline .icon {
    background-image: url("/boouplife/img/snb/deadline-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.highprobability .icon {
    background-image: url("/boouplife/img/snb/highprobability-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a::before {
    color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li.now a::after {
    background-color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li.now p {
    color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li .icon {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a p {
    flex-grow: 1;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon {
    flex-grow: 0;
    width: 1.4rem;
    height: 1.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon.up {
    background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
    background-size: 1.2rem;
    background-position: contain;
    background-color: inherit;
    background-repeat: no-repeat;
    transition: 0.2s;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon.down {
    background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%233868EB'/%3e%3c/svg%3e");
    background-size: 1.2rem;
    background-position: 90% 50%;
    background-color: inherit;
    background-repeat: no-repeat;
    transition: 0.2s;
    transform: rotate(-180deg);
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block {
    display: none;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li {
    padding: 0.4rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li a.icon:before {
    font-family: "Font Awesome 5 Free"; /* 폰트어썸 폰트를 지정 */
    content: "\f111"; /* 아이콘의 유니코드 */
    margin: 0 auto;
    font-size: 6px;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li a {
    width: 100%;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li:hover .icon {
    color: #3868eb;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li:hover a {
    color: #3868eb;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.boouplife .icon {
    background-image: url("/boouplife/img/snb/boouplife-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.product .icon {
    background-image: url("/boouplife/img/snb/product-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.location .icon {
    background-image: url("/boouplife/img/snb/local-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.reporter .icon {
    background-image: url("/boouplife/img/snb/reporter-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.todayopen .icon {
    background-image: url("/boouplife/img/snb/todayopen-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.map .icon {
    background-image: url("/boouplife/img/snb/map-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.favorites .icon {
    background-image: url("/boouplife/img/snb/favorites-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.review .icon {
    background-image: url("/boouplife/img/snb/review-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.deadline .icon {
    background-image: url("/boouplife/img/snb/deadline-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.highprobability .icon {
    background-image: url("/boouplife/img/snb/highprobability-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover ul.sub-ul-block li {
    color: #2c2e30;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover:hover li {
    background-color: rgba(56, 104, 235, 0.3137254902);
  }
  header aside .snb-block-main .suggestion {
    width: 100%;
    height: 6rem;
    border: 1px solid #009b76;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: column;
    color: #858a93;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.048rem;
    margin-top: 1rem;
    text-align: center;
  }
  header aside .snb-block-main .suggestion span {
    color: #009b76;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.048rem;
  }
  header aside .snb-block-main .suggestion:hover {
    background-color: rgba(0, 155, 118, 0.3137254902);
  }
  .mobileBottomNav {
    display: none;
  }
  .mobileSnb {
    display: none;
  }
  .header-search-block {
    margin-top: 7rem;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0rem;
    left: 0;
    z-index: 999991;
    background-color: rgba(0, 0, 0, 0.3764705882);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .header-search-block .flex {
    width: 100%;
    height: 28rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  .header-search-block .flex:not(.hidden) {
    animation: heightChng 0.3s;
  }
  @keyframes heightChng {
    0% {
      height: 0;
    }
    100% {
      height: 28rem;
    }
  }
  .header-search-block .header-search {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    width: 120rem;
    height: auto;
    animation: opacityChng 0.6s;
  }
  .header-search-block .header-search .search-icon {
    width: 4.8rem;
    height: 4.8rem;
    background-image: url("/boouplife/img/darkgraySearch.png");
    background-size: 4.4rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    transition: background-image 0.4s ease;
  }
  .header-search-block .header-search .search-input {
    flex-grow: 1;
    height: 4.8rem;
    color: #1e2229;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 4.8rem;
    border: none;
    outline: none;
    --tw-ring-color: #fff;
    caret-color: #009b76;
    padding: 3rem 0;
  }
  .header-search-block .header-search .search-input::-moz-placeholder {
    color: #ddd;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 4.8rem;
  }
  .header-search-block .header-search .search-input::placeholder {
    color: #ddd;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 4.8rem;
  }
  .header-search-block .header-search .search-del {
    width: 3.9rem;
    height: 3.9rem;
    background-image: url("/boouplife/img/search-del.png");
    background-size: contain;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  @keyframes opacityChng {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .header-search-block .header-search .icon-hover {
    background-image: url("/boouplife/img/darkgraySearch-hover.png");
    background-size: 4.4rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
  }
}
@media (max-width: 768px) {
  header nav {
    padding: 3.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.65%;
  }
  header nav .main-logo {
    width: 13.33rem;
    height: 3rem;
    background-image: url("/boouplife/img/logo4x.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  header nav .main-tab-block .tab-block .sellerlife,
  header nav .main-tab-block .tab-block .bloglife,
  header nav .main-tab-block .tab-block .orders {
    display: none;
  }
  header nav .main-tab-block .tab-block .boouplife {
    color: #1e2229;
    font-size: 1.8rem;
    font-weight: 700;
    width: 7.8rem;
    height: auto;
  }
  header nav .main-tab-block .tab-block .boouplife.active {
    background-color: #fff !important;
    border: none;
    padding: 0;
    aspect-ratio: 4.3/1;
  }
  header nav .main-right-block {
    display: none;
  }
  header aside {
    display: none;
  }
  .mobileBottomNav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.13;
    background-color: #fff;
    z-index: 99;
    border-top: 1px solid #e7ebee;
  }
  .mobileBottomNav #mobileBottomNavBlock {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;
    flex-direction: column;
    padding: 1.1rem 0;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block .icon {
    width: 2.8rem;
    height: auto;
    aspect-ratio: 1/1;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block::after {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/nav.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block::after {
    content: "카테고리";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/nav-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/ttlSearch.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block::after {
    content: "통합검색";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/ttlSearch-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/home.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block::after {
    content: "홈";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/home-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block::after {
    content: "로그인";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block::after {
    content: "마이페이지";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/favorites.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block::after {
    content: "즐겨찾기";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/favorites-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileSnb {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 99;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
  }
  .mobileSnb .mobileSnb-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    background-color: #fff;
    padding-bottom: 8rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding: 0 3.2rem;
    width: 100%;
    height: 7rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-top .home-icon {
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("/boouplife/img/mobileBottomNav/mobilesnbHome.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-top .close-icon {
    width: 2.1rem;
    height: 2.1rem;
    background-image: url("/boouplife/img/mobileBottomNav/mobilesnbClose.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    padding: 0 3.6rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .line {
    width: 85vw;
    height: 0.1rem;
    border-top: 0.1px solid #e7ebee;
    margin: 0 auto;
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu {
    width: 100%;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li.ul-title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li.ul-title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li.ul-title {
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    color: #9fa4ab;
    font-size: 2rem;
    font-weight: 700;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.6rem;
    width: 100%;
    height: 6rem;
    cursor: pointer;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.new,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.new,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.new {
    position: relative;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.new::after,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.new::after,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.new::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: none;
    border-radius: 50%;
    background: #fc4c4e;
    left: 15.5rem;
    top: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.new::before,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.new::before,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.new::before {
    content: "N";
    position: absolute;
    left: 15.9rem;
    top: 0.7rem;
    z-index: 3;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.map {
    filter: grayscale(1);
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon {
    width: 3.2rem;
    height: 3.2rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.product,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.product,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.product {
    background-image: url("/boouplife/img/mobileSnb/product.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.location,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.location,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.location {
    background-image: url("/boouplife/img/mobileSnb/location.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.review,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.review,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.review {
    background-image: url("/boouplife/img/mobileSnb/review.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.reporter,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.reporter,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.reporter {
    background-image: url("/boouplife/img/mobileSnb/reporter.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.todayopen,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.todayopen,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.todayopen {
    background-image: url("/boouplife/img/mobileSnb/todayopen.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.deadline,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.deadline,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.deadline {
    background-image: url("/boouplife/img/mobileSnb/deadline.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.highprobability,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.highprobability,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.highprobability {
    background-image: url("/boouplife/img/mobileSnb/highprobability.svg");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.favorites,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.favorites,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.favorites {
    background-image: url("/boouplife/img/mobileSnb/favorites.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.map {
    background-image: url("/boouplife/img/mobileSnb/map.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a p,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a p,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a p {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 500;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .title {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 500;
  }
  .header-search-block {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0rem;
    left: 0;
    z-index: 999991;
    background-color: rgba(0, 0, 0, 0.3764705882);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .header-search-block .flex {
    width: 100%;
    height: 18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  .header-search-block .flex:not(.hidden) {
    animation: heightChng 0.4s;
  }
  .header-search-block .flex .header-search {
    animation: opacityChng 0.6s;
    padding: 2.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
    width: 100%;
  }
  .header-search-block .flex .header-search .search-icon {
    width: 3.6rem;
    height: 3.6rem;
    min-width: 3.6rem;
    max-width: 3.6rem;
    width: 100%;
    background-image: url("/boouplife/img/darkgraySearch.png");
    background-size: 3.6rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    transition: background-image 0.4s ease;
  }
  .header-search-block .flex .header-search .search-input {
    width: 100%;
    height: 4.8rem;
    color: #1e2229;
    font-size: 2.4rem;
    font-weight: 700;
    border: none;
    outline: none;
    --tw-ring-color: #fff;
    caret-color: #009b76;
    padding: 3rem 0;
  }
  .header-search-block .flex .header-search .search-input::-moz-placeholder {
    color: #ddd;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .header-search-block .flex .header-search .search-input::placeholder {
    color: #ddd;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .header-search-block .flex .header-search .search-del {
    width: 3.9rem;
    height: 3.9rem;
    background-image: url("/boouplife/img/search-del.png");
    background-size: contain;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  @keyframes opacityChng {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .header-search-block .flex .header-search .icon-hover {
    background-image: url("/boouplife/img/darkgraySearch-hover.png");
    background-size: 3.6rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    min-width: 3.6rem;
    max-width: 3.6rem;
    width: 100%;
  }
  @keyframes heightChng {
    0% {
      height: 0;
    }
    100% {
      height: 18rem;
    }
  }
}
@media screen and (max-width: 768px) and (max-width: 420px) {
  .mobileBottomNav #mobileBottomNavBlock .grid-block .icon {
    width: 2.4rem;
  }
}
#tippy-1 {
  z-index: 9999999 !important;
}
#tippy-1 .tippy-content .tippy-bold {
  color: #1ae5bc;
  font-weight: inherit;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input::-ms-clear,
input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}
.hidden {
  display: none !important;
}
@media (min-width: 769px) {
  header nav {
    width: 100vw;
    height: 7rem;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    background-color: #fff;
    border-bottom: 1px solid #e7ebee;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0 3rem;
  }
  header nav .main-logo {
    width: 11.8rem;
    height: 3rem;
    min-width: 11.8rem;
    max-width: 11.8rem;
    width: 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJoAAAAlCAYAAAC6Y/C3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAArrSURBVHgB7VzdbxxXHT13ZuzQtDSbAhIvkHH+AOLwgMSTN5UQQkKK+1gkyAZVSH0hjkRI+ajWS5GCVCQ7LyAqVNv8A04AiUdvnhBUahwh8YgnEgIJCcV1oLV3d+b2/O69a6/XM/s56zjpHGk8szP3zueZc3+/c+9YYVD84eYivNY5eM0IuvkAQSvCFJcvrW6jQIE+UAOVWq+G8Ftb8Bog2aC8Pa29llJeQ2uFD6CxyVIR90YS4gF8/r60GqFAAYfBiCb4/ZsbJFlZKSFbk5OQrKmgWof2ohS0TvQ2vva7l1CggIM3eMGpTSQeWeTbKfFJKZ/E8rTlmf2rtRa2fYACBToQ9C2xvhQCeytJ0ixDkVgkEiWLG3xOnOuYxErILss0Spzij00UyBVhGFaUUispm6Ktra0ZnHBkE21lpYQXdhYQx1UGZZQ0RyyQVFqEkIqWJAzJAgVPVCw2TNOmsr6DMcCbOs/Z5ZRN9SiK1lLKL/EhzHeuo7LKOdxNezhpD4b7CFl2AxNEL0Lw8GX0xoUx6m7zvm32qL+CyaHGY0fpRFv55TxON5aUDkJNfVKmhfWpZQmby4SaJdUSPsuEIZkQL2YpklBZmqHp3cMY4AOvcjabsmmeN+Uuz7s70y1xClPWIWV9LwxTNjeMSfK+dfmg6pxdytrO+hVMCDz2KmddRFv6dYip3RV402Uw8tIkmNJtggmJbIymkkRpNqPwqGgJlcz3WVrULZZyW/jGWoQRwXsuBJvN2CzkucLpNgo8VTgg2tIKH268ruIk1FOnNKWKxKGeaU+ZeEyMDJkLyTyjcFBG1QKlY6qZH7NOIqXGUjPP866ZhCIDrok0RJMmk7MS15WRDyLkgxAFDsES7dZ6iMZH6/AboQn0mwzolckeYRJTJcrmGYXbJ5goGEmnRNVE3XQgMskKycjxGYlT4j7m+xQrS0zC5rPuSBciB0gcwVkuQfXMzIwesso2r7uMyeGJuwCWaFotIQ5CG+wzJtvl/JQvwZkE97bZlHRTmlBpPsXaUIzVhGTMOk3zKiTTMVvP+AFGhxCnNEA5SRTqyBHHkQxkwcWc9+RF4/yKU2gJH0oY7H50QvYV8XlI8L8mL2S/Cixb6V7n4rYyBoSLA1dTNj00+0P1T2V48QZ8mrA+zVgz51Qi2Z6XIsa+MD0CLMfmsUnyUfK8JqnVUmLemh4Cj+at19rE1391ESOCSnAfR+MzuXHdN1sUYIY3Q8qHSL/wVc7W0sjD7O+IUe2ItoUJIu24neD1y/FD5Ajeh+sk2/Iwddy9kHs7FMl5rItZ2a2HZOoKkoBcmiKn2hOF7hHvyeN2xmmTAiWiZWM27tOnHHuLCBI2N/42m1aqmV/HiMhKAtLeNhwkBc8MxCfDBGI7yeCdUg5TR17OrDpRj3rrWcdiYBXMGofCOGBThzuldhrQH1HJXuTW58TJsPEap3u0MK7i1cVIiuk//uhnJNscGqNngxlJgIROd/mm19El4xKftUnI5QXYZndSCDF5zHWv6NEcZYL3oru8JEtnYFuGvjh//vwijxtmbJYmWWySa+6ed0PqiTV1vXtDoOLgAsVIW0+/7YTp/cmYsI/YlP6f02mJ3ZIKvvWDw6bpN2+JNA8lz4fOLiMJcKarzGspmaX8VhKDONcckwKPv4gcwPO8nuIBZoLXJCHCQ4wJ7uMsXKzUC9Jksmy1x34W5c1nsRrsix12lxECOq+z3rk+QOJbgomqSfZod+lq2SXzCFs8zv/2lNqNV/U7t8qId2t4vRYhH2QlAUYh5aSpammxWu5JQRpyNDQXka0sabHNfHePxwiIevUKdKJXMiQxb7tXRl4WkulqVnnpjeH2i50vFQMr9VDIJnGajdVkbmM1JfEal7VM5vc0dIvrWn6Fpu4W3nlrA795a+xYiSd2DUcvrO4sh/bv5ZR6lWHjjxMMeYgDEWIYuKSoL6TJRHaIEHGqHVrBlz/tmTiE3V1/Cj/8yzr1bL6dWSoVM86XzNNmlGbym1oFZmiQkmXtUdmmGrTVmsrGduwNiFsvj6Jwjihp/XgPO4kmss7ZuZRyYqfItjPd9WHV48i+udt7KecxqL0RZqyP0B9lZp49mzCXFIhSS2wVdmzqZXVEnT+ctSHr7qRda8oxy33UrJxxz0p9Mv/9jFfh5nuXaZGta5WoAxtDBjeyrfRlTjvDc7aHzAOuExskaFjCBU2J4SUdjZC0Lo3bnLobPUlIB/NIpnIvC6SfdTEueozeGOvYA5BF4rJaj/q9SLrtLI/InuCN9zaoamUz3EfFap9sJJo2y1bZDKmsqjm/bY/r2gMgzWnV8b03MztvB8EIrvqwODKsxt2s6gB1RVFmM7bVMQDcW77Zcewqj72I40HYrahsMpd5Ttcyyg80BMmNnlnI2FznPi7ZnoFmcBXTzQ0a/yF9Bhun2a4Ak8vJEDRJSmn8u871g0k6nZTYaqolXJvTv/35Obz207EzpWNGiCFc8AyUByx3BicE4l0mSSLns5pRpIbBUCMDSr2OY4m2fDGC9PPd+GuFclYll0KhlkosrUz3JjsI3C/DPm3GN0JBtekmw9RMoTJsYFvghMMp61WMCZdd9tzP4WFCb39lVQu7b/y5wrbyCv21snSWI2krmDV07dhtSy7E6FC5hgyADDEeQuQEvmULPST9pODBoJlhDnhinevpAx/f/uoqhHA3N0JMn1lHa2d2f/Ssa0sR6PbYbdurEDuyqYE/Q0hFXuaogCSbHbBofcKjJzpxaNCBJCZsWiJkx3554c4wZnHeyB7KXd0q4bnnFzAdXGBnOvTufyhY/yWhPjTumzSlhngkmPmOAK5JbTXHuphJjvbMgnO7Q0y+/7SW8bAvH0NCIJnhCSPaT7aYgZ5aQZyEiGPzvYB68QtsOdlD8fifSu38w44ocmpmScZ5i0u+n7vpeEwIJ03y9rBmnBA4K2kOx4DDRFugivnJImI69eZ7Td9+kCcfa/pifXCh9EWNT39W6X+/b9XMEc38VSrC97/b1yAcAdKZGyEfRHh6sI3hVSgcouzccbUgB0R7/e/zdPffJXPOytB/GNvCo0ol5tsAtBLT645mrPT0aeDzXwL+9T72TS9JQuMjIwdygTMNP3GZrAwq4HUPlRUegw85EizRXvsbVUxXlZEo6f4Uq4JZpXwLIG2ikMwz8mXJJkPSTtF++dRLwC7jNjsON8Ibrw7quwwFGfrCG7iK/BCmdAXllhC4oTohxoSoDa+7gmcAASr3Q9oXVeuGxUqZL+oSG+wLyXi1yvO0NmTzrLqJ4rWEcFS2xGTMEfaSsXoEnjRcv2qEHEByoMBhBBSuqk7QzhvFdLXdSUa5SK7W/jp2okv3lCWZ8phrNuUru2CT3tkrqL0SocDThjU3uHLiEDfMjLA1Y9Kke1zMfREyE5c54yI28ZmyShbbprOht/H48W384uVcm8s8fbQemKhxKUYx0kdaZHXN3c0x2cnCkWse5MOVvKDwnU37QYiQR+Izn4zyOZ/ylQ7YVE7R2gh87C9Pc9kPlqmFNVw/+8R8mQJPFwIqVZ2v4Kz5VJNNpfl+MzFNpgn+RcisT0Z1Uzoi4a7ijc9MwsIo8AzDYxB/mzR6ZBLKxPxvM2v5S0Igw7s5N+vj+DZ2Gl/Gjz9XkKzA0LDj0b59v0KavauFbSazVJqZpvn3Zwj8CNOnKliaKQhWYGQcjMwUmyNWS2wj55hRlrRPl195a3ihcRvLF4tYrMBY+Bi7lC6/9ySNJAAAAABJRU5ErkJggg==");
    background-size: 100%;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-tab-block {
    flex-grow: 1;
    margin-left: 11.2rem;
  }
  header nav .main-tab-block .tab-block {
    width: -moz-fit-content;
    width: fit-content;
    height: 7rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 3rem;
  }
  header nav .main-tab-block .tab-block a {
    color: #2c2e30;
    font-size: 2rem;
    font-weight: 500;
    line-height: 7rem;
    width: -moz-fit-content;
    width: fit-content;
    height: 7rem;
    border: none;
    margin-bottom: 0.1rem;
  }
  header nav .main-tab-block .tab-block a.active {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 800;
    line-height: 7rem;
    background-color: #fff;
    padding: 0;
    border-bottom: 3px solid #1e2229;
  }
  header nav .main-tab-block .tab-block .orders {
    color: rgba(129, 129, 129, 0.7);
    cursor: default;
  }
  header nav .main-right-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.6rem;
    min-width: 48rem;
    max-width: 48rem;
    width: 100%;
  }
  header nav .main-right-block .boouplife-manual-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
  }
  header nav .main-right-block .boouplife-manual-block .icon {
    width: 4rem;
    height: 4rem;
    background-image: url("../assets/img/manual.png");
    background-size: 4rem 4rem;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    position: relative;
  }
  header nav .main-right-block .boouplife-manual-block .icon .messege {
    opacity: 0;
    width: 6.9rem;
    height: 4rem;
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translate(-50%, 0);
    transition: 0.2s ease;
    cursor: default;
  }
  header nav .main-right-block .boouplife-manual-block .icon .messege p {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
  }
  header nav .main-right-block .boouplife-manual-block .icon:hover {
    background-image: url("../assets/img/manual-hover.png");
    background-size: 4rem 4rem;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-right-block .boouplife-manual-block .icon:hover .messege {
    opacity: 1;
    transition: 0.8s ease;
  }
  header nav .main-right-block .extension-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
    margin-right: 0.4rem;
  }
  header nav .main-right-block .extension-block:hover p {
    color: #3868eb;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: auto;
  }
  header nav .main-right-block .extension-block .icon {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Category'%3e%3cpath%20id='Stroke%201%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.4387%202.125C12.0936%202.125%2011.0029%203.21598%2011.0029%204.5615C11.0029%205.90702%2012.0936%206.998%2013.4387%206.998C14.784%206.998%2015.8752%205.90682%2015.8752%204.5615C15.8752%203.21618%2014.784%202.125%2013.4387%202.125ZM9.75293%204.5615C9.75293%202.52602%2011.4028%200.875%2013.4387%200.875C15.4744%200.875%2017.1252%202.52582%2017.1252%204.5615C17.1252%206.59718%2015.4744%208.248%2013.4387%208.248C11.4028%208.248%209.75293%206.59698%209.75293%204.5615Z'%20fill='%232C2E30'/%3e%3cpath%20id='Stroke%203%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.56075%202.125C3.21628%202.125%202.125%203.21608%202.125%204.5615C2.125%205.90692%203.21628%206.998%204.56075%206.998C5.90672%206.998%206.99725%205.90692%206.99725%204.5615C6.99725%203.21608%205.90672%202.125%204.56075%202.125ZM0.875%204.5615C0.875%202.52592%202.52572%200.875%204.56075%200.875C6.59728%200.875%208.24725%202.52592%208.24725%204.5615C8.24725%206.59708%206.59728%208.248%204.56075%208.248C2.52572%208.248%200.875%206.59708%200.875%204.5615Z'%20fill='%232C2E30'/%3e%3cpath%20id='Stroke%205%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.4387%2010.9485C12.0936%2010.9485%2011.0029%2012.0395%2011.0029%2013.385C11.0029%2014.7303%2012.0934%2015.8207%2013.4387%2015.8207C14.7842%2015.8207%2015.8752%2014.7301%2015.8752%2013.385C15.8752%2012.0397%2014.784%2010.9485%2013.4387%2010.9485ZM9.75293%2013.385C9.75293%2011.3495%2011.4028%209.69849%2013.4387%209.69849C15.4744%209.69849%2017.1252%2011.3493%2017.1252%2013.385C17.1252%2015.4209%2015.4742%2017.0707%2013.4387%2017.0707C11.403%2017.0707%209.75293%2015.4207%209.75293%2013.385Z'%20fill='%232C2E30'/%3e%3cpath%20id='Stroke%207%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.56075%2010.9485C3.21628%2010.9485%202.125%2012.0396%202.125%2013.385C2.125%2014.7302%203.21608%2015.8207%204.56075%2015.8207C5.90692%2015.8207%206.99725%2014.7302%206.99725%2013.385C6.99725%2012.0396%205.90672%2010.9485%204.56075%2010.9485ZM0.875%2013.385C0.875%2011.3494%202.52572%209.69849%204.56075%209.69849C6.59728%209.69849%208.24725%2011.3494%208.24725%2013.385C8.24725%2015.4208%206.59708%2017.0707%204.56075%2017.0707C2.52592%2017.0707%200.875%2015.4208%200.875%2013.385Z'%20fill='%232C2E30'/%3e%3c/g%3e%3c/svg%3e");
    background-size: 1.6rem 1.6rem;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-right-block .extension-block p {
    color: #2c2e30;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .payment-block {
    border: none;
    border-radius: 3rem;
    background: #1e2229;
    padding: 0.8rem 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .login-block {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    padding: 0.8rem 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .login-block:hover {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #dddddd;
  }
  header nav .main-right-block .header-search {
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("/boouplife/img/darkgraySearch.png");
    background-size: contain;
    background-position: cover;
    background-color: #fff;
    background-repeat: no-repeat;
    margin-right: 1.2rem;
  }
  header nav .main-right-block .header-btn {
    border: none;
    border-radius: 3rem;
    background: #1e2229;
    padding: 0.8rem 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .header-btn.connect {
    color: #2c2e30;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    border: none;
    border-radius: 3rem;
    background: #fff;
    padding: 0;
  }
  header nav .main-right-block .mypage-block {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    padding: 0.8rem 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    cursor: pointer;
  }
  header nav .main-right-block .mypage-block .icon {
    width: 0.8rem;
    height: 0.8rem;
    display: inline-block;
    margin-left: 1.2rem;
  }
  header nav .main-right-block .mypage-block .icon::before {
    content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
    transition: 0.2s;
    position: absolute;
    top: 0.6rem;
    right: 1.2rem;
  }
  header nav .main-right-block .mypage-block ul {
    display: none;
    color: #5d6165;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    border: 1px solid #1e2229;
    border-radius: 1.8rem;
    background: #fff;
    width: 9.6rem;
    height: auto;
    position: absolute;
    top: 3.8rem;
    right: -6.3rem;
    transform: translate(-50%, 0%);
    padding: 0.8rem;
  }
  header nav .main-right-block .mypage-block ul li:hover {
    background-color: #e9e9ea;
    color: #1e2229;
    border-radius: 1rem;
  }
  header nav .main-right-block .mypage-block ul li a {
    padding: 0.8rem;
    display: block;
    text-wrap: nowrap;
    text-align: center;
  }
  header nav .main-right-block .mypage-block.click {
    color: #3868eb;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .mypage-block.click .icon::before {
    content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%233868EB'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
    transition: 0.2s;
    position: absolute;
    top: 1rem;
  }
  header nav .main-right-block .mypage-block.click ul {
    display: block;
  }
  header nav .main-right-block .mypage-block:hover {
    background-color: #e9e9ea;
  }
  header aside {
    padding: 7rem 1rem 1rem 1rem;
    transition: width ease;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    max-height: 100%;
    min-height: 100%;
  }
  header aside .snb-block-main {
    height: 84vh;
    padding-bottom: 4rem;
    overflow-y: auto;
    overflow-x: hidden;
  }
  header aside .snb-block-main::-webkit-scrollbar {
    width: 0.8rem;
    background-color: #f1f3f3;
  }
  header aside .snb-block-main::-webkit-scrollbar-thumb {
    background-color: #bababa;
    border-radius: 2.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block {
    padding-bottom: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li {
    border: none;
    border-radius: 2.3rem;
    background: #fff;
    cursor: pointer;
    width: 16rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.tobe:hover {
    background-color: #c4c7c9;
  }
  header aside .snb-block-main ul.snb-ul-block li.tobe:hover a {
    color: #a1a1a1;
  }
  header aside .snb-block-main ul.snb-ul-block li.tobe a {
    color: #bababa;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
  }
  header aside .snb-block-main ul.snb-ul-block li a {
    padding: 1rem 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2rem;
    color: #2c2e30;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
    margin-top: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li a.new {
    position: relative;
  }
  header aside .snb-block-main ul.snb-ul-block li a.new::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: none;
    border-radius: 50%;
    background: #fc4c4e;
    right: 1rem;
    top: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  header aside .snb-block-main ul.snb-ul-block li a.new::before {
    content: "N";
    position: absolute;
    right: 1.45rem;
    top: 0.8rem;
    z-index: 3;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife .icon {
    background-image: url("/boouplife/img/snb/boouplife.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife:hover .icon {
    background-image: url("/boouplife/img/snb/boouplife-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.product .icon {
    background-image: url("/boouplife/img/snb/product.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.product:hover .icon {
    background-image: url("/boouplife/img/snb/product-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.location .icon {
    background-image: url("/boouplife/img/snb/local.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.location:hover .icon {
    background-image: url("/boouplife/img/snb/local-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.reporter .icon {
    background-image: url("/boouplife/img/snb/reporter.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.reporter:hover .icon {
    background-image: url("/boouplife/img/snb/reporter-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.todayopen .icon {
    background-image: url("/boouplife/img/snb/todayopen.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.todayopen:hover .icon {
    background-image: url("/boouplife/img/snb/todayopen-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.map .icon {
    background-image: url("/boouplife/img/snb/map.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.map:hover .icon {
    background-image: url("/boouplife/img/snb/map-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.favorites .icon {
    background-image: url("/boouplife/img/snb/favorites.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.favorites:hover .icon {
    background-image: url("/boouplife/img/snb/favorites-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.review .icon {
    background-image: url("/boouplife/img/snb/review.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.review:hover .icon {
    background-image: url("/boouplife/img/snb/review-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.deadline .icon {
    background-image: url("/boouplife/img/snb/deadline.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.deadline:hover .icon {
    background-image: url("/boouplife/img/snb/deadline-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.highprobability .icon {
    background-image: url("/boouplife/img/snb/highprobability.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.highprobability:hover .icon {
    background-image: url("/boouplife/img/snb/highprobability-hover.png");
  }

  header aside .snb-block-main ul.snb-ul-block li a:hover.new::after {
    background-color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li a:hover.new::before {
    color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 0;
    padding: 1.2rem 2rem 1rem 1.2rem;
    padding: 1.6rem 1.8rem;
    padding-bottom: 1rem;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife:hover {
    background-color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife:hover p {
    color: #1e2229;
  }
  header aside .snb-block-main ul.snb-ul-block li:nth-child(1) {
    margin-top: 0;
  }
  header aside .snb-block-main ul.snb-ul-block li.now {
    background-color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.boouplife .icon {
    background-image: url("/boouplife/img/snb/boouplife-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.product .icon {
    background-image: url("/boouplife/img/snb/product-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.location .icon {
    background-image: url("/boouplife/img/snb/local-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.reporter .icon {
    background-image: url("/boouplife/img/snb/reporter-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.todayopen .icon {
    background-image: url("/boouplife/img/snb/todayopen-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.map .icon {
    background-image: url("/boouplife/img/snb/map-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.favorites .icon {
    background-image: url("/boouplife/img/snb/favorites-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.review .icon {
    background-image: url("/boouplife/img/snb/review-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.deadline .icon {
    background-image: url("/boouplife/img/snb/deadline-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.highprobability .icon {
    background-image: url("/boouplife/img/snb/highprobability-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a::before {
    color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li.now a::after {
    background-color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li.now p {
    color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li .icon {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a p {
    flex-grow: 1;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon {
    flex-grow: 0;
    width: 1.4rem;
    height: 1.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon.up {
    background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
    background-size: 1.2rem;
    background-position: contain;
    background-color: inherit;
    background-repeat: no-repeat;
    transition: 0.2s;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon.down {
    background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%233868EB'/%3e%3c/svg%3e");
    background-size: 1.2rem;
    background-position: 90% 50%;
    background-color: inherit;
    background-repeat: no-repeat;
    transition: 0.2s;
    transform: rotate(-180deg);
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block {
    display: none;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li {
    padding: 0.4rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li a.icon:before {
    font-family: "Font Awesome 5 Free"; /* 폰트어썸 폰트를 지정 */
    content: "\f111"; /* 아이콘의 유니코드 */
    margin: 0 auto;
    font-size: 6px;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li a {
    width: 100%;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li:hover .icon {
    color: #3868eb;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li:hover a {
    color: #3868eb;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.boouplife .icon {
    background-image: url("/boouplife/img/snb/boouplife-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.product .icon {
    background-image: url("/boouplife/img/snb/product-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.location .icon {
    background-image: url("/boouplife/img/snb/local-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.reporter .icon {
    background-image: url("/boouplife/img/snb/reporter-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.todayopen .icon {
    background-image: url("/boouplife/img/snb/todayopen-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.map .icon {
    background-image: url("/boouplife/img/snb/map-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.favorites .icon {
    background-image: url("/boouplife/img/snb/favorites-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.review .icon {
    background-image: url("/boouplife/img/snb/review-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.deadline .icon {
    background-image: url("/boouplife/img/snb/deadline-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.highprobability .icon {
    background-image: url("/boouplife/img/snb/highprobability-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover ul.sub-ul-block li {
    color: #2c2e30;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover:hover li {
    background-color: rgba(56, 104, 235, 0.3137254902);
  }
  header aside .snb-block-main .suggestion {
    width: 100%;
    height: 6rem;
    border: 1px solid #009b76;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: column;
    color: #858a93;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.048rem;
    margin-top: 1rem;
    text-align: center;
  }
  header aside .snb-block-main .suggestion span {
    color: #009b76;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.048rem;
  }
  header aside .snb-block-main .suggestion:hover {
    background-color: rgba(0, 155, 118, 0.3137254902);
  }
  .mobileBottomNav {
    display: none;
  }
  .mobileSnb {
    display: none;
  }
  .header-search-block {
    margin-top: 7rem;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0rem;
    left: 0;
    z-index: 999991;
    background-color: rgba(0, 0, 0, 0.3764705882);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .header-search-block .flex {
    width: 100%;
    height: 28rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  .header-search-block .flex:not(.hidden) {
    animation: heightChng 0.3s;
  }
  @keyframes heightChng {
    0% {
      height: 0;
    }
    100% {
      height: 28rem;
    }
  }
  .header-search-block .header-search {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    width: 120rem;
    height: auto;
    animation: opacityChng 0.6s;
  }
  .header-search-block .header-search .search-icon {
    width: 4.8rem;
    height: 4.8rem;
    background-image: url("/boouplife/img/darkgraySearch.png");
    background-size: 4.4rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    transition: background-image 0.4s ease;
  }
  .header-search-block .header-search .search-input {
    flex-grow: 1;
    height: 4.8rem;
    color: #1e2229;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 4.8rem;
    border: none;
    outline: none;
    --tw-ring-color: #fff;
    caret-color: #009b76;
    padding: 3rem 0;
  }
  .header-search-block .header-search .search-input::-moz-placeholder {
    color: #ddd;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 4.8rem;
  }
  .header-search-block .header-search .search-input::placeholder {
    color: #ddd;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 4.8rem;
  }
  .header-search-block .header-search .search-del {
    width: 3.9rem;
    height: 3.9rem;
    background-image: url("/boouplife/img/search-del.png");
    background-size: contain;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  @keyframes opacityChng {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .header-search-block .header-search .icon-hover {
    background-image: url("/boouplife/img/darkgraySearch-hover.png");
    background-size: 4.4rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
  }
}
@media (max-width: 768px) {
  header nav {
    padding: 3.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.65%;
  }
  header nav .main-logo {
    width: 13.33rem;
    height: 3rem;
    background-image: url("/boouplife/img/logo4x.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  header nav .main-tab-block .tab-block .sellerlife,
  header nav .main-tab-block .tab-block .bloglife,
  header nav .main-tab-block .tab-block .orders {
    display: none;
  }
  header nav .main-tab-block .tab-block .boouplife {
    color: #1e2229;
    font-size: 1.8rem;
    font-weight: 700;
    width: 7.8rem;
    height: auto;
  }
  header nav .main-tab-block .tab-block .boouplife.active {
    background-color: #fff !important;
    border: none;
    padding: 0;
    aspect-ratio: 4.3/1;
  }
  header nav .main-right-block {
    display: none;
  }
  header aside {
    display: none;
  }
  .mobileBottomNav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.13;
    background-color: #fff;
    z-index: 99;
    border-top: 1px solid #e7ebee;
  }
  .mobileBottomNav #mobileBottomNavBlock {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;
    flex-direction: column;
    padding: 1.1rem 0;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block .icon {
    width: 2.8rem;
    height: auto;
    aspect-ratio: 1/1;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block::after {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/nav.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block::after {
    content: "카테고리";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/nav-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/ttlSearch.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block::after {
    content: "통합검색";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/ttlSearch-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/home.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block::after {
    content: "홈";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/home-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block::after {
    content: "로그인";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block::after {
    content: "마이페이지";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/favorites.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block::after {
    content: "즐겨찾기";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/favorites-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileSnb {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 99;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
  }
  .mobileSnb .mobileSnb-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    background-color: #fff;
    padding-bottom: 8rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding: 0 3.2rem;
    width: 100%;
    height: 7rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-top .home-icon {
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("/boouplife/img/mobileBottomNav/mobilesnbHome.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-top .close-icon {
    width: 2.1rem;
    height: 2.1rem;
    background-image: url("/boouplife/img/mobileBottomNav/mobilesnbClose.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    padding: 0 3.6rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .line {
    width: 85vw;
    height: 0.1rem;
    border-top: 0.1px solid #e7ebee;
    margin: 0 auto;
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu {
    width: 100%;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li.ul-title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li.ul-title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li.ul-title {
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    color: #9fa4ab;
    font-size: 2rem;
    font-weight: 700;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.6rem;
    width: 100%;
    height: 6rem;
    cursor: pointer;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.new,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.new,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.new {
    position: relative;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.new::after,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.new::after,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.new::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: none;
    border-radius: 50%;
    background: #fc4c4e;
    left: 15.5rem;
    top: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.new::before,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.new::before,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.new::before {
    content: "N";
    position: absolute;
    left: 15.9rem;
    top: 0.7rem;
    z-index: 3;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.map {
    filter: grayscale(1);
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon {
    width: 3.2rem;
    height: 3.2rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.product,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.product,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.product {
    background-image: url("/boouplife/img/mobileSnb/product.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.location,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.location,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.location {
    background-image: url("/boouplife/img/mobileSnb/location.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.review,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.review,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.review {
    background-image: url("/boouplife/img/mobileSnb/review.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.reporter,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.reporter,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.reporter {
    background-image: url("/boouplife/img/mobileSnb/reporter.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.todayopen,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.todayopen,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.todayopen {
    background-image: url("/boouplife/img/mobileSnb/todayopen.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.deadline,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.deadline,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.deadline {
    background-image: url("/boouplife/img/mobileSnb/deadline.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.highprobability,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.highprobability,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.highprobability {
    background-image: url("/boouplife/img/mobileSnb/highprobability.svg");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.favorites,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.favorites,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.favorites {
    background-image: url("/boouplife/img/mobileSnb/favorites.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.map {
    background-image: url("/boouplife/img/mobileSnb/map.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a p,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a p,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a p {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 500;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .title {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 500;
  }
  .header-search-block {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0rem;
    left: 0;
    z-index: 999991;
    background-color: rgba(0, 0, 0, 0.3764705882);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .header-search-block .flex {
    width: 100%;
    height: 18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  .header-search-block .flex:not(.hidden) {
    animation: heightChng 0.4s;
  }
  .header-search-block .flex .header-search {
    animation: opacityChng 0.6s;
    padding: 2.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
    width: 100%;
  }
  .header-search-block .flex .header-search .search-icon {
    width: 3.6rem;
    height: 3.6rem;
    min-width: 3.6rem;
    max-width: 3.6rem;
    width: 100%;
    background-image: url("/boouplife/img/darkgraySearch.png");
    background-size: 3.6rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    transition: background-image 0.4s ease;
  }
  .header-search-block .flex .header-search .search-input {
    width: 100%;
    height: 4.8rem;
    color: #1e2229;
    font-size: 2.4rem;
    font-weight: 700;
    border: none;
    outline: none;
    --tw-ring-color: #fff;
    caret-color: #009b76;
    padding: 3rem 0;
  }
  .header-search-block .flex .header-search .search-input::-moz-placeholder {
    color: #ddd;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .header-search-block .flex .header-search .search-input::placeholder {
    color: #ddd;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .header-search-block .flex .header-search .search-del {
    width: 3.9rem;
    height: 3.9rem;
    background-image: url("/boouplife/img/search-del.png");
    background-size: contain;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  @keyframes opacityChng {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .header-search-block .flex .header-search .icon-hover {
    background-image: url("/boouplife/img/darkgraySearch-hover.png");
    background-size: 3.6rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    min-width: 3.6rem;
    max-width: 3.6rem;
    width: 100%;
  }
  @keyframes heightChng {
    0% {
      height: 0;
    }
    100% {
      height: 18rem;
    }
  }
}
@media screen and (max-width: 768px) and (max-width: 420px) {
  .mobileBottomNav #mobileBottomNavBlock .grid-block .icon {
    width: 2.4rem;
  }
}
#tippy-1 {
  z-index: 9999999 !important;
}
#tippy-1 .tippy-content .tippy-bold {
  color: #1ae5bc;
  font-weight: inherit;
}
@media (min-width: 769px) {
  .campaignCard {
    border: 1px solid #d7dce5;
    border-radius: 1.6rem;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    width: 100%;
    padding: 2rem 2.4rem 1.8rem 2.4rem;
    box-sizing: border-box;
    margin: 0 2.2rem 2% 0;
    cursor: pointer;
  }
  .campaignCard.rd {
    position: relative;
    overflow: hidden;
  }
  .campaignCard.rd::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: #f4f6f8;
    opacity: 0.77;
    content: "";
  }
  .campaignCard.rd::after {
    content: "모집마감";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #9fa4ab;
    font-size: 4rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
  }
  .campaignCard.isShowing {
    background-color: #f6fffd;
    border: 1px solid #009b76;
  }
  .campaignCard.isShown .card-body .text-block .title {
    opacity: 0.3;
  }
  .campaignCard:nth-child(3n) {
    margin-right: 0;
  }
  .campaignCard .flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    height: 2.6rem;
  }
  .campaignCard .flex .site {
    margin-right: 1rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .campaignCard .flex .site:not([class*=" "]) {
    display: none;
  }
  .campaignCard .flex .site::before {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0.4rem 0.6rem;
  }
  .campaignCard .flex .site.reviewnote:before {
    content: "리뷰노트";
    color: #1e98f2;
    border: 1px solid #cadfef;
    border-radius: 0.4rem;
    background: #ecf7ff;
  }
  .campaignCard .flex .site.gangnam:before {
    content: "강남맛집";
    color: #f85100;
    border: 1px solid #f1d5c7;
    border-radius: 0.4rem;
    background: #fff4ef;
  }
  .campaignCard .flex .site.revu:before {
    content: "레뷰";
    color: #874cfb;
    border: 1px solid #e1d9f0;
    border-radius: 0.4rem;
    background: #f5f0ff;
  }
  .campaignCard .flex .site.dinnerqueen:before {
    content: "디너의여왕";
    color: #ee3366;
    border: 1px solid #f5d8e0;
    border-radius: 0.4rem;
    background: #fff1f5;
  }
  .campaignCard .flex .site.mrble:before {
    content: "미블";
    color: #242f4f;
    border: 1px solid #d8dce8;
    border-radius: 0.4rem;
    background: #eff2f9;
  }
  .campaignCard .flex .site.reviewplace:before {
    content: "리뷰플레이스";
    color: #ee2f3f;
    border: 1px solid #f3dcde;
    border-radius: 0.4rem;
    background: #fff1f2;
  }
  .campaignCard .flex .site.gaboja:before {
    content: "가보자체험단";
    color: #67ab0d;
    border: 1px solid #deeccb;
    border-radius: 0.4rem;
    background: #f4fcea;
  }
  .campaignCard .flex .site.cometoplay:before {
    content: "놀러와체험단";
    color: #e06e17;
    border: 1px solid #eaded5;
    border-radius: 0.4rem;
    background: #fff5ed;
  }
  .campaignCard .flex .site.chvu:before {
    content: "체험뷰";
    color: #f23b7f;
    border: 1px solid #f4dde6;
    border-radius: 0.4rem;
    background: #fff3f8;
  }
  .campaignCard .flex .site.seoulouba:before {
    content: "서울오빠";
    color: #4177f0;
    border: 1px solid #d7e0f5;
    border-radius: 0.4rem;
    background: #f2f6ff;
  }
  .campaignCard .flex .site.ringble:before {
    content: "링블";
    color: #2991ed;
    border: 1px solid #e4eef6;
    border-radius: 0.4rem;
    background: #eff8ff;
  }
  .campaignCard .flex .site.cloudreview:before {
    content: "클라우드리뷰";
    color: #1b4396;
    border: 1px solid #e6e9f0;
    border-radius: 0.4rem;
    background: #f2f6ff;
  }
  .campaignCard .flex .site.tble:before {
    content: "티블";
    color: #e79e00;
    border: 1px solid #f0e8ce;
    border-radius: 0.4rem;
    background: #fff9e5;
  }
  .campaignCard .flex .site.popomon:before {
    content: "포포몬";
    color: #5b3bda;
    border: 1px solid #e1dcf6;
    border-radius: 0.4rem;
    background: #f3f0ff;
  }
  .campaignCard .flex .site.dailyview:before {
    content: "데일리뷰";
    color: #4040d8;
    border: 1px solid #dadaf2;
    border-radius: 0.4rem;
    background: #f2f2ff;
  }
  .campaignCard .flex .site.cherrypl:before {
    content: "체리플";
    color: #ff2f68;
    border: 1px solid #fbd8e2;
    border-radius: 0.4rem;
    background: #fff0f4;
  }
  .campaignCard .flex .site.realview:before {
    content: "리얼뷰";
    color: #eb128c;
    border: 1px solid #ecd1e0;
    border-radius: 0.4rem;
    background: #fff3fa;
  }
  .campaignCard .flex .site.chehumdan:before {
    content: "체험단닷컴";
    color: #f33737;
    border: 1px solid #f4e0e0;
    border-radius: 0.4rem;
    background: #fff3f3;
  }
  .campaignCard .flex .site.reviewbridge:before {
    content: "리뷰브릿지";
    color: #e35f00;
    border: 1px solid #f1e1d6;
    border-radius: 0.4rem;
    background: #fff8f3;
  }
  .campaignCard .flex .requestCount {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
  }
  .campaignCard .flex .requestCount::after {
    width: 0.1rem;
    height: 1rem;
    content: "|";
    color: #d7dce5;
    font-weight: 300;
    padding: 0 0.4rem;
  }
  .campaignCard .flex .reviewerLimit {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
  }
  .campaignCard .card-body {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    margin-top: 1.6rem;
    overflow: hidden;
  }
  .campaignCard .card-body .text-block {
    width: 100%;
    height: 7.4rem;
  }
  .campaignCard .card-body .text-block .title {
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.06rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    vertical-align: text-top;
    margin-top: -0.2rem;
  }
  .campaignCard .card-body .text-block .desc {
    width: 100%;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 130%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1rem;
    height: 2.1rem;
  }
  .campaignCard .card-body .submit {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    gap: 1rem 0;
    flex-wrap: wrap;
    margin-top: 1.6rem;
  }
  .campaignCard .card-body .submit .point {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 100%;
    border: none;
    border-radius: 0.4rem;
    background: #f4f6fa;
    padding: 0.75rem 0.8rem 0.75rem 0.8rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    margin-right: 1rem;
  }
  .campaignCard .card-body .submit .point::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    background-image: url("/boouplife/img/channel/point.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-body .submit .point.point:empty {
    display: none;
  }
  .campaignCard .card-body .submit .deadline {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    margin-right: 0.2rem;
  }
  .campaignCard .card-body .submit .deadline::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border: none;
    border-radius: 50%;
    background: #009b76;
    display: inline-block;
  }
  .campaignCard .card-body .submit .deadline::after {
    content: "";
    width: 0.1rem;
    height: 1rem;
    border: none;
    border-radius: 50%;
    background: #d7dce5;
    display: inline-block;
    margin-left: 0.6rem;
  }
  .campaignCard .card-body .submit .submission {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 100%;
    padding: 0.6rem 0.8rem;
  }
  .campaignCard .card-body .submit .submission::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border: none;
    border-radius: 50%;
    background: #fc3f58;
    display: inline-block;
  }
  .campaignCard .card-bottom {
    margin-top: 1.2rem;
    padding-top: 1.2rem;
    border-top: 1px solid #e7ebee;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .campaignCard .card-bottom .channel {
    width: 2.2rem;
    height: 2.2rem;
  }
  .campaignCard .card-bottom .channel:not([class*=" "]) {
    display: none;
  }
  .campaignCard .card-bottom .channel.blog {
    content: "";
    background-image: url("/boouplife/img/channel/naver.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.insta {
    content: "";
    background-image: url("/boouplife/img/channel/insta.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.tiktok {
    content: "";
    background-image: url("/boouplife/img/channel/tiktok.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.youtube {
    content: "";
    background-image: url("/boouplife/img/channel/youtube.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.review {
    content: "";
    background-image: url("/boouplife/img/channel/review.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.clip {
    content: "";
    background-image: url("/boouplife/img/channel/clip.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .save-icon-block {
    width: auto;
    height: 2.2rem;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
  }
  .campaignCard .card-bottom .save-icon-block .save-icon {
    width: 2rem;
    height: 1.78rem;
    background-image: url("/boouplife/img/save.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
    z-index: 9;
  }
  .campaignCard .card-bottom .save-icon-block .save-icon.true {
    background-image: url("/boouplife/img/save-hover.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
}
@media (max-width: 768px) {
  .campaignCard {
    width: 100%;
    height: auto;
    padding: 2.4rem;
    border-top: 1px solid #d7dce5;
  }
  .campaignCard.rd {
    position: relative;
    overflow: hidden;
  }
  .campaignCard.rd::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: #f4f6f8;
    opacity: 0.77;
    content: "";
  }
  .campaignCard.rd::after {
    content: "모집마감";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #9fa4ab;
    font-size: 4rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
  }
  .campaignCard.isShowing {
    background-color: #f6fffd;
    border: 1px solid #009b76;
  }
  .campaignCard.isShown .card-body .text-block .title {
    opacity: 0.3;
  }
  .campaignCard .flex {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
  }
  .campaignCard .flex .site {
    margin-right: 1rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .campaignCard .flex .site:not([class*=" "]) {
    display: none;
  }
  .campaignCard .flex .site::before {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0.4rem 0.6rem;
  }
  .campaignCard .flex .site.reviewnote:before {
    content: "리뷰노트";
    color: #1e98f2;
    border: 1px solid #cadfef;
    border-radius: 0.4rem;
    background: #ecf7ff;
  }
  .campaignCard .flex .site.gangnam:before {
    content: "강남맛집";
    color: #f85100;
    border: 1px solid #f1d5c7;
    border-radius: 0.4rem;
    background: #fff4ef;
  }
  .campaignCard .flex .site.revu:before {
    content: "레뷰";
    color: #874cfb;
    border: 1px solid #e1d9f0;
    border-radius: 0.4rem;
    background: #f5f0ff;
  }
  .campaignCard .flex .site.dinnerqueen:before {
    content: "디너의여왕";
    color: #ee3366;
    border: 1px solid #f5d8e0;
    border-radius: 0.4rem;
    background: #fff1f5;
  }
  .campaignCard .flex .site.mrble:before {
    content: "미블";
    color: #242f4f;
    border: 1px solid #d8dce8;
    border-radius: 0.4rem;
    background: #eff2f9;
  }
  .campaignCard .flex .site.reviewplace:before {
    content: "리뷰플레이스";
    color: #ee2f3f;
    border: 1px solid #f3dcde;
    border-radius: 0.4rem;
    background: #fff1f2;
  }
  .campaignCard .flex .site.gaboja:before {
    content: "가보자체험단";
    color: #67ab0d;
    border: 1px solid #deeccb;
    border-radius: 0.4rem;
    background: #f4fcea;
  }
  .campaignCard .flex .site.cometoplay:before {
    content: "놀러와체험단";
    color: #e06e17;
    border: 1px solid #eaded5;
    border-radius: 0.4rem;
    background: #fff5ed;
  }
  .campaignCard .flex .site.chvu:before {
    content: "체험뷰";
    color: #f23b7f;
    border: 1px solid #f4dde6;
    border-radius: 0.4rem;
    background: #fff3f8;
  }
  .campaignCard .flex .site.seoulouba:before {
    content: "서울오빠";
    color: #4177f0;
    border: 1px solid #d7e0f5;
    border-radius: 0.4rem;
    background: #f2f6ff;
  }
  .campaignCard .flex .site.ringble:before {
    content: "링블";
    color: #2991ed;
    border: 1px solid #e4eef6;
    border-radius: 0.4rem;
    background: #eff8ff;
  }
  .campaignCard .flex .site.cloudreview:before {
    content: "클라우드리뷰";
    color: #1b4396;
    border: 1px solid #e6e9f0;
    border-radius: 0.4rem;
    background: #f2f6ff;
  }
  .campaignCard .flex .site.tble:before {
    content: "티블";
    color: #e79e00;
    border: 1px solid #f0e8ce;
    border-radius: 0.4rem;
    background: #fff9e5;
  }
  .campaignCard .flex .site.popomon:before {
    content: "포포몬";
    color: #5b3bda;
    border: 1px solid #e1dcf6;
    border-radius: 0.4rem;
    background: #f3f0ff;
  }
  .campaignCard .flex .site.dailyview:before {
    content: "데일리뷰";
    color: #4040d8;
    border: 1px solid #dadaf2;
    border-radius: 0.4rem;
    background: #f2f2ff;
  }
  .campaignCard .flex .site.cherrypl:before {
    content: "체리플";
    color: #ff2f68;
    border: 1px solid #fbd8e2;
    border-radius: 0.4rem;
    background: #fff0f4;
  }
  .campaignCard .flex .site.realview:before {
    content: "리얼뷰";
    color: #eb128c;
    border: 1px solid #ecd1e0;
    border-radius: 0.4rem;
    background: #fff3fa;
  }
  .campaignCard .flex .site.chehumdan:before {
    content: "체험단닷컴";
    color: #f33737;
    border: 1px solid #f4e0e0;
    border-radius: 0.4rem;
    background: #fff3f3;
  }
  .campaignCard .flex .site.reviewbridge:before {
    content: "리뷰브릿지";
    color: #e35f00;
    border: 1px solid #f1e1d6;
    border-radius: 0.4rem;
    background: #fff8f3;
  }
  .campaignCard .flex .flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
  }
  .campaignCard .flex .flex .requestCount {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .campaignCard .flex .flex .requestCount::after {
    content: "|";
    color: #d7dce5;
    font-weight: 300;
    padding-right: 0.4rem;
    padding-left: 0.4rem;
  }
  .campaignCard .flex .flex .reviewerLimit {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .campaignCard .card-body {
    margin-top: 1.8rem;
  }
  .campaignCard .card-body .text-block .title {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.06rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .campaignCard .card-body .text-block .desc {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.06rem;
    margin-top: 0.8rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .campaignCard .card-body .submit {
    margin-top: 1.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
  }
  .campaignCard .card-body .submit .point {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 600;
    border: none;
    border-radius: 0.4rem;
    background: #f4f6fa;
    padding: 0.75rem 0.8rem 0.75rem 0.8rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    margin-right: 1rem;
  }
  .campaignCard .card-body .submit .point::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    background-image: url("/boouplife/img/channel/point.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-body .submit .point.point:empty {
    display: none;
  }
  .campaignCard .card-body .submit .deadline {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    margin-right: 0.2rem;
  }
  .campaignCard .card-body .submit .deadline::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border: none;
    border-radius: 50%;
    background: #009b76;
    display: inline-block;
  }
  .campaignCard .card-body .submit .deadline::after {
    content: "";
    width: 0.1rem;
    height: 1rem;
    border: none;
    border-radius: 50%;
    background: #d7dce5;
    display: inline-block;
    margin-left: 0.8rem;
  }
  .campaignCard .card-body .submit .submission {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 100%;
  }
  .campaignCard .card-body .submit .submission::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border: none;
    border-radius: 50%;
    background: #fc3f58;
    display: inline-block;
  }
  .campaignCard .card-bottom {
    margin-top: 1.2rem;
    padding-top: 1.4rem;
    border-top: 1px solid #e7ebee;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .campaignCard .card-bottom .channel {
    width: 2.2rem;
    height: 2.2rem;
  }
  .campaignCard .card-bottom .channel:not([class*=" "]) {
    display: none;
  }
  .campaignCard .card-bottom .channel.blog {
    content: "";
    background-image: url("/boouplife/img/channel/naver.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.insta {
    content: "";
    background-image: url("/boouplife/img/channel/insta.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.tiktok {
    content: "";
    background-image: url("/boouplife/img/channel/tiktok.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.youtube {
    content: "";
    background-image: url("/boouplife/img/channel/youtube.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.review {
    content: "";
    background-image: url("/boouplife/img/channel/review.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.clip {
    content: "";
    background-image: url("/boouplife/img/channel/clip.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .save-icon-block {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
  }
  .campaignCard .card-bottom .save-icon-block .save-icon {
    width: 2rem;
    height: 1.78rem;
    background-image: url("/boouplife/img/save.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .save-icon-block .save-icon.true {
    background-image: url("/boouplife/img/save-hover.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
}
@media (min-width: 769px) {
  .filter-section {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    gap: 1rem 0;
    min-width: 58rem;
  }
  .filter-section .filter-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    position: relative;
    flex-grow: 1;
  }
  .filter-section .accordion {
    display: inline-block;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
  }
  .filter-section .accordion .accordion-button {
    border: 1px solid #d1d1d3;
    border-radius: 2.3rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: auto;
    width: 12rem;
    height: 4.6rem;
    padding: 2rem;
  }
  .filter-section .accordion .accordion-button.sort-button {
    display: none;
  }
  .filter-section .accordion .accordion-button p {
    width: 100%;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
  }
  .filter-section .accordion .accordion-button p span {
    color: #009b76;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    display: none;
  }
  .filter-section .accordion .accordion-button .icon {
    width: 1rem;
    height: 0.6rem;
    background-image: url("/boouplife/img/arrow/arrow-down-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-section .accordion .accordion-button.select {
    border: 1px solid #1e2229;
    border-radius: 2.3rem;
    background: #fff;
  }
  .filter-section .accordion .accordion-button.select .icon {
    background-image: url("/boouplife/img/arrow/arrow-up-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-section .accordion .accordion-button.filterOk {
    border: 1px solid #009b76;
    border-radius: 2.3rem;
    background: #f6fffd;
  }
  .booup-sort-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.8rem;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 100%;
    margin-right: 2rem;
  }
  .booup-sort-block button::after {
    content: "|";
    margin-left: 0.8rem;
    color: #d7dce5;
    font-weight: 300;
  }
  .booup-sort-block button:nth-last-child(1)::after {
    content: "";
  }
  .booup-sort-block button.select {
    color: #009b76;
  }
  .flex .sort-button,
  .flex .accordion-content {
    display: none;
  }
  .booup-search-block {
    width: 22rem;
    height: 4.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    border: none;
    border-radius: 3.5rem;
    background: #f5f5f5;
    position: relative;
    cursor: text;
  }
  .booup-search-block .search-input {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 2.1rem;
    background: transparent;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
    text-align: start;
    padding: 0.8rem 4.8rem 0.8rem 1.8rem;
  }
  .booup-search-block .search-input.active {
    border: 1px solid #009b76;
    border-radius: 2.1rem;
    background: #e4f8f3;
  }
  .booup-search-block .search-input:focus {
    outline: none;
    box-shadow: none;
  }
  .booup-search-block .search-input:focus::-moz-placeholder {
    color: #f5f5f5;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
  }
  .booup-search-block .search-input:focus::placeholder {
    color: #f5f5f5;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
  }
  .booup-search-block .search-input::-moz-placeholder {
    color: #9fa4ab;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
    opacity: 1;
  }
  .booup-search-block .search-input::placeholder {
    color: #9fa4ab;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
    opacity: 1;
  }
  .booup-search-block input::-ms-clear,
  .booup-search-block input::-ms-reveal {
    width: 0;
    height: 0;
    display: none;
  }
  .booup-search-block input::-webkit-search-decoration,
  .booup-search-block input::-webkit-search-cancel-button,
  .booup-search-block input::-webkit-search-results-button,
  .booup-search-block input::-webkit-search-results-decoration {
    display: none;
  }
  .booup-search-block .search-icon {
    width: 5rem;
    height: 3rem;
    background-image: url("/boouplife/img/graySearch.png");
    background-size: 1.8em 1.8rem;
    background-position: 40% 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0rem;
    transform: translate(0%, -50%);
    cursor: pointer;
  }
  .accordion-block {
    display: block;
    flex-grow: 1;
    margin-top: 1rem;
    overflow: hidden;
    min-width: 58rem;
  }
  .accordion-block .accordion-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    border: 1px solid #d7dce5;
    border-radius: 0.8rem;
    background: #fff;
    width: 100%;
    padding: 1rem 1.8rem;
    flex-wrap: wrap;
  }
  .accordion-block .accordion-content#channel label {
    width: -moz-fit-content;
    width: fit-content;
  }
  .accordion-block .accordion-content#site label {
    width: 16%;
  }
  .accordion-block .accordion-content label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 100%;
    padding: 1.2rem 1.8rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 20%;
  }
  .accordion-block .accordion-content label input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #d1d1d3;
    border-radius: 0.4rem;
    background: transparent;
  }
  .accordion-block .accordion-content label input[type=checkbox]:checked {
    border: 1.5px solid #009b76;
    border-radius: 0.4rem;
    background-image: url("/boouplife/img/cheked-Umcgreen.png");
    background-size: 2rem;
    background-position: 50%;
    background-color: none;
    background-repeat: no-repeat;
    outline: none;
  }
  .accordion-block .accordion-content label input[type=checkbox]:checked:focus {
    outline: none;
  }
  .accordion-block .accordion-content label input[type=checkbox]:checked:hover {
    outline: 1px solid #009b76;
  }
  .accordion-block .accordion-content label input[type=checkbox]:hover {
    outline: 1px solid #009b76;
  }
  .accordion-block .accordion-content label input[type=checkbox]:focus {
    outline: none;
  }
  .accordion-block .location-accordion-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    border: 1px solid #d7dce5;
    border-radius: 0.8rem;
    background: #fff;
    overflow: hidden;
  }
  .accordion-block .location-accordion-content .location-category-1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    width: 20rem;
    height: 25rem;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid #e4e5e6;
  }
  .accordion-block .location-accordion-content .location-category-1::-webkit-scrollbar {
    width: 0.6rem;
    background-color: #f8f9fa;
  }
  .accordion-block .location-accordion-content .location-category-1::-webkit-scrollbar-thumb {
    width: 100%;
    background-color: #d7dce5;
  }
  .accordion-block .location-accordion-content .location-category-1 .category-1 {
    width: 100%;
    height: 5rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    padding: 1.8rem 1rem;
    cursor: pointer;
  }
  .accordion-block .location-accordion-content .location-category-1 .category-1.true {
    color: #009b76;
    background-color: #f8f9fa;
  }
  .accordion-block .location-accordion-content .location-category-2 {
    width: 100%;
    height: 25rem;
    padding: 2.4rem 2.6rem 3rem 2.4rem;
    overflow-y: auto;
  }
  .accordion-block .location-accordion-content .location-category-2::-webkit-scrollbar {
    width: 0.6rem;
    background-color: #f8f9fa;
  }
  .accordion-block .location-accordion-content .location-category-2::-webkit-scrollbar-thumb {
    width: 100%;
    background-color: #d7dce5;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-wrap: wrap;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
    padding: 1.2rem 0.5rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    min-width: 20%;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #d1d1d3;
    border-radius: 0.4rem;
    background: transparent;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked {
    border: 1.5px solid #009b76;
    border-radius: 0.4rem;
    background-image: url("/boouplife/img/cheked-Umcgreen.png");
    background-size: 2rem;
    background-position: 50%;
    background-color: none;
    background-repeat: no-repeat;
    outline: none;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked:focus {
    outline: none;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked:hover {
    outline: 1px solid #009b76;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:hover {
    outline: 1px solid #009b76;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:focus {
    outline: none;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label[data-target$=All] {
    width: 100%;
    flex-grow: 1;
    padding: 0 0.5rem 1.2rem 0.5rem;
  }
  .accordion-block .selected-block {
    border: none;
    border-radius: 0.8rem;
    background: #f9f9fa;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem;
  }
  .accordion-block .selected-block .selected-item {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0rem;
    flex-wrap: wrap;
  }
  .accordion-block .selected-block .selected-item .selected {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 500;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.8rem 1.2rem;
  }
  .accordion-block .selected-block .selected-item .selected button {
    width: 1rem;
    height: 1rem;
    background-image: url("/boouplife/img/modal-close.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .accordion-block .selected-block .selectedReset {
    width: 9.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 0.4rem;
    color: #858a93;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .accordion-block .selected-block .selectedReset::before {
    content: "";
    width: 2rem;
    height: 2rem;
    background-image: url("/boouplife/img/selectedReset.png");
    background-size: 80%;
    background-position: 50%;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 769px) and (max-width: 1680px) {
  .accordion-block .accordion-content#site label {
    width: 33%;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label {
    width: 33%;
  }
}
@media (max-width: 768px) {
  .filter-wrap {
    position: relative;
    padding-bottom: 5.8rem;
    height: -moz-fit-content;
    height: fit-content;
  }
  .filter-wrap .filter-section {
    width: 100%;
    height: 4rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
    flex-wrap: wrap;
    padding: 0 2.4rem;
  }
  .filter-wrap .filter-section .filter-block {
    flex-grow: 1;
    width: 100%;
    height: 100%;
  }
  .filter-wrap .filter-section .filter-block .accordion {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button {
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    border: 1px solid #d1d1d3;
    border-radius: 2.2rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button p {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button p span {
    color: #009b76;
    margin-left: 0.4rem;
    display: none;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button .icon {
    width: 1rem;
    height: 0.6rem;
    background-image: url("/boouplife/img/arrow/arrow-down-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button.select {
    border: 1px solid #1e2229;
    border-radius: 2.3rem;
    background: #fff;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button.select .icon {
    background-image: url("/boouplife/img/arrow/arrow-up-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button.filterOk {
    border: 1px solid #009b76;
    border-radius: 2.3rem;
    background: #f6fffd;
  }
  .filter-wrap .filter-section .flex {
    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%;
    height: 4rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    padding: 0 2.4rem;
  }
  .filter-wrap .filter-section .flex .booup-search-block {
    display: inline-block;
    position: relative;
    width: calc(100% - 10rem);
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input {
    width: 100%;
    height: 4rem;
    border: none;
    border-radius: 2.1rem;
    background: #f5f5f5;
    color: #6a6b6d;
    font-size: 1.6rem;
    font-weight: 500;
    aspect-ratio: 1/0.083;
    padding: 0 6rem 0 2.4rem;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input:focus {
    --tw-ring-color: #f5f5f5;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input::-moz-placeholder {
    color: #6a6b6d;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input::placeholder {
    color: #6a6b6d;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input:focus::-moz-placeholder {
    color: #f5f5f5;
    border: none;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input:focus::placeholder {
    color: #f5f5f5;
    border: none;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-icon {
    width: 1.85rem;
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    right: 1.8rem;
    top: 50%;
    transform: translate(0%, -50%);
    background-image: url("/boouplife/img/graySearch.png");
    background-size: contain;
    background-position: 40% 50%;
    background-color: transparent;
    background-repeat: no-repeat;
  }
  .filter-wrap .filter-section .flex .sort-flex {
    position: relative;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button {
    width: 10rem;
    height: 4rem;
    border: 1px solid #1e2229;
    border-radius: 2.2rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button p {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button p span {
    color: #009b76;
    margin-left: 0.4rem;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button .icon {
    width: 1rem;
    height: 0.6rem;
    background-image: url("/boouplife/img/arrow/arrow-down-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button.select {
    border: 1px solid #1e2229;
    border-radius: 2.3rem;
    background: #fff;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button.select .icon {
    background-image: url("/boouplife/img/arrow/arrow-up-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-wrap .filter-section .flex .sort-flex #sortMoblie {
    width: 10rem;
    height: 12.4rem;
    border: 1px solid #1e2229;
    border-radius: 1.2rem;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    position: absolute;
    top: 4.4rem;
    left: 0rem;
    flex-direction: column;
    padding: 0.8rem 0;
    z-index: 9;
  }
  .filter-wrap .filter-section .flex .sort-flex #sortMoblie button {
    width: 100%;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .filter-wrap .filter-section .flex .sort-flex #sortMoblie button.select {
    color: #009b76;
  }
  .filter-wrap .filter-section .booup-sort-block {
    display: none;
  }
  .filter-wrap .accordion-block {
    margin: 1rem 0 0 0;
  }
  .filter-wrap .accordion-block .accordion-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    border-top: 1px solid #d7dce5;
    border-bottom: 1px solid #d7dce5;
    width: 100%;
    padding: 1rem 0 1rem 1.8rem;
    flex-wrap: wrap;
  }
  .filter-wrap .accordion-block .accordion-content#channel label {
    width: 33.3%;
  }
  .filter-wrap .accordion-block .accordion-content#site label {
    width: 33.3%;
  }
  .filter-wrap .accordion-block .accordion-content label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.6rem;
    color: #1e2229;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 100%;
    padding: 1.2rem 1.8rem 1.2rem 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 25%;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #d1d1d3;
    border-radius: 0.4rem;
    background: transparent;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:checked {
    border: 1.5px solid #009b76;
    border-radius: 0.4rem;
    background-image: url("/boouplife/img/cheked-Umcgreen.png");
    background-size: 2rem;
    background-position: 50%;
    background-color: none;
    background-repeat: no-repeat;
    outline: none;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:checked:focus {
    outline: none;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:checked:hover {
    outline: 1px solid #009b76;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:hover {
    outline: 1px solid #009b76;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:focus {
    outline: none;
  }
  .filter-wrap .accordion-block .selected-block {
    width: 100%;
    height: auto;
    padding: 1.2rem 4rem 1.2rem 1.2rem;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0rem;
    border: none;
    border-radius: 0.8rem;
    background: #f8f9fa;
  }
  .filter-wrap .accordion-block .selected-block .selected-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
  }
  .filter-wrap .accordion-block .selected-block .selected-item .selected {
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem;
    cursor: default;
  }
  .filter-wrap .accordion-block .selected-block .selected-item .selected button {
    width: 1rem;
    height: 1rem;
    background-image: url("/boouplife/img/modal-close.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .filter-wrap .accordion-block .selected-block .selectedReset {
    width: 2.4rem;
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    right: 2rem;
    top: 2rem;
    background-image: url("/boouplife/img/selectedReset.png");
    background-size: 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    color: transparent;
  }
  .filter-wrap .location-accordion-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    border: 1px solid #d7dce5;
    border-radius: 0.8rem;
    background: #fff;
    overflow: hidden;
    height: 25rem;
  }
  .filter-wrap .location-accordion-content .location-category-1 {
    width: 37%;
    height: 25rem;
    border-right: 1px solid #d7dce5;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .filter-wrap .location-accordion-content .location-category-1::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .filter-wrap .location-accordion-content .location-category-1 .category-1 {
    width: 100%;
    height: 4.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
  }
  .filter-wrap .location-accordion-content .location-category-1 .category-1.true {
    color: #009b76;
    font-size: 1.4rem;
    font-weight: 500;
    background-color: #f8f9fa;
  }
  .filter-wrap .location-accordion-content .location-category-2 {
    width: 63%;
    height: 25rem;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .filter-wrap .location-accordion-content .location-category-2::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.6rem;
    flex-direction: column;
    padding: 2.4rem;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #d1d1d3;
    border-radius: 0.4rem;
    background: transparent;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked {
    border: 1.5px solid #009b76;
    border-radius: 0.4rem;
    background-image: url("/boouplife/img/cheked-Umcgreen.png");
    background-size: 2rem;
    background-position: 50%;
    background-color: none;
    background-repeat: no-repeat;
    outline: none;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked:focus {
    outline: none;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked:hover {
    outline: 1px solid #009b76;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:hover {
    outline: 1px solid #009b76;
  }
}
.sort-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  padding-bottom: 0.8rem;
}
.sort-block .sort {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
}
.sort-block .line {
  width: 0.1rem;
  height: 0.8rem;
  border-right: 1px solid #6a6b6d;
}
@media (min-width: 769px) {
  .campaignCard-skeleton-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 8rem;
    gap: 2rem;
    min-width: 58rem;
    margin-top: -8rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton {
    overflow: hidden;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-picture {
    display: inline-block;
    position: relative;
    overflow: hidden;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox {
    width: 100%;
    height: 28.9rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
    flex-direction: column;
    border: 1px solid #d7dce5;
    border-radius: 0.8rem;
    background: none;
    padding: 2.5rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div1 {
    width: 42%;
    height: 2.6rem;
    border: none;
    border-radius: 0.2rem;
    background: #e7ebee;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div2 {
    width: 90%;
    height: 2.6rem;
    border: none;
    border-radius: 0.2rem;
    background: #e7ebee;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div2:nth-child(2) {
    margin-top: 1.8rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div2:nth-child(4) {
    margin-top: 4.4rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div3 {
    margin-top: 0.4rem;
    width: 57%;
    height: 2.6rem;
    border: none;
    border-radius: 0.2rem;
    background: #e7ebee;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div4 {
    margin-top: 2rem;
    border-top: 1px solid #e7ebee;
    width: 100%;
    height: 3.8rem;
    padding-top: 1.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div4 .div5 {
    width: 7%;
    height: 2.2rem;
    min-width: 1.8rem;
    border: none;
    border-radius: 0.2rem;
    background: #e7ebee;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div4 .div6 {
    flex-grow: 1;
    width: 100%;
    height: 2.2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div4 .div6::after {
    width: 2.2rem;
    height: 2.2rem;
    min-width: 2.2rem;
    background-image: url("/boouplife/img/save.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
    display: inline-block;
    content: "";
  }
}
@keyframes shine-avatar {
  0% {
    background-position: 0rem;
  }
  40%, 100% {
    background-position: 57rem;
  }
}
@media screen and (max-width: 1680px) {
  .campaignCard-skeleton-block {
    grid-template-columns: repeat(2, minmax(28rem, 48%)) !important;
  }
}
@media (min-width: 769px) {
  .main {
    margin-top: 7rem;
    margin-left: 18rem;
    width: calc(100% - 18rem);
  }
  .main .topTitle {
    padding: 4rem 0;
  }
  .main .topTitle p {
    color: #000;
    font-size: 4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.12rem;
    cursor: default;
  }
  .main .topTitle p span {
    color: #009b76;
  }
  .main .main-block {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
    position: relative;
    margin-top: 0rem;
    width: 100%;
    height: 100%;
  }
  .main .main-block .main-left {
    width: 100%;
    padding: 0 2rem 0 0;
  }
  .main .main-block .main-left.div {
    width: calc(100% - 51.6rem);
  }
  .main .main-block .main-left .banner-block {
    width: 100%;
    height: 10rem;
    margin: 0 auto;
    margin-top: 4rem;
    position: relative;
    cursor: grab;
  }
  .main .main-block .main-left .banner-block .swiper {
    width: 100%;
    height: 100%;
    border-radius: 0.8rem;
    overflow: hidden;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide {
    width: 39rem;
    height: 100%;
    border: none;
    border-radius: 0.8rem;
    background: #e2e2e2;
    overflow: hidden;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 0.4rem;
    width: 100%;
    height: 100%;
    padding: 1rem 2rem;
    overflow: hidden;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners .text-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.2rem;
    flex-direction: column;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners .text-box b {
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3.2rem;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners .text-box p {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.4rem;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners .img-box {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners .img-box img {
    width: 10rem;
    height: auto;
    margin-right: 1.2rem;
    min-width: 8rem;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners.sub-banner1 {
    background: #7d57e2;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners.sub-banner2 {
    background: #4a80da;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners.sub-banner2 .text-box b {
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3.2rem;
  }
  .main .main-block .main-left .banner-block .swiper .swiper-wrapper .swiper-slide .sub-banners.sub-banner3 {
    background: #24936f;
  }
  .main .main-block .main-left .banner-block .swiper-button-next {
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("/boouplife/img/arrow/arrow-right.png");
    background-size: 3.4rem;
    background-position: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    top: 50%;
    right: -1.7rem;
    content: "";
  }
  .main .main-block .main-left .banner-block .swiper-button-next.swiper-button-disabled {
    opacity: 0;
  }
  .main .main-block .main-left .banner-block .swiper-button-next::after {
    content: "";
  }
  .main .main-block .main-left .banner-block .swiper-button-next:hover {
    background-image: url("/boouplife/img/arrow/arrow-right-hover.png");
    background-size: 3.4rem;
    background-position: cover;
    background-color: transparent;
    background-repeat: no-repeat;
  }
  .main .main-block .main-left .banner-block .swiper-button-prev {
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("/boouplife/img/arrow/arrow-left.png");
    background-size: 3.4rem;
    background-position: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: -1.7rem;
  }
  .main .main-block .main-left .banner-block .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
  }
  .main .main-block .main-left .banner-block .swiper-button-prev::after {
    content: "";
  }
  .main .main-block .main-left .banner-block .swiper-button-prev:hover {
    background-image: url("/boouplife/img/arrow/arrow-left-hover.png");
    background-size: 3.4rem;
    background-position: cover;
    background-color: transparent;
    background-repeat: no-repeat;
  }
  .main .main-block .main-left .category-sort-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 0;
  }
  .main .main-block .main-left .category-sort-block .category-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 0.8rem;
    flex-wrap: wrap;
    flex-grow: 1;
    min-width: 58rem;
  }
  .main .main-block .main-left .category-sort-block .category-block a {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    border: none;
    border-radius: 2.3rem;
    background: #f5f5f5;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 1.5rem 2rem;
  }
  .main .main-block .main-left .category-sort-block .category-block a.select {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    background-color: #1e2229;
  }
  .main .main-block .main-left .category-sort-block .category-block a.select span {
    color: #32d6a4;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    display: inline-block;
  }
  .main .main-block .main-left .category-sort-block .category-block a span {
    display: none;
  }
  .main .main-block .main-left .campaign-block {
    max-width: 100%;
    margin-top: 1rem;
  }
  .main .main-block .main-left .campaign-block .campaignCardBox {
    display: grid;
    grid-template-columns: repeat(3, minmax(28rem, 32%));
    justify-content: space-between;
    gap: 1.6rem 2rem;
    flex-wrap: wrap;
    margin-bottom: 8rem;
  }
  .main .main-block .main-left .campaign-block .campaignCardBox.not {
    width: 100%;
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    flex-direction: column;
  }
  .main .main-block .main-left .campaign-block .campaignCardBox.not::before {
    display: inline-block;
    content: "";
    width: 16.1rem;
    height: 16.83rem;
    background-image: url("/boouplife/img/campaign/nocampaign.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .main .main-block .main-left .campaign-block .campaignCardBox.not::after {
    content: "신청할 수 있는 캠페인이 없습니다.";
    color: #858a93;
    font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.06rem;
  }
  .main .main-block .main-left .campaign-block .notLogin-wrap {
    width: 100%;
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    flex-direction: column;
  }
  .main .main-block .main-left .campaign-block .notLogin-wrap .notLogin {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    flex-direction: column;
  }
  .main .main-block .main-left .campaign-block .notLogin-wrap .notLogin::before {
    display: inline-block;
    content: "";
    width: 16.1rem;
    height: 16.83rem;
    background-image: url("/boouplife/img/campaign/nocampaign.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .main .main-block .main-left .campaign-block .notLogin-wrap .notLogin::after {
    content: "로그인이 필요한 서비스입니다.";
    color: #858a93;
    font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.06rem;
  }
  .main .main-block .main-left .campaign-block .notLogin-wrap .login {
    border: 1px solid red;
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0.8rem 1.6rem;
  }
  .main .main-block .main-left .campaign-block .notLogin-wrap .login::before {
    content: "로그인";
  }
  .main .main-block .right-wrap {
    width: calc(40% - 6rem);
    height: 100vh;
    position: fixed;
    top: 9rem;
    right: 0rem;
    background-color: rgba(255, 0, 0, 0.281);
    overflow-y: scroll;
    padding: 2rem;
    display: none;
  }
  .modal:focus-visible {
    outline: transparent !important;
  }
  .modal .modal-dialog-m {
    border: none;
    border-radius: 2rem;
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
  }
  .modal .modal-dialog-m .modal-content {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .modal .modal-dialog-m .modal-content .modal-header {
    padding: 2rem 2rem;
    display: flex;
    border-bottom: none;
    justify-content: flex-end;
  }
  .modal .modal-dialog-m .modal-content .modal-header .modal-title {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 500;
    line-height: 150%;
    flex-grow: 1;
  }
  .modal .modal-dialog-m .modal-content .modal-header .close-modal {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("/boouplife/img/modal-close.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
    text-align: end;
  }
  .modal .modal-dialog-m .modal-content .modal-body {
    padding: 1rem 3rem 3rem 3rem;
  }
  .modal .modal-dialog-m .modal-content .modal-body p {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
  }
  .modal .modal-dialog-m .modal-content .modal-footer {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    background-color: #fff;
    padding: 0 2rem 2rem 2rem;
  }
  .modal .modal-dialog-m .modal-content .modal-footer button {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    padding: 1.2rem 2rem;
  }
  .modal .modal-dialog-m .modal-content .modal-footer button.modal-footer-okBtn {
    border: none;
    border-radius: 0.8rem;
    background: #009b76;
    color: #fff;
    height: 4.8rem;
  }
  .modal .modal-dialog-m .modal-content .modal-footer button.modal-footer-clearBtn {
    border: none;
    border-radius: 0.8rem;
    background: #ededed;
    color: #858a93;
    height: 4.8rem;
  }
  #shareModal {
    z-index: 999;
  }
  #shareModal .modal-dialog-m .modal-content {
    width: 40rem;
    height: auto;
    border: none;
    border-radius: 2rem;
    background: #fff;
  }
  #shareModal .modal-dialog-m .modal-content .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 2rem;
  }
  #shareModal .modal-dialog-m .modal-content .modal-header .modal-title {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 600;
    line-height: 100%;
  }
  #shareModal .modal-dialog-m .modal-content .modal-header .modal-clsbutton {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("/boouplife/img/modal-close.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body {
    margin-top: 0;
    padding-bottom: 2rem;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .err {
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
    border: none;
    border-radius: 0.4rem;
    background: rgba(30, 34, 41, 0.9);
    padding: 1rem 2rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 1.2rem;
    text-align: center;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .err::before {
    width: 2.4rem;
    height: 2.4rem;
    content: "";
    display: inline-block;
    background-image: url("/boouplife/img/Link.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .err.show {
    opacity: 1;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    padding: 2rem 0;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    flex-direction: column;
    border: 1px solid #d7dce5;
    border-radius: 1.2rem;
    background: #fff;
    padding: 2rem;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-link {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    transition: 0.3s;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-link.link {
    background-image: url("/boouplife/img/share-link.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-link.kakao {
    background-image: url("/boouplife/img/share-kakao.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-link:hover {
    filter: brightness(0.9);
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-desc {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 600;
  }
  #deleteModal .modal-dialog-m {
    width: 40rem;
  }
  #deleteModal .modal-dialog-m .modal-content {
    width: 40rem;
  }
}
@media screen and (max-width: 1680px) {
  .campaignCardBox {
    grid-template-columns: repeat(2, minmax(28rem, 48%)) !important;
  }
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input::-ms-clear,
input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}
.hidden {
  display: none !important;
}
@media (min-width: 769px) {
  header nav {
    width: 100vw;
    height: 7rem;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    background-color: #fff;
    border-bottom: 1px solid #e7ebee;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0 3rem;
  }
  header nav .main-logo {
    width: 11.8rem;
    height: 3rem;
    min-width: 11.8rem;
    max-width: 11.8rem;
    width: 100%;
    background-image: url("data:image/png;base64,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");
    background-size: 100%;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-tab-block {
    flex-grow: 1;
    margin-left: 11.2rem;
  }
  header nav .main-tab-block .tab-block {
    width: -moz-fit-content;
    width: fit-content;
    height: 7rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 3rem;
  }
  header nav .main-tab-block .tab-block a {
    color: #2c2e30;
    font-size: 2rem;
    font-weight: 500;
    line-height: 7rem;
    width: -moz-fit-content;
    width: fit-content;
    height: 7rem;
    border: none;
    margin-bottom: 0.1rem;
  }
  header nav .main-tab-block .tab-block a.active {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 800;
    line-height: 7rem;
    background-color: #fff;
    padding: 0;
    border-bottom: 3px solid #1e2229;
  }
  header nav .main-tab-block .tab-block .orders {
    color: rgba(129, 129, 129, 0.7);
    cursor: default;
  }
  header nav .main-right-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.6rem;
    min-width: 48rem;
    max-width: 48rem;
    width: 100%;
  }
  header nav .main-right-block .boouplife-manual-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
  }
  header nav .main-right-block .boouplife-manual-block .icon {
    width: 4rem;
    height: 4rem;
    background-image: url("../assets/img/manual.png");
    background-size: 4rem 4rem;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    position: relative;
  }
  header nav .main-right-block .boouplife-manual-block .icon .messege {
    opacity: 0;
    width: 6.9rem;
    height: 4rem;
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translate(-50%, 0);
    transition: 0.2s ease;
    cursor: default;
  }
  header nav .main-right-block .boouplife-manual-block .icon .messege p {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
  }
  header nav .main-right-block .boouplife-manual-block .icon:hover {
    background-image: url("../assets/img/manual-hover.png");
    background-size: 4rem 4rem;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-right-block .boouplife-manual-block .icon:hover .messege {
    opacity: 1;
    transition: 0.8s ease;
  }
  header nav .main-right-block .extension-block {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
    margin-right: 0.4rem;
  }
  header nav .main-right-block .extension-block:hover p {
    color: #3868eb;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: auto;
  }
  header nav .main-right-block .extension-block .icon {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Category'%3e%3cpath%20id='Stroke%201%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.4387%202.125C12.0936%202.125%2011.0029%203.21598%2011.0029%204.5615C11.0029%205.90702%2012.0936%206.998%2013.4387%206.998C14.784%206.998%2015.8752%205.90682%2015.8752%204.5615C15.8752%203.21618%2014.784%202.125%2013.4387%202.125ZM9.75293%204.5615C9.75293%202.52602%2011.4028%200.875%2013.4387%200.875C15.4744%200.875%2017.1252%202.52582%2017.1252%204.5615C17.1252%206.59718%2015.4744%208.248%2013.4387%208.248C11.4028%208.248%209.75293%206.59698%209.75293%204.5615Z'%20fill='%232C2E30'/%3e%3cpath%20id='Stroke%203%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.56075%202.125C3.21628%202.125%202.125%203.21608%202.125%204.5615C2.125%205.90692%203.21628%206.998%204.56075%206.998C5.90672%206.998%206.99725%205.90692%206.99725%204.5615C6.99725%203.21608%205.90672%202.125%204.56075%202.125ZM0.875%204.5615C0.875%202.52592%202.52572%200.875%204.56075%200.875C6.59728%200.875%208.24725%202.52592%208.24725%204.5615C8.24725%206.59708%206.59728%208.248%204.56075%208.248C2.52572%208.248%200.875%206.59708%200.875%204.5615Z'%20fill='%232C2E30'/%3e%3cpath%20id='Stroke%205%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.4387%2010.9485C12.0936%2010.9485%2011.0029%2012.0395%2011.0029%2013.385C11.0029%2014.7303%2012.0934%2015.8207%2013.4387%2015.8207C14.7842%2015.8207%2015.8752%2014.7301%2015.8752%2013.385C15.8752%2012.0397%2014.784%2010.9485%2013.4387%2010.9485ZM9.75293%2013.385C9.75293%2011.3495%2011.4028%209.69849%2013.4387%209.69849C15.4744%209.69849%2017.1252%2011.3493%2017.1252%2013.385C17.1252%2015.4209%2015.4742%2017.0707%2013.4387%2017.0707C11.403%2017.0707%209.75293%2015.4207%209.75293%2013.385Z'%20fill='%232C2E30'/%3e%3cpath%20id='Stroke%207%20(Stroke)'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M4.56075%2010.9485C3.21628%2010.9485%202.125%2012.0396%202.125%2013.385C2.125%2014.7302%203.21608%2015.8207%204.56075%2015.8207C5.90692%2015.8207%206.99725%2014.7302%206.99725%2013.385C6.99725%2012.0396%205.90672%2010.9485%204.56075%2010.9485ZM0.875%2013.385C0.875%2011.3494%202.52572%209.69849%204.56075%209.69849C6.59728%209.69849%208.24725%2011.3494%208.24725%2013.385C8.24725%2015.4208%206.59708%2017.0707%204.56075%2017.0707C2.52592%2017.0707%200.875%2015.4208%200.875%2013.385Z'%20fill='%232C2E30'/%3e%3c/g%3e%3c/svg%3e");
    background-size: 1.6rem 1.6rem;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-right-block .extension-block p {
    color: #2c2e30;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .payment-block {
    border: none;
    border-radius: 3rem;
    background: #1e2229;
    padding: 0.8rem 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .login-block {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    padding: 0.8rem 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .login-block:hover {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #dddddd;
  }
  header nav .main-right-block .header-search {
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("/boouplife/img/darkgraySearch.png");
    background-size: contain;
    background-position: cover;
    background-color: #fff;
    background-repeat: no-repeat;
    margin-right: 1.2rem;
  }
  header nav .main-right-block .header-btn {
    border: none;
    border-radius: 3rem;
    background: #1e2229;
    padding: 0.8rem 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .header-btn.connect {
    border: none;
    border-radius: 3rem;
    background: #fff;
    color: #2c2e30;
    padding: 0;
  }
  header nav .main-right-block .mypage-block {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    padding: 0.8rem 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    cursor: pointer;
  }
  header nav .main-right-block .mypage-block .icon {
    width: 0.8rem;
    height: 0.8rem;
    display: inline-block;
    margin-left: 1.2rem;
  }
  header nav .main-right-block .mypage-block .icon::before {
    content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
    transition: 0.2s;
    position: absolute;
    top: 0.6rem;
    right: 1.2rem;
  }
  header nav .main-right-block .mypage-block ul {
    display: none;
    color: #5d6165;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    border: 1px solid #1e2229;
    border-radius: 1.8rem;
    background: #fff;
    width: 9.6rem;
    height: auto;
    position: absolute;
    top: 3.8rem;
    right: -6.3rem;
    transform: translate(-50%, 0%);
    padding: 0.8rem;
  }
  header nav .main-right-block .mypage-block ul li:hover {
    background-color: #e9e9ea;
    color: #1e2229;
    border-radius: 1rem;
  }
  header nav .main-right-block .mypage-block ul li a {
    padding: 0.8rem;
    display: block;
    text-wrap: nowrap;
    text-align: center;
  }
  header nav .main-right-block .mypage-block.click {
    color: #3868eb;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .mypage-block.click .icon::before {
    content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%233868EB'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
    transition: 0.2s;
    position: absolute;
    top: 1rem;
  }
  header nav .main-right-block .mypage-block.click ul {
    display: block;
  }
  header nav .main-right-block .mypage-block:hover {
    background-color: #e9e9ea;
  }
  header aside {
    padding: 7rem 1rem 1rem 1rem;
    transition: width ease;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    max-height: 100%;
    min-height: 100%;
  }
  header aside .snb-block-main {
    height: 84vh;
    padding-bottom: 4rem;
    overflow-y: auto;
    overflow-x: hidden;
  }
  header aside .snb-block-main::-webkit-scrollbar {
    width: 0.8rem;
    background-color: #f1f3f3;
  }
  header aside .snb-block-main::-webkit-scrollbar-thumb {
    background-color: #bababa;
    border-radius: 2.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block {
    padding-bottom: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li {
    border: none;
    border-radius: 2.3rem;
    background: #fff;
    cursor: pointer;
    width: 16rem;
  }
  header aside .snb-block-main ul.snb-ul-block li:hover {
    background-color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li.tobe:hover {
    background-color: #c4c7c9;
  }
  header aside .snb-block-main ul.snb-ul-block li.tobe:hover a {
    color: #a1a1a1;
  }
  header aside .snb-block-main ul.snb-ul-block li.tobe a {
    color: #bababa;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
  }
  header aside .snb-block-main ul.snb-ul-block li a {
    padding: 1rem 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2rem;
    color: #2c2e30;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
    margin-top: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li a.new {
    position: relative;
  }
  header aside .snb-block-main ul.snb-ul-block li a.new::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: none;
    border-radius: 50%;
    background: #fc4c4e;
    right: 1rem;
    top: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  header aside .snb-block-main ul.snb-ul-block li a.new::before {
    content: "N";
    position: absolute;
    right: 1.45rem;
    top: 0.8rem;
    z-index: 3;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife .icon {
    background-image: url("/boouplife/img/snb/boouplife.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife:hover .icon {
    background-image: url("/boouplife/img/snb/boouplife-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.product .icon {
    background-image: url("/boouplife/img/snb/product.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.product:hover .icon {
    background-image: url("/boouplife/img/snb/product-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.location .icon {
    background-image: url("/boouplife/img/snb/local.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.location:hover .icon {
    background-image: url("/boouplife/img/snb/local-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.reporter .icon {
    background-image: url("/boouplife/img/snb/reporter.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.reporter:hover .icon {
    background-image: url("/boouplife/img/snb/reporter-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.todayopen .icon {
    background-image: url("/boouplife/img/snb/todayopen.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.todayopen:hover .icon {
    background-image: url("/boouplife/img/snb/todayopen-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.map .icon {
    background-image: url("/boouplife/img/snb/map.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.map:hover .icon {
    background-image: url("/boouplife/img/snb/map-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.favorites .icon {
    background-image: url("/boouplife/img/snb/favorites.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.favorites:hover .icon {
    background-image: url("/boouplife/img/snb/favorites-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.review .icon {
    background-image: url("/boouplife/img/snb/review.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.review:hover .icon {
    background-image: url("/boouplife/img/snb/review-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.deadline .icon {
    background-image: url("/boouplife/img/snb/deadline.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.deadline:hover .icon {
    background-image: url("/boouplife/img/snb/deadline-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.highprobability .icon {
    background-image: url("/boouplife/img/snb/highprobability.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a.highprobability:hover .icon {
    background-image: url("/boouplife/img/snb/highprobability-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li a:hover.new::after {
    background-color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li a:hover.new::before {
    color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 0;
    padding: 1.2rem 2rem 1rem 1.2rem;
    padding: 1.6rem 1.8rem;
    padding-bottom: 1rem;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife:hover {
    background-color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li a.boouplife:hover p {
    color: #1e2229;
  }
  header aside .snb-block-main ul.snb-ul-block li:nth-child(1) {
    margin-top: 0;
  }
  header aside .snb-block-main ul.snb-ul-block li.now {
    background-color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.boouplife .icon {
    background-image: url("/boouplife/img/snb/boouplife-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.product .icon {
    background-image: url("/boouplife/img/snb/product-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.location .icon {
    background-image: url("/boouplife/img/snb/local-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.reporter .icon {
    background-image: url("/boouplife/img/snb/reporter-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.todayopen .icon {
    background-image: url("/boouplife/img/snb/todayopen-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.map .icon {
    background-image: url("/boouplife/img/snb/map-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.favorites .icon {
    background-image: url("/boouplife/img/snb/favorites-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.review .icon {
    background-image: url("/boouplife/img/snb/review-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.deadline .icon {
    background-image: url("/boouplife/img/snb/deadline-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a.highprobability .icon {
    background-image: url("/boouplife/img/snb/highprobability-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.now a::before {
    color: #009b76;
  }
  header aside .snb-block-main ul.snb-ul-block li.now a::after {
    background-color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li.now p {
    color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li .icon {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a p {
    flex-grow: 1;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon {
    flex-grow: 0;
    width: 1.4rem;
    height: 1.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon.up {
    background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
    background-size: 1.2rem;
    background-position: contain;
    background-color: inherit;
    background-repeat: no-repeat;
    transition: 0.2s;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon.down {
    background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%233868EB'/%3e%3c/svg%3e");
    background-size: 1.2rem;
    background-position: 90% 50%;
    background-color: inherit;
    background-repeat: no-repeat;
    transition: 0.2s;
    transform: rotate(-180deg);
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block {
    display: none;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li {
    padding: 0.4rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li a.icon:before {
    font-family: "Font Awesome 5 Free"; /* 폰트어썸 폰트를 지정 */
    content: "\f111"; /* 아이콘의 유니코드 */
    margin: 0 auto;
    font-size: 6px;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li a {
    width: 100%;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li:hover .icon {
    color: #3868eb;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li:hover a {
    color: #3868eb;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.boouplife .icon {
    background-image: url("/boouplife/img/snb/boouplife-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.product .icon {
    background-image: url("/boouplife/img/snb/product-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.location .icon {
    background-image: url("/boouplife/img/snb/local-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.reporter .icon {
    background-image: url("/boouplife/img/snb/reporter-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.todayopen .icon {
    background-image: url("/boouplife/img/snb/todayopen-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.map .icon {
    background-image: url("/boouplife/img/snb/map-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.favorites .icon {
    background-image: url("/boouplife/img/snb/favorites-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.review .icon {
    background-image: url("/boouplife/img/snb/review-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.deadline .icon {
    background-image: url("/boouplife/img/snb/deadline-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.highprobability .icon {
    background-image: url("/boouplife/img/snb/highprobability-hover.png");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover ul.sub-ul-block li {
    color: #2c2e30;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover:hover li {
    background-color: rgba(56, 104, 235, 0.3137254902);
  }
  header aside .snb-block-main .suggestion {
    width: 100%;
    height: 6rem;
    border: 1px solid #009b76;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-direction: column;
    color: #858a93;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.048rem;
    margin-top: 1rem;
    text-align: center;
  }
  header aside .snb-block-main .suggestion span {
    color: #009b76;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.048rem;
  }
  header aside .snb-block-main .suggestion:hover {
    background-color: rgba(0, 155, 118, 0.3137254902);
  }
  .mobileBottomNav {
    display: none;
  }
  .mobileSnb {
    display: none;
  }
  .header-search-block {
    margin-top: 7rem;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0rem;
    left: 0;
    z-index: 999991;
    background-color: rgba(0, 0, 0, 0.3764705882);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .header-search-block .flex {
    width: 100%;
    height: 28rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  .header-search-block .flex:not(.hidden) {
    animation: heightChng 0.3s;
  }
  @keyframes heightChng {
    0% {
      height: 0;
    }
    100% {
      height: 28rem;
    }
  }
  .header-search-block .header-search {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    width: 120rem;
    height: auto;
    animation: opacityChng 0.6s;
  }
  .header-search-block .header-search .search-icon {
    width: 4.8rem;
    height: 4.8rem;
    background-image: url("/boouplife/img/darkgraySearch.png");
    background-size: 4.4rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    transition: background-image 0.4s ease;
  }
  .header-search-block .header-search .search-input {
    flex-grow: 1;
    height: 4.8rem;
    color: #1e2229;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 4.8rem;
    border: none;
    outline: none;
    --tw-ring-color: #fff;
    caret-color: #009b76;
    padding: 3rem 0;
  }
  .header-search-block .header-search .search-input::-moz-placeholder {
    color: #ddd;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 4.8rem;
  }
  .header-search-block .header-search .search-input::placeholder {
    color: #ddd;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 4.8rem;
  }
  .header-search-block .header-search .search-del {
    width: 3.9rem;
    height: 3.9rem;
    background-image: url("/boouplife/img/search-del.png");
    background-size: contain;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  @keyframes opacityChng {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .header-search-block .header-search .icon-hover {
    background-image: url("/boouplife/img/darkgraySearch-hover.png");
    background-size: 4.4rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
  }
}
@media (max-width: 768px) {
  header nav {
    padding: 3.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.65%;
  }
  header nav .main-logo {
    width: 13.33rem;
    height: 3rem;
    background-image: url("/boouplife/img/logo4x.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  header nav .main-tab-block .tab-block .sellerlife,
  header nav .main-tab-block .tab-block .bloglife,
  header nav .main-tab-block .tab-block .bizlife,
  header nav .main-tab-block .tab-block .orders {
    display: none;
  }
  header nav .main-tab-block .tab-block .sourcinglife {
    color: #1e2229;
    font-size: 1.8rem;
    font-weight: 700;
    width: 7.8rem;
    height: auto;
  }
  header nav .main-tab-block .tab-block .sourcinglife.active {
    background-color: #fff !important;
    border: none;
    padding: 0;
    aspect-ratio: 4.3/1;
  }
  header nav .main-right-block {
    display: none;
  }
  header aside {
    display: none;
  }
  .mobileBottomNav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.13;
    background-color: #fff;
    z-index: 99;
    border-top: 1px solid #e7ebee;
  }
  .mobileBottomNav #mobileBottomNavBlock {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;
    flex-direction: column;
    padding: 1.1rem 0;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block .icon {
    width: 2.8rem;
    height: auto;
    aspect-ratio: 1/1;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block::after {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/nav.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block::after {
    content: "카테고리";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/nav-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.categorynav-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/ttlSearch.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block::after {
    content: "통합검색";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/ttlSearch-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.ttlSearch-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/home.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block::after {
    content: "홈";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/home-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.home-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block::after {
    content: "로그인";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.login-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block::after {
    content: "마이페이지";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/mypage-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.mypage-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block .icon {
    background-image: url("/boouplife/img/mobileBottomNav/favorites.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block::after {
    content: "즐겨찾기";
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block.select .icon {
    background-image: url("/boouplife/img/mobileBottomNav/favorites-hover.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .mobileBottomNav #mobileBottomNavBlock .grid-block.favorites-block.select::after {
    color: #009b76;
    font-weight: 700;
  }
  .mobileSnb {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 99;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
  }
  .mobileSnb .mobileSnb-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    background-color: #fff;
    padding-bottom: 8rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding: 0 3.2rem;
    width: 100%;
    height: 7rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-top .home-icon {
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("/boouplife/img/mobileBottomNav/mobilesnbHome.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-top .close-icon {
    width: 2.1rem;
    height: 2.1rem;
    background-image: url("/boouplife/img/mobileBottomNav/mobilesnbClose.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    padding: 0 3.6rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .line {
    width: 85vw;
    height: 0.1rem;
    border-top: 0.1px solid #e7ebee;
    margin: 0 auto;
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu {
    width: 100%;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li.ul-title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li.ul-title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li.ul-title {
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    color: #9fa4ab;
    font-size: 2rem;
    font-weight: 700;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.6rem;
    width: 100%;
    height: 6rem;
    cursor: pointer;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.new,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.new,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.new {
    position: relative;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.new::after,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.new::after,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.new::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: none;
    border-radius: 50%;
    background: #fc4c4e;
    left: 15.5rem;
    top: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.new::before,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.new::before,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.new::before {
    content: "N";
    position: absolute;
    left: 15.9rem;
    top: 0.7rem;
    z-index: 3;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 300;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a.map {
    filter: grayscale(1);
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon {
    width: 3.2rem;
    height: 3.2rem;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.product,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.product,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.product {
    background-image: url("/boouplife/img/mobileSnb/product.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.location,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.location,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.location {
    background-image: url("/boouplife/img/mobileSnb/location.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.review,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.review,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.review {
    background-image: url("/boouplife/img/mobileSnb/review.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.reporter,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.reporter,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.reporter {
    background-image: url("/boouplife/img/mobileSnb/reporter.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.todayopen,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.todayopen,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.todayopen {
    background-image: url("/boouplife/img/mobileSnb/todayopen.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.deadline,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.deadline,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.deadline {
    background-image: url("/boouplife/img/mobileSnb/deadline.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.highprobability,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.highprobability,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.highprobability {
    background-image: url("/boouplife/img/mobileSnb/highprobability.svg");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.favorites,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.favorites,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.favorites {
    background-image: url("/boouplife/img/mobileSnb/favorites.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .icon.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .icon.map,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .icon.map {
    background-image: url("/boouplife/img/mobileSnb/map.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a p,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a p,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a p {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 500;
  }
  .mobileSnb .mobileSnb-block .mobileSnb-list .boouplife-menu li a .title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .sellochomes-menu li a .title,
  .mobileSnb .mobileSnb-block .mobileSnb-list .cs-menu li a .title {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 500;
  }
  .header-search-block {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0rem;
    left: 0;
    z-index: 999991;
    background-color: rgba(0, 0, 0, 0.3764705882);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .header-search-block .flex {
    width: 100%;
    height: 18rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  .header-search-block .flex:not(.hidden) {
    animation: heightChng 0.4s;
  }
  .header-search-block .flex .header-search {
    animation: opacityChng 0.6s;
    padding: 2.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
    width: 100%;
  }
  .header-search-block .flex .header-search .search-icon {
    width: 3.6rem;
    height: 3.6rem;
    min-width: 3.6rem;
    max-width: 3.6rem;
    width: 100%;
    background-image: url("/boouplife/img/darkgraySearch.png");
    background-size: 3.6rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    transition: background-image 0.4s ease;
  }
  .header-search-block .flex .header-search .search-input {
    width: 100%;
    height: 4.8rem;
    color: #1e2229;
    font-size: 2.4rem;
    font-weight: 700;
    border: none;
    outline: none;
    --tw-ring-color: #fff;
    caret-color: #009b76;
    padding: 3rem 0;
  }
  .header-search-block .flex .header-search .search-input::-moz-placeholder {
    color: #ddd;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .header-search-block .flex .header-search .search-input::placeholder {
    color: #ddd;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .header-search-block .flex .header-search .search-del {
    width: 3.9rem;
    height: 3.9rem;
    background-image: url("/boouplife/img/search-del.png");
    background-size: contain;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  @keyframes opacityChng {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .header-search-block .flex .header-search .icon-hover {
    background-image: url("/boouplife/img/darkgraySearch-hover.png");
    background-size: 3.6rem;
    background-position: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    min-width: 3.6rem;
    max-width: 3.6rem;
    width: 100%;
  }
  @keyframes heightChng {
    0% {
      height: 0;
    }
    100% {
      height: 18rem;
    }
  }
}
@media screen and (max-width: 768px) and (max-width: 420px) {
  .mobileBottomNav #mobileBottomNavBlock .grid-block .icon {
    width: 2.4rem;
  }
}
#tippy-1 {
  z-index: 9999999 !important;
}
#tippy-1 .tippy-content .tippy-bold {
  color: #1ae5bc;
  font-weight: inherit;
}
@media (min-width: 769px) {
  .campaignCard {
    border: 1px solid #d7dce5;
    border-radius: 1.6rem;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    width: 100%;
    padding: 2rem 2.4rem 1.8rem 2.4rem;
    box-sizing: border-box;
    margin: 0 2.2rem 2% 0;
    cursor: pointer;
  }
  .campaignCard.rd {
    position: relative;
    overflow: hidden;
  }
  .campaignCard.rd::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: #f4f6f8;
    opacity: 0.77;
    content: "";
  }
  .campaignCard.rd::after {
    content: "모집마감";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #9fa4ab;
    font-size: 4rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
  }
  .campaignCard.isShowing {
    background-color: #f6fffd;
    border: 1px solid #009b76;
  }
  .campaignCard.isShown .card-body .text-block .title {
    opacity: 0.3;
  }
  .campaignCard:nth-child(3n) {
    margin-right: 0;
  }
  .campaignCard .flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    height: 2.6rem;
  }
  .campaignCard .flex .site {
    margin-right: 1rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .campaignCard .flex .site:not([class*=" "]) {
    display: none;
  }
  .campaignCard .flex .site::before {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0.4rem 0.6rem;
  }
  .campaignCard .flex .site.reviewnote:before {
    content: "리뷰노트";
    color: #1e98f2;
    border: 1px solid #cadfef;
    border-radius: 0.4rem;
    background: #ecf7ff;
  }
  .campaignCard .flex .site.gangnam:before {
    content: "강남맛집";
    color: #f85100;
    border: 1px solid #f1d5c7;
    border-radius: 0.4rem;
    background: #fff4ef;
  }
  .campaignCard .flex .site.revu:before {
    content: "레뷰";
    color: #874cfb;
    border: 1px solid #e1d9f0;
    border-radius: 0.4rem;
    background: #f5f0ff;
  }
  .campaignCard .flex .site.dinnerqueen:before {
    content: "디너의여왕";
    color: #ee3366;
    border: 1px solid #f5d8e0;
    border-radius: 0.4rem;
    background: #fff1f5;
  }
  .campaignCard .flex .site.mrble:before {
    content: "미블";
    color: #242f4f;
    border: 1px solid #d8dce8;
    border-radius: 0.4rem;
    background: #eff2f9;
  }
  .campaignCard .flex .site.reviewplace:before {
    content: "리뷰플레이스";
    color: #ee2f3f;
    border: 1px solid #f3dcde;
    border-radius: 0.4rem;
    background: #fff1f2;
  }
  .campaignCard .flex .site.gaboja:before {
    content: "가보자체험단";
    color: #67ab0d;
    border: 1px solid #deeccb;
    border-radius: 0.4rem;
    background: #f4fcea;
  }
  .campaignCard .flex .site.cometoplay:before {
    content: "놀러와체험단";
    color: #e06e17;
    border: 1px solid #eaded5;
    border-radius: 0.4rem;
    background: #fff5ed;
  }
  .campaignCard .flex .site.chvu:before {
    content: "체험뷰";
    color: #f23b7f;
    border: 1px solid #f4dde6;
    border-radius: 0.4rem;
    background: #fff3f8;
  }
  .campaignCard .flex .site.seoulouba:before {
    content: "서울오빠";
    color: #4177f0;
    border: 1px solid #d7e0f5;
    border-radius: 0.4rem;
    background: #f2f6ff;
  }
  .campaignCard .flex .site.ringble:before {
    content: "링블";
    color: #2991ed;
    border: 1px solid #e4eef6;
    border-radius: 0.4rem;
    background: #eff8ff;
  }
  .campaignCard .flex .site.cloudreview:before {
    content: "클라우드리뷰";
    color: #1b4396;
    border: 1px solid #e6e9f0;
    border-radius: 0.4rem;
    background: #f2f6ff;
  }
  .campaignCard .flex .site.tble:before {
    content: "티블";
    color: #e79e00;
    border: 1px solid #f0e8ce;
    border-radius: 0.4rem;
    background: #fff9e5;
  }
  .campaignCard .flex .site.popomon:before {
    content: "포포몬";
    color: #5b3bda;
    border: 1px solid #e1dcf6;
    border-radius: 0.4rem;
    background: #f3f0ff;
  }
  .campaignCard .flex .site.dailyview:before {
    content: "데일리뷰";
    color: #4040d8;
    border: 1px solid #dadaf2;
    border-radius: 0.4rem;
    background: #f2f2ff;
  }
  .campaignCard .flex .site.cherrypl:before {
    content: "체리플";
    color: #ff2f68;
    border: 1px solid #fbd8e2;
    border-radius: 0.4rem;
    background: #fff0f4;
  }
  .campaignCard .flex .site.realview:before {
    content: "리얼뷰";
    color: #eb128c;
    border: 1px solid #ecd1e0;
    border-radius: 0.4rem;
    background: #fff3fa;
  }
  .campaignCard .flex .site.chehumdan:before {
    content: "체험단닷컴";
    color: #f33737;
    border: 1px solid #f4e0e0;
    border-radius: 0.4rem;
    background: #fff3f3;
  }
  .campaignCard .flex .site.reviewbridge:before {
    content: "리뷰브릿지";
    color: #e35f00;
    border: 1px solid #f1e1d6;
    border-radius: 0.4rem;
    background: #fff8f3;
  }
  .campaignCard .flex .requestCount {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
  }
  .campaignCard .flex .requestCount::after {
    width: 0.1rem;
    height: 1rem;
    content: "|";
    color: #d7dce5;
    font-weight: 300;
    padding: 0 0.4rem;
  }
  .campaignCard .flex .reviewerLimit {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
  }
  .campaignCard .card-body {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    margin-top: 1.6rem;
    overflow: hidden;
  }
  .campaignCard .card-body .text-block {
    width: 100%;
    height: 7.4rem;
  }
  .campaignCard .card-body .text-block .title {
    color: #000;
    font-size: 2rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.06rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    vertical-align: text-top;
    margin-top: -0.2rem;
  }
  .campaignCard .card-body .text-block .desc {
    width: 100%;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 130%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1rem;
    height: 2.1rem;
  }
  .campaignCard .card-body .submit {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    gap: 1rem 0;
    flex-wrap: wrap;
    margin-top: 1.6rem;
  }
  .campaignCard .card-body .submit .point {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 100%;
    border: none;
    border-radius: 0.4rem;
    background: #f4f6fa;
    padding: 0.75rem 0.8rem 0.75rem 0.8rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    margin-right: 1rem;
  }
  .campaignCard .card-body .submit .point::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    background-image: url("/boouplife/img/channel/point.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-body .submit .point.point:empty {
    display: none;
  }
  .campaignCard .card-body .submit .deadline {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    margin-right: 0.2rem;
  }
  .campaignCard .card-body .submit .deadline::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border: none;
    border-radius: 50%;
    background: #009b76;
    display: inline-block;
  }
  .campaignCard .card-body .submit .deadline::after {
    content: "";
    width: 0.1rem;
    height: 1rem;
    border: none;
    border-radius: 50%;
    background: #d7dce5;
    display: inline-block;
    margin-left: 0.6rem;
  }
  .campaignCard .card-body .submit .submission {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 100%;
    padding: 0.6rem 0.8rem;
  }
  .campaignCard .card-body .submit .submission::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border: none;
    border-radius: 50%;
    background: #fc3f58;
    display: inline-block;
  }
  .campaignCard .card-bottom {
    margin-top: 1.2rem;
    padding-top: 1.2rem;
    border-top: 1px solid #e7ebee;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .campaignCard .card-bottom .channel {
    width: 2.2rem;
    height: 2.2rem;
  }
  .campaignCard .card-bottom .channel:not([class*=" "]) {
    display: none;
  }
  .campaignCard .card-bottom .channel.blog {
    content: "";
    background-image: url("/boouplife/img/channel/naver.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.insta {
    content: "";
    background-image: url("/boouplife/img/channel/insta.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.tiktok {
    content: "";
    background-image: url("/boouplife/img/channel/tiktok.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.youtube {
    content: "";
    background-image: url("/boouplife/img/channel/youtube.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.review {
    content: "";
    background-image: url("/boouplife/img/channel/review.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.clip {
    content: "";
    background-image: url("/boouplife/img/channel/clip.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .save-icon-block {
    width: auto;
    height: 2.2rem;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
  }
  .campaignCard .card-bottom .save-icon-block .save-icon {
    width: 2rem;
    height: 1.78rem;
    background-image: url("/boouplife/img/save.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
    z-index: 9;
  }
  .campaignCard .card-bottom .save-icon-block .save-icon.true {
    background-image: url("/boouplife/img/save-hover.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
}
@media (max-width: 768px) {
  .campaignCard {
    width: 100%;
    height: auto;
    padding: 2.4rem;
    border-top: 1px solid #d7dce5;
  }
  .campaignCard.rd {
    position: relative;
    overflow: hidden;
  }
  .campaignCard.rd::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: inline-block;
    background-color: #f4f6f8;
    opacity: 0.77;
    content: "";
  }
  .campaignCard.rd::after {
    content: "모집마감";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #9fa4ab;
    font-size: 4rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0;
  }
  .campaignCard.isShowing {
    background-color: #f6fffd;
    border: 1px solid #009b76;
  }
  .campaignCard.isShown .card-body .text-block .title {
    opacity: 0.3;
  }
  .campaignCard .flex {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
  }
  .campaignCard .flex .site {
    margin-right: 1rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
  .campaignCard .flex .site:not([class*=" "]) {
    display: none;
  }
  .campaignCard .flex .site::before {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0.4rem 0.6rem;
  }
  .campaignCard .flex .site.reviewnote:before {
    content: "리뷰노트";
    color: #1e98f2;
    border: 1px solid #cadfef;
    border-radius: 0.4rem;
    background: #ecf7ff;
  }
  .campaignCard .flex .site.gangnam:before {
    content: "강남맛집";
    color: #f85100;
    border: 1px solid #f1d5c7;
    border-radius: 0.4rem;
    background: #fff4ef;
  }
  .campaignCard .flex .site.revu:before {
    content: "레뷰";
    color: #874cfb;
    border: 1px solid #e1d9f0;
    border-radius: 0.4rem;
    background: #f5f0ff;
  }
  .campaignCard .flex .site.dinnerqueen:before {
    content: "디너의여왕";
    color: #ee3366;
    border: 1px solid #f5d8e0;
    border-radius: 0.4rem;
    background: #fff1f5;
  }
  .campaignCard .flex .site.mrble:before {
    content: "미블";
    color: #242f4f;
    border: 1px solid #d8dce8;
    border-radius: 0.4rem;
    background: #eff2f9;
  }
  .campaignCard .flex .site.reviewplace:before {
    content: "리뷰플레이스";
    color: #ee2f3f;
    border: 1px solid #f3dcde;
    border-radius: 0.4rem;
    background: #fff1f2;
  }
  .campaignCard .flex .site.gaboja:before {
    content: "가보자체험단";
    color: #67ab0d;
    border: 1px solid #deeccb;
    border-radius: 0.4rem;
    background: #f4fcea;
  }
  .campaignCard .flex .site.cometoplay:before {
    content: "놀러와체험단";
    color: #e06e17;
    border: 1px solid #eaded5;
    border-radius: 0.4rem;
    background: #fff5ed;
  }
  .campaignCard .flex .site.chvu:before {
    content: "체험뷰";
    color: #f23b7f;
    border: 1px solid #f4dde6;
    border-radius: 0.4rem;
    background: #fff3f8;
  }
  .campaignCard .flex .site.seoulouba:before {
    content: "서울오빠";
    color: #4177f0;
    border: 1px solid #d7e0f5;
    border-radius: 0.4rem;
    background: #f2f6ff;
  }
  .campaignCard .flex .site.ringble:before {
    content: "링블";
    color: #2991ed;
    border: 1px solid #e4eef6;
    border-radius: 0.4rem;
    background: #eff8ff;
  }
  .campaignCard .flex .site.cloudreview:before {
    content: "클라우드리뷰";
    color: #1b4396;
    border: 1px solid #e6e9f0;
    border-radius: 0.4rem;
    background: #f2f6ff;
  }
  .campaignCard .flex .site.tble:before {
    content: "티블";
    color: #e79e00;
    border: 1px solid #f0e8ce;
    border-radius: 0.4rem;
    background: #fff9e5;
  }
  .campaignCard .flex .site.popomon:before {
    content: "포포몬";
    color: #5b3bda;
    border: 1px solid #e1dcf6;
    border-radius: 0.4rem;
    background: #f3f0ff;
  }
  .campaignCard .flex .site.dailyview:before {
    content: "데일리뷰";
    color: #4040d8;
    border: 1px solid #dadaf2;
    border-radius: 0.4rem;
    background: #f2f2ff;
  }
  .campaignCard .flex .site.cherrypl:before {
    content: "체리플";
    color: #ff2f68;
    border: 1px solid #fbd8e2;
    border-radius: 0.4rem;
    background: #fff0f4;
  }
  .campaignCard .flex .site.realview:before {
    content: "리얼뷰";
    color: #eb128c;
    border: 1px solid #ecd1e0;
    border-radius: 0.4rem;
    background: #fff3fa;
  }
  .campaignCard .flex .site.chehumdan:before {
    content: "체험단닷컴";
    color: #f33737;
    border: 1px solid #f4e0e0;
    border-radius: 0.4rem;
    background: #fff3f3;
  }
  .campaignCard .flex .site.reviewbridge:before {
    content: "리뷰브릿지";
    color: #e35f00;
    border: 1px solid #f1e1d6;
    border-radius: 0.4rem;
    background: #fff8f3;
  }
  .campaignCard .flex .flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
  }
  .campaignCard .flex .flex .requestCount {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .campaignCard .flex .flex .requestCount::after {
    content: "|";
    color: #d7dce5;
    font-weight: 300;
    padding-right: 0.4rem;
    padding-left: 0.4rem;
  }
  .campaignCard .flex .flex .reviewerLimit {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .campaignCard .card-body {
    margin-top: 1.8rem;
  }
  .campaignCard .card-body .text-block .title {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.06rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .campaignCard .card-body .text-block .desc {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.06rem;
    margin-top: 0.8rem;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .campaignCard .card-body .submit {
    margin-top: 1.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
  }
  .campaignCard .card-body .submit .point {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 600;
    border: none;
    border-radius: 0.4rem;
    background: #f4f6fa;
    padding: 0.75rem 0.8rem 0.75rem 0.8rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    margin-right: 1rem;
  }
  .campaignCard .card-body .submit .point::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    background-image: url("/boouplife/img/channel/point.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-body .submit .point.point:empty {
    display: none;
  }
  .campaignCard .card-body .submit .deadline {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    margin-right: 0.2rem;
  }
  .campaignCard .card-body .submit .deadline::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border: none;
    border-radius: 50%;
    background: #009b76;
    display: inline-block;
  }
  .campaignCard .card-body .submit .deadline::after {
    content: "";
    width: 0.1rem;
    height: 1rem;
    border: none;
    border-radius: 50%;
    background: #d7dce5;
    display: inline-block;
    margin-left: 0.8rem;
  }
  .campaignCard .card-body .submit .submission {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 100%;
  }
  .campaignCard .card-body .submit .submission::before {
    content: "";
    width: 0.8rem;
    height: 0.8rem;
    border: none;
    border-radius: 50%;
    background: #fc3f58;
    display: inline-block;
  }
  .campaignCard .card-bottom {
    margin-top: 1.2rem;
    padding-top: 1.4rem;
    border-top: 1px solid #e7ebee;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .campaignCard .card-bottom .channel {
    width: 2.2rem;
    height: 2.2rem;
  }
  .campaignCard .card-bottom .channel:not([class*=" "]) {
    display: none;
  }
  .campaignCard .card-bottom .channel.blog {
    content: "";
    background-image: url("/boouplife/img/channel/naver.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.insta {
    content: "";
    background-image: url("/boouplife/img/channel/insta.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.tiktok {
    content: "";
    background-image: url("/boouplife/img/channel/tiktok.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.youtube {
    content: "";
    background-image: url("/boouplife/img/channel/youtube.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.review {
    content: "";
    background-image: url("/boouplife/img/channel/review.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .channel.clip {
    content: "";
    background-image: url("/boouplife/img/channel/clip.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .save-icon-block {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
  }
  .campaignCard .card-bottom .save-icon-block .save-icon {
    width: 2rem;
    height: 1.78rem;
    background-image: url("/boouplife/img/save.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .campaignCard .card-bottom .save-icon-block .save-icon.true {
    background-image: url("/boouplife/img/save-hover.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
}
@media (min-width: 769px) {
  .filter-section {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    gap: 1rem 0;
    min-width: 58rem;
  }
  .filter-section .filter-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    position: relative;
    flex-grow: 1;
  }
  .filter-section .accordion {
    display: inline-block;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
  }
  .filter-section .accordion .accordion-button {
    border: 1px solid #d1d1d3;
    border-radius: 2.3rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: auto;
    width: 12rem;
    height: 4.6rem;
    padding: 2rem;
  }
  .filter-section .accordion .accordion-button.sort-button {
    display: none;
  }
  .filter-section .accordion .accordion-button p {
    width: 100%;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
  }
  .filter-section .accordion .accordion-button p span {
    color: #009b76;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 100%;
    display: none;
  }
  .filter-section .accordion .accordion-button .icon {
    width: 1rem;
    height: 0.6rem;
    background-image: url("/boouplife/img/arrow/arrow-down-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-section .accordion .accordion-button.select {
    border: 1px solid #1e2229;
    border-radius: 2.3rem;
    background: #fff;
  }
  .filter-section .accordion .accordion-button.select .icon {
    background-image: url("/boouplife/img/arrow/arrow-up-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-section .accordion .accordion-button.filterOk {
    border: 1px solid #009b76;
    border-radius: 2.3rem;
    background: #f6fffd;
  }
  .booup-sort-block {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.8rem;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 100%;
    margin-right: 2rem;
  }
  .booup-sort-block button::after {
    content: "|";
    margin-left: 0.8rem;
    color: #d7dce5;
    font-weight: 300;
  }
  .booup-sort-block button:nth-last-child(1)::after {
    content: "";
  }
  .booup-sort-block button.select {
    color: #009b76;
  }
  .flex .sort-button,
  .flex .accordion-content {
    display: none;
  }
  .booup-search-block {
    width: 22rem;
    height: 4.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    border: none;
    border-radius: 3.5rem;
    background: #f5f5f5;
    position: relative;
    cursor: text;
  }
  .booup-search-block .search-input {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 2.1rem;
    background: transparent;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
    text-align: start;
    padding: 0.8rem 4.8rem 0.8rem 1.8rem;
  }
  .booup-search-block .search-input.active {
    border: 1px solid #009b76;
    border-radius: 2.1rem;
    background: #e4f8f3;
  }
  .booup-search-block .search-input:focus {
    outline: none;
    box-shadow: none;
  }
  .booup-search-block .search-input:focus::-moz-placeholder {
    color: #f5f5f5;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
  }
  .booup-search-block .search-input:focus::placeholder {
    color: #f5f5f5;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
  }
  .booup-search-block .search-input::-moz-placeholder {
    color: #9fa4ab;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
    opacity: 1;
  }
  .booup-search-block .search-input::placeholder {
    color: #9fa4ab;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: auto;
    opacity: 1;
  }
  .booup-search-block input::-ms-clear,
  .booup-search-block input::-ms-reveal {
    width: 0;
    height: 0;
    display: none;
  }
  .booup-search-block input::-webkit-search-decoration,
  .booup-search-block input::-webkit-search-cancel-button,
  .booup-search-block input::-webkit-search-results-button,
  .booup-search-block input::-webkit-search-results-decoration {
    display: none;
  }
  .booup-search-block .search-icon {
    width: 5rem;
    height: 3rem;
    background-image: url("/boouplife/img/graySearch.png");
    background-size: 1.8em 1.8rem;
    background-position: 40% 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 0rem;
    transform: translate(0%, -50%);
    cursor: pointer;
  }
  .accordion-block {
    display: block;
    flex-grow: 1;
    margin-top: 1rem;
    overflow: hidden;
    min-width: 58rem;
  }
  .accordion-block .accordion-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    border: 1px solid #d7dce5;
    border-radius: 0.8rem;
    background: #fff;
    width: 100%;
    padding: 1rem 1.8rem;
    flex-wrap: wrap;
  }
  .accordion-block .accordion-content#channel label {
    width: -moz-fit-content;
    width: fit-content;
  }
  .accordion-block .accordion-content#site label {
    width: 16%;
  }
  .accordion-block .accordion-content label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 100%;
    padding: 1.2rem 1.8rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 20%;
  }
  .accordion-block .accordion-content label input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #d1d1d3;
    border-radius: 0.4rem;
    background: transparent;
  }
  .accordion-block .accordion-content label input[type=checkbox]:checked {
    border: 1.5px solid #009b76;
    border-radius: 0.4rem;
    background-image: url("/boouplife/img/cheked-Umcgreen.png");
    background-size: 2rem;
    background-position: 50%;
    background-color: none;
    background-repeat: no-repeat;
    outline: none;
  }
  .accordion-block .accordion-content label input[type=checkbox]:checked:focus {
    outline: none;
  }
  .accordion-block .accordion-content label input[type=checkbox]:checked:hover {
    outline: 1px solid #009b76;
  }
  .accordion-block .accordion-content label input[type=checkbox]:hover {
    outline: 1px solid #009b76;
  }
  .accordion-block .accordion-content label input[type=checkbox]:focus {
    outline: none;
  }
  .accordion-block .location-accordion-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    border: 1px solid #d7dce5;
    border-radius: 0.8rem;
    background: #fff;
    overflow: hidden;
  }
  .accordion-block .location-accordion-content .location-category-1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    width: 20rem;
    height: 25rem;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid #e4e5e6;
  }
  .accordion-block .location-accordion-content .location-category-1::-webkit-scrollbar {
    width: 0.6rem;
    background-color: #f8f9fa;
  }
  .accordion-block .location-accordion-content .location-category-1::-webkit-scrollbar-thumb {
    width: 100%;
    background-color: #d7dce5;
  }
  .accordion-block .location-accordion-content .location-category-1 .category-1 {
    width: 100%;
    height: 5rem;
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    padding: 1.8rem 1rem;
    cursor: pointer;
  }
  .accordion-block .location-accordion-content .location-category-1 .category-1.true {
    color: #009b76;
    background-color: #f8f9fa;
  }
  .accordion-block .location-accordion-content .location-category-2 {
    width: 100%;
    height: 25rem;
    padding: 2.4rem 2.6rem 3rem 2.4rem;
    overflow-y: auto;
  }
  .accordion-block .location-accordion-content .location-category-2::-webkit-scrollbar {
    width: 0.6rem;
    background-color: #f8f9fa;
  }
  .accordion-block .location-accordion-content .location-category-2::-webkit-scrollbar-thumb {
    width: 100%;
    background-color: #d7dce5;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-wrap: wrap;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 100%;
    padding: 1.2rem 0.5rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    min-width: 20%;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #d1d1d3;
    border-radius: 0.4rem;
    background: transparent;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked {
    border: 1.5px solid #009b76;
    border-radius: 0.4rem;
    background-image: url("/boouplife/img/cheked-Umcgreen.png");
    background-size: 2rem;
    background-position: 50%;
    background-color: none;
    background-repeat: no-repeat;
    outline: none;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked:focus {
    outline: none;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked:hover {
    outline: 1px solid #009b76;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:hover {
    outline: 1px solid #009b76;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:focus {
    outline: none;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label[data-target$=All] {
    width: 100%;
    flex-grow: 1;
    padding: 0 0.5rem 1.2rem 0.5rem;
  }
  .accordion-block .selected-block {
    border: none;
    border-radius: 0.8rem;
    background: #f9f9fa;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    padding: 1.2rem;
  }
  .accordion-block .selected-block .selected-item {
    flex-grow: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0rem;
    flex-wrap: wrap;
  }
  .accordion-block .selected-block .selected-item .selected {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 500;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.8rem 1.2rem;
  }
  .accordion-block .selected-block .selected-item .selected button {
    width: 1rem;
    height: 1rem;
    background-image: url("/boouplife/img/modal-close.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .accordion-block .selected-block .selectedReset {
    width: 9.2rem;
    height: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 0.4rem;
    color: #858a93;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .accordion-block .selected-block .selectedReset::before {
    content: "";
    width: 2rem;
    height: 2rem;
    background-image: url("/boouplife/img/selectedReset.png");
    background-size: 80%;
    background-position: 50%;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 769px) and (max-width: 1680px) {
  .accordion-block .accordion-content#site label {
    width: 33%;
  }
  .accordion-block .location-accordion-content .location-category-2 .category-2 label {
    width: 33%;
  }
}
@media (max-width: 768px) {
  .filter-wrap {
    position: relative;
    padding-bottom: 5.8rem;
    height: -moz-fit-content;
    height: fit-content;
  }
  .filter-wrap .filter-section {
    width: 100%;
    height: 4rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
    flex-wrap: wrap;
    padding: 0 2.4rem;
  }
  .filter-wrap .filter-section .filter-block {
    flex-grow: 1;
    width: 100%;
    height: 100%;
  }
  .filter-wrap .filter-section .filter-block .accordion {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button {
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    border: 1px solid #d1d1d3;
    border-radius: 2.2rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button p {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button p span {
    color: #009b76;
    margin-left: 0.4rem;
    display: none;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button .icon {
    width: 1rem;
    height: 0.6rem;
    background-image: url("/boouplife/img/arrow/arrow-down-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button.select {
    border: 1px solid #1e2229;
    border-radius: 2.3rem;
    background: #fff;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button.select .icon {
    background-image: url("/boouplife/img/arrow/arrow-up-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-wrap .filter-section .filter-block .accordion .accordion-button.filterOk {
    border: 1px solid #009b76;
    border-radius: 2.3rem;
    background: #f6fffd;
  }
  .filter-wrap .filter-section .flex {
    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%;
    height: 4rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    padding: 0 2.4rem;
  }
  .filter-wrap .filter-section .flex .booup-search-block {
    display: inline-block;
    position: relative;
    width: calc(100% - 10rem);
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input {
    width: 100%;
    height: 4rem;
    border: none;
    border-radius: 2.1rem;
    background: #f5f5f5;
    color: #6a6b6d;
    font-size: 1.6rem;
    font-weight: 500;
    aspect-ratio: 1/0.083;
    padding: 0 6rem 0 2.4rem;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input:focus {
    --tw-ring-color: #f5f5f5;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input::-moz-placeholder {
    color: #6a6b6d;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input::placeholder {
    color: #6a6b6d;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input:focus::-moz-placeholder {
    color: #f5f5f5;
    border: none;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-input:focus::placeholder {
    color: #f5f5f5;
    border: none;
  }
  .filter-wrap .filter-section .flex .booup-search-block .search-icon {
    width: 1.85rem;
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    right: 1.8rem;
    top: 50%;
    transform: translate(0%, -50%);
    background-image: url("/boouplife/img/graySearch.png");
    background-size: contain;
    background-position: 40% 50%;
    background-color: transparent;
    background-repeat: no-repeat;
  }
  .filter-wrap .filter-section .flex .sort-flex {
    position: relative;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button {
    width: 10rem;
    height: 4rem;
    border: 1px solid #1e2229;
    border-radius: 2.2rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.8rem;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button p {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button p span {
    color: #009b76;
    margin-left: 0.4rem;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button .icon {
    width: 1rem;
    height: 0.6rem;
    background-image: url("/boouplife/img/arrow/arrow-down-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button.select {
    border: 1px solid #1e2229;
    border-radius: 2.3rem;
    background: #fff;
  }
  .filter-wrap .filter-section .flex .sort-flex .sort-button.select .icon {
    background-image: url("/boouplife/img/arrow/arrow-up-black.png");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: 0.2s ease;
  }
  .filter-wrap .filter-section .flex .sort-flex #sortMoblie {
    width: 10rem;
    height: 12.4rem;
    border: 1px solid #1e2229;
    border-radius: 1.2rem;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    position: absolute;
    top: 4.4rem;
    left: 0rem;
    flex-direction: column;
    padding: 0.8rem 0;
    z-index: 9;
  }
  .filter-wrap .filter-section .flex .sort-flex #sortMoblie button {
    width: 100%;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .filter-wrap .filter-section .flex .sort-flex #sortMoblie button.select {
    color: #009b76;
  }
  .filter-wrap .filter-section .booup-sort-block {
    display: none;
  }
  .filter-wrap .accordion-block {
    margin: 1rem 0 0 0;
  }
  .filter-wrap .accordion-block .accordion-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    border-top: 1px solid #d7dce5;
    border-bottom: 1px solid #d7dce5;
    width: 100%;
    padding: 1rem 0 1rem 1.8rem;
    flex-wrap: wrap;
  }
  .filter-wrap .accordion-block .accordion-content#channel label {
    width: 33.3%;
  }
  .filter-wrap .accordion-block .accordion-content#site label {
    width: 33.3%;
  }
  .filter-wrap .accordion-block .accordion-content label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.6rem;
    color: #1e2229;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 100%;
    padding: 1.2rem 1.8rem 1.2rem 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    width: 25%;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #d1d1d3;
    border-radius: 0.4rem;
    background: transparent;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:checked {
    border: 1.5px solid #009b76;
    border-radius: 0.4rem;
    background-image: url("/boouplife/img/cheked-Umcgreen.png");
    background-size: 2rem;
    background-position: 50%;
    background-color: none;
    background-repeat: no-repeat;
    outline: none;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:checked:focus {
    outline: none;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:checked:hover {
    outline: 1px solid #009b76;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:hover {
    outline: 1px solid #009b76;
  }
  .filter-wrap .accordion-block .accordion-content label input[type=checkbox]:focus {
    outline: none;
  }
  .filter-wrap .accordion-block .selected-block {
    width: 100%;
    height: auto;
    padding: 1.2rem 4rem 1.2rem 1.2rem;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0rem;
    border: none;
    border-radius: 0.8rem;
    background: #f8f9fa;
  }
  .filter-wrap .accordion-block .selected-block .selected-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
  }
  .filter-wrap .accordion-block .selected-block .selected-item .selected {
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem;
    cursor: default;
  }
  .filter-wrap .accordion-block .selected-block .selected-item .selected button {
    width: 1rem;
    height: 1rem;
    background-image: url("/boouplife/img/modal-close.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .filter-wrap .accordion-block .selected-block .selectedReset {
    width: 2.4rem;
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    right: 2rem;
    top: 2rem;
    background-image: url("/boouplife/img/selectedReset.png");
    background-size: 70%;
    background-position: 50%;
    background-repeat: no-repeat;
    color: transparent;
  }
  .filter-wrap .location-accordion-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    border: 1px solid #d7dce5;
    border-radius: 0.8rem;
    background: #fff;
    overflow: hidden;
    height: 25rem;
  }
  .filter-wrap .location-accordion-content .location-category-1 {
    width: 37%;
    height: 25rem;
    border-right: 1px solid #d7dce5;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .filter-wrap .location-accordion-content .location-category-1::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .filter-wrap .location-accordion-content .location-category-1 .category-1 {
    width: 100%;
    height: 4.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
  }
  .filter-wrap .location-accordion-content .location-category-1 .category-1.true {
    color: #009b76;
    font-size: 1.4rem;
    font-weight: 500;
    background-color: #f8f9fa;
  }
  .filter-wrap .location-accordion-content .location-category-2 {
    width: 63%;
    height: 25rem;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .filter-wrap .location-accordion-content .location-category-2::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.6rem;
    flex-direction: column;
    padding: 2.4rem;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #d1d1d3;
    border-radius: 0.4rem;
    background: transparent;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked {
    border: 1.5px solid #009b76;
    border-radius: 0.4rem;
    background-image: url("/boouplife/img/cheked-Umcgreen.png");
    background-size: 2rem;
    background-position: 50%;
    background-color: none;
    background-repeat: no-repeat;
    outline: none;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked:focus {
    outline: none;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:checked:hover {
    outline: 1px solid #009b76;
  }
  .filter-wrap .location-accordion-content .location-category-2 .category-2 label input[type=checkbox]:hover {
    outline: 1px solid #009b76;
  }
}
.sort-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  padding-bottom: 0.8rem;
}
.sort-block .sort {
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 100%;
}
.sort-block .line {
  width: 0.1rem;
  height: 0.8rem;
  border-right: 1px solid #6a6b6d;
}
@media (min-width: 769px) {
  .campaignCard-skeleton-block {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 8rem;
    gap: 2rem;
    min-width: 58rem;
    margin-top: -8rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton {
    overflow: hidden;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-picture {
    display: inline-block;
    position: relative;
    overflow: hidden;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox {
    width: 100%;
    height: 28.9rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
    flex-direction: column;
    border: 1px solid #d7dce5;
    border-radius: 0.8rem;
    background: none;
    padding: 2.5rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div1 {
    width: 42%;
    height: 2.6rem;
    border: none;
    border-radius: 0.2rem;
    background: #e7ebee;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div2 {
    width: 90%;
    height: 2.6rem;
    border: none;
    border-radius: 0.2rem;
    background: #e7ebee;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div2:nth-child(2) {
    margin-top: 1.8rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div2:nth-child(4) {
    margin-top: 4.4rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div3 {
    margin-top: 0.4rem;
    width: 57%;
    height: 2.6rem;
    border: none;
    border-radius: 0.2rem;
    background: #e7ebee;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div4 {
    margin-top: 2rem;
    border-top: 1px solid #e7ebee;
    width: 100%;
    height: 3.8rem;
    padding-top: 1.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div4 .div5 {
    width: 7%;
    height: 2.2rem;
    min-width: 1.8rem;
    border: none;
    border-radius: 0.2rem;
    background: #e7ebee;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div4 .div6 {
    flex-grow: 1;
    width: 100%;
    height: 2.2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0;
  }
  .campaignCard-skeleton-block .campaignCard-skeleton .campaignCard-descBox .div4 .div6::after {
    width: 2.2rem;
    height: 2.2rem;
    min-width: 2.2rem;
    background-image: url("/boouplife/img/save.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
    display: inline-block;
    content: "";
  }
}
@keyframes shine-avatar {
  0% {
    background-position: 0rem;
  }
  40%, 100% {
    background-position: 57rem;
  }
}
@media screen and (max-width: 1680px) {
  .campaignCard-skeleton-block {
    grid-template-columns: repeat(2, minmax(28rem, 48%)) !important;
  }
}
@media (max-width: 768px) {
  #mainRight {
    display: none;
  }
  header nav {
    display: none;
  }
  .topTitle {
    width: 100%;
    height: 7rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2.5%;
  }
  .topTitle .mobile-arrow {
    width: 3.2rem;
    height: 2.2rem;
    background-image: url("/boouplife/img/arrow/snbTop.svg");
    background-size: 1.2rem 2.2rem;
    background-position: 95% 50%;
    background-repeat: no-repeat;
  }
  .topTitle p {
    color: #1e2229;
    font-size: 3rem;
    font-weight: 800;
  }
  .topTitle p span {
    color: #009b76;
  }
  .main-block .main-left {
    width: 100%;
    height: auto;
  }
  .main-block .main-left .category-sort-block {
    margin-bottom: 1.2rem;
  }
  .main-block .main-left .category-sort-block .category-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
    overflow: auto;
    pointer-events: auto;
    touch-action: manipulation;
  }
  .main-block .main-left .category-sort-block .category-block::-webkit-scrollbar {
    display: none;
    scrollbar-width: none; /* 파이어폭스 */
    -ms-overflow-style: none;
  }
  .main-block .main-left .category-sort-block .category-block .category {
    border: none;
    border-radius: 2rem;
    background: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0.8rem 1.8rem;
    width: -moz-fit-content;
    width: fit-content;
    height: 4rem;
  }
  .main-block .main-left .category-sort-block .category-block .category:nth-child(1) {
    margin: 0 0 0 2.4rem;
  }
  .main-block .main-left .category-sort-block .category-block .category span {
    display: none;
  }
  .main-block .main-left .category-sort-block .category-block .category.select {
    border: none;
    border-radius: 2rem;
    background: #1e2229;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
  }
  .main-block .main-left .category-sort-block .category-block .category.select span {
    display: inline-block;
    color: #32d6a4;
  }
  .main-block .main-left .campaign-block {
    margin-top: 1rem;
  }
  .main-block .main-left .campaign-block .campaignCardBox {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-direction: column;
    margin-bottom: 9.2rem;
  }
  .main-block .main-left .campaign-block .campaignCardBox.not {
    width: 100%;
    height: 40rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.6rem;
    flex-direction: column;
  }
  .main-block .main-left .campaign-block .campaignCardBox.not::before {
    margin-top: 5rem;
    display: inline-block;
    content: "";
    width: 14.4rem;
    height: 14.4rem;
    background-image: url("/boouplife/img/campaign/nocampaign.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  .main-block .main-left .campaign-block .campaignCardBox.not::after {
    content: "신청할 수 있는 캠페인이 없습니다.";
    color: #858a93;
    font-size: 2rem;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.06rem;
  }
  .main-block .main-left .campaign-block .notLogin-wrap {
    width: 100%;
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    flex-direction: column;
  }
  .main-block .main-left .campaign-block .notLogin-wrap .notLogin {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    flex-direction: column;
  }
  .main-block .main-left .campaign-block .notLogin-wrap .notLogin::before {
    display: inline-block;
    content: "";
    width: 16.1rem;
    height: 16.83rem;
    background-image: url("/boouplife/img/campaign/nocampaign.png");
    background-size: 15rem 15.7rem;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .main-block .main-left .campaign-block .notLogin-wrap .notLogin::after {
    content: "로그인이 필요한 서비스입니다.";
    color: #858a93;
    font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.06rem;
  }
  .main-block .main-left .campaign-block .notLogin-wrap .login {
    border: 1px solid red;
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0.8rem 1.6rem;
  }
  .main-block .main-left .campaign-block .notLogin-wrap .login::before {
    content: "로그인";
  }
  .main-block .main-left .campaign-block .campaignCard:last-child {
    border-bottom: 1px solid #d7dce5;
  }
  .modal:focus-visible {
    outline: transparent !important;
  }
  .modal .modal-dialog-m {
    border: none;
    border-radius: 2rem;
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .modal .modal-dialog-m .modal-content {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 28rem;
  }
  .modal .modal-dialog-m .modal-content .modal-header {
    padding: 1.6rem 1.6rem;
    display: flex;
    border-bottom: none;
    justify-content: flex-end;
  }
  .modal .modal-dialog-m .modal-content .modal-header .modal-title {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 150%;
    flex-grow: 1;
  }
  .modal .modal-dialog-m .modal-content .modal-header .close-modal {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("/boouplife/img/modal-close.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
    text-align: end;
  }
  .modal .modal-dialog-m .modal-content .modal-body {
    padding: 1rem 2rem 3rem 2rem;
  }
  .modal .modal-dialog-m .modal-content .modal-body p {
    color: #1e2229;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 150%;
    text-align: center;
  }
  .modal .modal-dialog-m .modal-content .modal-footer {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    background-color: #fff;
    padding: 0 1.6rem 2rem 1.6rem;
  }
  .modal .modal-dialog-m .modal-content .modal-footer button {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 100%;
    padding: 1.2rem 2rem;
  }
  .modal .modal-dialog-m .modal-content .modal-footer button.modal-footer-okBtn {
    border: none;
    border-radius: 0.8rem;
    background: #009b76;
    color: #fff;
    height: 4.8rem;
  }
  .modal .modal-dialog-m .modal-content .modal-footer button.modal-footer-clearBtn {
    border: none;
    border-radius: 0.8rem;
    background: #ededed;
    color: #858a93;
    height: 4.8rem;
  }
  #shareModal {
    z-index: 999;
  }
  #shareModal .modal-dialog-m .modal-content {
    width: 30rem;
    height: auto;
    border: none;
    border-radius: 2rem;
    background: #fff;
  }
  #shareModal .modal-dialog-m .modal-content .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 2rem;
  }
  #shareModal .modal-dialog-m .modal-content .modal-header .modal-title {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 600;
    line-height: 100%;
  }
  #shareModal .modal-dialog-m .modal-content .modal-header .modal-clsbutton {
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("/boouplife/img/modal-close.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body {
    margin-top: 0;
    padding-bottom: 2rem;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .err {
    color: #ffffff;
    font-size: 1.6rem;
    font-weight: 700;
    border: none;
    border-radius: 0.4rem;
    background: rgba(30, 34, 41, 0.9);
    padding: 1rem 2rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 1.2rem;
    text-align: center;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .err::before {
    width: 2.4rem;
    height: 2.4rem;
    content: "";
    display: inline-block;
    background-image: url("/boouplife/img/Link.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .err.show {
    opacity: 1;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2rem;
    padding: 2rem 0;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    flex-direction: column;
    border: 1px solid #d7dce5;
    border-radius: 1.2rem;
    background: #fff;
    padding: 2rem;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-link {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    transition: 0.3s;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-link.link {
    background-image: url("/boouplife/img/share-link.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-link.kakao {
    background-image: url("/boouplife/img/share-kakao.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-link:hover {
    filter: brightness(0.9);
  }
  #shareModal .modal-dialog-m .modal-content .modal-body .btn-block .share-button-block .share-desc {
    color: #1e2229;
    font-size: 1.6rem;
    font-weight: 600;
  }
}

.modal-dialog-l {
  max-width: 90rem;
  min-width: 50rem;
  width: 100%;
  overflow: hidden;
}
.modal-dialog-l .modal-content .modal-header {
  padding: 1.8rem 2rem;
}
.modal-dialog-l .modal-content .modal-header h3 {
  color: #1e2229;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: auto;
}
.modal-dialog-l .modal-content .modal-header .modal-clsbutton {
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBrZPdDcMgDISxs0BH6QjpCN0gE0TpBEknKCNkg4zQjtBRugBQnwRS84N5oJYi4XDfYQxQ3/eTMWYMIcxN09ystR+jxDAMJ9Eu8rWS3hkwJoio894/IdBgaCKMGFmS14/mnDNJMDTpH6pmKfsq47dmcgSDwZZJEzDzBYPcHPpFpVVSVUcwEjKFfW5iBe8MCiY7GMGmMv63haomVh2jBqdVNA2u8kODERjHalY31jm3wKDTYM1EHmDLUtqEBI8qB29NBJxjb6YvTPnFNM2o41kAAAAASUVORK5CYII=");
  background-size: cover;
  background-position: position;
  background-color: transparent;
  background-repeat: no-repeat;
}
.modal-dialog-l .modal-content .modal-body {
  overflow-y: auto;
  padding: 2rem 2rem;
}
.modal-dialog-l .modal-content .modal-body::-webkit-scrollbar {
  width: 0.8rem;
  background-color: #f1f4fe;
}
.modal-dialog-l .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: #081b4f;
  border-radius: 2.4rem;
}
.modal-dialog-l .modal-content .modal-body .ex-select-btn-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.4rem;
}
.modal-dialog-l .modal-content .modal-body .ex-select-btn-block .ex-btn-cxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-l .modal-content .modal-body .ex-select-btn-block .ex-btn-uncxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-l .modal-content .modal-body p {
  color: #5d6165;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: auto;
}
.modal-dialog-l .modal-content .modal-body p b {
  color: #44474a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: auto;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  display: block;
}
.modal-dialog-l .modal-content .modal-footer {
  width: 100%;
  height: 6.8rem;
  background-color: #fff;
  padding: 1.2rem 2rem;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-okBtn {
  width: 70%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #3868eb;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-okBtn:hover {
  background-color: #113bab;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-okBtn:active {
  background-color: #0d2b7d;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-clearBtn {
  width: 30%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #ededed;
  color: #3b3b3b;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-clearBtn:hover {
  background: #555555;
  color: white;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-clearBtn:active {
  background: #080808;
  color: white;
}
.modal-dialog-m {
  max-width: 60rem;
  min-width: 40rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.modal-dialog-m .modal-content .modal-header {
  padding: 1.8rem 2rem;
}
.modal-dialog-m .modal-content .modal-header h3 {
  color: #1e2229;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: auto;
}
.modal-dialog-m .modal-content .modal-header .modal-clsbutton {
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBrZPdDcMgDISxs0BH6QjpCN0gE0TpBEknKCNkg4zQjtBRugBQnwRS84N5oJYi4XDfYQxQ3/eTMWYMIcxN09ystR+jxDAMJ9Eu8rWS3hkwJoio894/IdBgaCKMGFmS14/mnDNJMDTpH6pmKfsq47dmcgSDwZZJEzDzBYPcHPpFpVVSVUcwEjKFfW5iBe8MCiY7GMGmMv63haomVh2jBqdVNA2u8kODERjHalY31jm3wKDTYM1EHmDLUtqEBI8qB29NBJxjb6YvTPnFNM2o41kAAAAASUVORK5CYII=");
  background-size: cover;
  background-position: position;
  background-color: transparent;
  background-repeat: no-repeat;
}
.modal-dialog-m .modal-content .modal-body {
  height: 100%;
  overflow-y: auto;
  padding: 2rem 2rem;
}
.modal-dialog-m .modal-content .modal-body::-webkit-scrollbar {
  width: 0.8rem;
  background-color: #f1f4fe;
}
.modal-dialog-m .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: #081b4f;
  border-radius: 2.4rem;
}
.modal-dialog-m .modal-content .modal-body .ex-select-btn-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.4rem;
}
.modal-dialog-m .modal-content .modal-body .ex-select-btn-block .ex-btn-cxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-m .modal-content .modal-body .ex-select-btn-block .ex-btn-uncxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-m .modal-content .modal-body p {
  color: #5d6165;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: auto;
}
.modal-dialog-m .modal-content .modal-body p b {
  color: #44474a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: auto;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  display: block;
}
.modal-dialog-m .modal-content .modal-footer {
  width: 100%;
  height: 6.8rem;
  background-color: #fff;
  padding: 1.2rem 2rem;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-okBtn {
  width: 70%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #3868eb;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-okBtn:hover {
  background-color: #113bab;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-okBtn:active {
  background-color: #0d2b7d;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-clearBtn {
  width: 30%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #ededed;
  color: #3b3b3b;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-clearBtn:hover {
  background: #555555;
  color: white;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-clearBtn:active {
  background: #080808;
  color: white;
}
.modal-dialog-s {
  max-width: 29rem;
  min-width: 19rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.modal-dialog-s .modal-content .modal-header {
  padding: 1.8rem 2rem;
}
.modal-dialog-s .modal-content .modal-header h3 {
  color: #1e2229;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: auto;
}
.modal-dialog-s .modal-content .modal-header .modal-clsbutton {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBrZPdDcMgDISxs0BH6QjpCN0gE0TpBEknKCNkg4zQjtBRugBQnwRS84N5oJYi4XDfYQxQ3/eTMWYMIcxN09ystR+jxDAMJ9Eu8rWS3hkwJoio894/IdBgaCKMGFmS14/mnDNJMDTpH6pmKfsq47dmcgSDwZZJEzDzBYPcHPpFpVVSVUcwEjKFfW5iBe8MCiY7GMGmMv63haomVh2jBqdVNA2u8kODERjHalY31jm3wKDTYM1EHmDLUtqEBI8qB29NBJxjb6YvTPnFNM2o41kAAAAASUVORK5CYII=");
  background-size: cover;
  background-position: position;
  background-color: transparent;
  background-repeat: no-repeat;
}
.modal-dialog-s .modal-content .modal-body {
  height: 100%;
  overflow-y: auto;
  padding: 2rem 2rem;
}
.modal-dialog-s .modal-content .modal-body::-webkit-scrollbar {
  width: 0.8rem;
  background-color: #f1f4fe;
}
.modal-dialog-s .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: #081b4f;
  border-radius: 2.4rem;
}
.modal-dialog-s .modal-content .modal-body .ex-select-btn-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.4rem;
}
.modal-dialog-s .modal-content .modal-body .ex-select-btn-block .ex-btn-cxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-s .modal-content .modal-body .ex-select-btn-block .ex-btn-uncxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-s .modal-content .modal-body p {
  color: #5d6165;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: auto;
}
.modal-dialog-s .modal-content .modal-body p b {
  color: #44474a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: auto;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  display: block;
}
.modal-dialog-s .modal-content .modal-footer {
  width: 100%;
  height: 6.8rem;
  background-color: #fff;
  padding: 1.2rem 2rem;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-okBtn {
  width: 70%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #3868eb;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-okBtn:hover {
  background-color: #113bab;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-okBtn:active {
  background-color: #0d2b7d;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-clearBtn {
  width: 30%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #ededed;
  color: #3b3b3b;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-clearBtn:hover {
  background: #555555;
  color: white;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-clearBtn:active {
  background: #080808;
  color: white;
}
main {
  margin-top: 7rem;
  display: flex;
  flex-direction: column;
}
main.open .modal {
  width: calc(100% - 26rem);
  margin-left: 26rem;
}
.search-input-container {
  width: 75.4rem;
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: 2px solid transparent;
  border-radius: 3.5rem;
  background: linear-gradient(90deg, rgb(120, 67, 240) 0%, rgb(0, 195, 255) 100%);
  position: relative;
  background-clip: padding-box;
  padding: 0.2rem;
  margin: 0 auto;
}
.search-input-container .search-input {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 3.5rem;
  background: #fff;
  color: #1e2229;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  text-align: center;
  padding: 0 8rem 0 4rem;
}
.search-input-container .search-input:focus {
  outline: none;
  box-shadow: none;
}
.search-input-container .search-input:focus::-moz-placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
}
.search-input-container .search-input:focus::placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
}
.search-input-container .search-input::-moz-placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
.search-input-container .search-input::placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
.search-input-container input::-ms-clear,
.search-input-container input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
.search-input-container input::-webkit-search-decoration,
.search-input-container input::-webkit-search-cancel-button,
.search-input-container input::-webkit-search-results-button,
.search-input-container input::-webkit-search-results-decoration {
  display: none;
}
.search-input-container .search-icon {
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("data:image/svg+xml,%3csvg%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.4433%203.95834C23.3378%203.95834%2028.9281%209.54723%2028.9281%2016.4431C28.9281%2023.3389%2023.3378%2028.9278%2016.4433%2028.9278C9.54751%2028.9278%203.95862%2023.3389%203.95862%2016.4431C3.95862%209.54723%209.54751%203.95834%2016.4433%203.95834Z'%20stroke='%2301C0FF'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M30.0194%2027.9611C31.1555%2027.9611%2032.0763%2028.8833%2032.0763%2030.018C32.0763%2031.1555%2031.1555%2032.0764%2030.0194%2032.0764C28.8833%2032.0764%2027.9611%2031.1555%2027.9611%2030.018C27.9611%2028.8833%2028.8833%2027.9611%2030.0194%2027.9611Z'%20fill='%2301C0FF'%20stroke='%2301C0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 3.2rem 3.2rem;
  background-position: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.S-search-input-container {
  width: 75.4rem;
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: 2px solid transparent;
  border-radius: 3.5rem;
  background: linear-gradient(90deg, #FF6A00 0%, #FF0900 100%);
  position: relative;
  background-clip: padding-box;
  padding: 0.2rem;
  margin: 0 auto;
}
.S-search-input-container .search-input {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 3.5rem;
  background: #fff;
  color: #1e2229;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  text-align: center;
  padding: 0 12rem 0 2rem;
}
.S-search-input-container .search-input:focus {
  outline: none;
  box-shadow: none;
}
.S-search-input-container .search-input:focus::-moz-placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
}
.S-search-input-container .search-input:focus::placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
}
.S-search-input-container .search-input::-moz-placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
.S-search-input-container .search-input::placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
.S-search-input-container input::-ms-clear,
.S-search-input-container input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
.S-search-input-container input::-webkit-search-decoration,
.S-search-input-container input::-webkit-search-cancel-button,
.S-search-input-container input::-webkit-search-results-button,
.S-search-input-container input::-webkit-search-results-decoration {
  display: none;
}
.S-search-input-container .search-icon {
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALpSURBVHgBzVdtThsxEH2zNGl/pidge4KmJ2i4QThBNlSVGqgEnCBwA5CqUKlSsz0B6QlIbpDeYDlB+U2anY7tsHaczceGpfRJkLU99ryxPR8mbAiOTmrAnzqQhtLcdYZugSCh+MsQW4DWCXD0uYEgbYHRlGZthWgiqw2RpucUf03wWAIcfQpBO335aqAoCPGmRChfeacJIlHuWcxiJcRK6N8H1GUVORqE3jIJeLJP8bcxihDgg8MzUdT1FMcgjql/NVq2ELc778FBJHKRNxLJvB8bEZhZfg3XCrPAUsULRKJDIaENCGddd7ITe8t2guxEdebBjZ1IY3BFJl7coSAW11LHUX2Xt1Zgv3a68xOm+9soV9CXj9M9KOsNQgSTbq6sYSyuRulN1svpmyKutAwLR8rV175RZgcCblkhxGUoV6D4aiD/h7bn/tiXMQSYm7ZrcokywdPz7JsQ+cOB3n7r78k6vy2OV2q97C7wh6PdOQIS299mLeaSlatjUGdOdt2U6x4BN9pR6QQ0mBNHR80n8Kz4LwjcOu0QTwGi0DbSBB4Be+6EJp4ETkrnl7/ckYDinusmNYnjDZSpWiUni3F+JGSKsx7a6aJMkJva+cIfnl3C6U9HqFHWLvBB5wTuvWIe5RKQ2D+c34Wgr1PqY5Sr+UzWesZZXo5x3LByCltq6Xy+LQmOPtZn9YAT4nvnebIZAX05pIZzxgyJdqeFIsrVtlPFK0Z0bZCLxZrQlFR9T0yOKL006TVHqXkzSE3Bx14VvbIcyyVgFlRbWLnGYmAyiYWc2M4kyYWVnP9m0Jarc9cE6f5M+lpaTpft1VO166vfBRCXXKhy10Kshrhb9fLB5/ngqC8eEM1JEQb0vbe/wctIEzkWIipKhssFdUQduIqzofYh58+REg0FYKpdkoIiCJ1esbg6WlXACoHfyHnWUb9HL1AAMz9Wfxu/E8xEeU2xl2fUYwf/Kh2n1fZcoGMeylGd4jlgXNbiL5iiPA/Lr7VlAAAAAElFTkSuQmCC");
  background-size: 3.2rem 3.2rem;
  background-position: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translate(-50%, -50%);
  cursor: pointer;
  border:none;
}
.hidden {
  display: none !important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.dropdown-block {
  border: 1px solid #e4e8e8;
  border-radius: 0.4rem;
  background: #fff;
  padding: 0.8rem 1rem;
  color: #2c2e30;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: auto;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.dropdown-block .icon {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  margin-left: 1.2rem;
}
.dropdown-block .icon::before {
  content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
  transition: 0.2s;
  position: absolute;
  top: 0.6rem;
  right: 1.2rem;
}
.dropdown-block ul {
  display: none;
  color: #5d6165;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  border: 1px solid #e4e8e8;
  border-radius: 0.4rem;
  background: #fff;
  position: absolute;
  top: 3.6rem;
  right: 0;
  width: 100%;
}
.dropdown-block ul li {
  padding: 0.8rem 0.8rem;
}
.dropdown-block ul li:hover {
  background-color: #f1f4fe;
  color: #3868eb;
}
.dropdown-block.click {
  color: #3868eb;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: auto;
}
.dropdown-block.click .icon::before {
  content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%233868EB'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
  transition: 0.2s;
  position: absolute;
  top: 1rem;
}
.dropdown-block.click ul {
  display: block;
}
.dropdown-block:hover {
  background-color: #f1f4fe;
}
.custom-dropdown-block {
  position: relative;
  display: inline-block;
}
.custom-dropdown-block .custom-dropdown-select {
  width: 26rem;
  height: 4.8rem;
  padding: 1rem 2.4rem;
  border: 1px solid #e4e8e8;
  border-radius: 0.8rem;
  background: #fff;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: auto;
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: auto;
}
.custom-dropdown-block .custom-dropdown-select i {
  margin-left: 5px;
  color: #555555;
  font-size: 1.4rem;
  transition: 0.3s;
}
.custom-dropdown-list {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  right: 0;
  border: none;
  border-radius: 0.8rem;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px rgba(161, 161, 161, 0.3);
  padding: 0.5rem;
  color: #555555;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: auto;
}
.custom-dropdown-list li {
  padding: 1rem;
  padding-left: 2rem;
  cursor: pointer;
}
.custom-dropdown-list li:first-child {
  border-radius: 0.3rem 0.3rem 0 0;
}
.custom-dropdown-list li:last-child {
  border-radius: 0 0 0.3rem 0.3rem;
}
.custom-dropdown-list li:hover {
  background-color: #f1f4fe;
  color: #3868eb;
  font-size: inherit;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: auto;
}
#popup-text {
  width: 80rem;
  height: auto;
  border: none;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(161, 161, 161, 0.3);
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  overflow: hidden;
  display: none;
}
#popup-text .popup-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: auto;
  color: #2c2e30;
  font-size: 2.4rem;
  font-weight: 700;
  padding: 0rem 4rem;
  padding-top: 3rem;
}
#popup-text .popup-body {
  padding: 3rem 4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  color: #2c2e30;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 160%;
}
#popup-text .popup-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
#popup-text .popup-footer #dontShowOptionBtn,
#popup-text .popup-footer #closeBtn {
  padding: 1.5rem 2rem;
  transition: 0.3s;
}
#popup-text .popup-footer #dontShowOptionBtn:hover,
#popup-text .popup-footer #closeBtn:hover {
  background-color: #ededed;
}
#popup-text .popup-footer .day {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-text .popup-footer .day::before {
  content: "오늘 하루 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-text .popup-footer .week {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-text .popup-footer .week::before {
  content: "일주일간 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-text .popup-footer .cls-btn {
  width: 50%;
}
#popup-img {
  z-index: 9999;
  width: 80rem;
  height: auto;
  border: 2px solid #bababa;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(161, 161, 161, 0.3);
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  overflow: hidden;
  display: none;
}
#popup-img .popup-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: auto;
  color: #2c2e30;
  font-size: 2rem;
  font-weight: 700;
  padding: 1rem 2rem;
}
#popup-img .popup-body {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
#popup-img .popup-body img {
  width: 100%;
}
#popup-img .popup-body video {
  width: 100%;
  height: 100%;
}
#popup-img .popup-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
#popup-img .popup-footer #dontShowOptionBtn,
#popup-img .popup-footer #closeBtn {
  padding: 1.5rem 2rem;
  transition: 0.3s;
}
#popup-img .popup-footer #dontShowOptionBtn:hover,
#popup-img .popup-footer #closeBtn:hover {
  background-color: #ededed;
}
#popup-img .popup-footer .day {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-img .popup-footer .day::before {
  content: "오늘 하루 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-img .popup-footer .week {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-img .popup-footer .week::before {
  content: "일주일간 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-img .popup-footer .none {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-img .popup-footer .none::before {
  content: "더이상 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-img .popup-footer .cls-btn {
  width: 50%;
}
.tippy-box[data-theme~=umcGreen] {
  background-color: #009b76;
  color: #fff;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  border-top-color: #009b76;
}
.modal:focus-visible {
  outline: none;
}
@media (min-width: 769px) {
  .mobile-header {
    display: none;
  }
  header nav {
    width: 100vw;
    height: 7rem;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    background-color: #fff;
    border-bottom: 1px solid #e7ebee;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 0 3rem;
    min-width: 120rem;
  }
  header nav .main-logo {
    width: 11.8rem;
    height: 3rem;
    min-width: 11.8rem;
    max-width: 11.8rem;
    width: 100%;
    background-image: url("data:image/png;base64,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");
    background-size: 100%;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header nav .main-tab-block {
    flex-grow: 1;
    margin-left: 11.2rem;
  }
  header nav .main-tab-block .tab-block {
    width: -moz-fit-content;
    width: fit-content;
    height: 7rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 3rem;
  }
  header nav .main-tab-block .tab-block a {
    color: #2c2e30;
    font-size: 2rem;
    font-weight: 500;
    line-height: 7rem;
    width: -moz-fit-content;
    width: fit-content;
    height: 7rem;
    border: none;
    margin-bottom: 0.1rem;
    text-wrap: nowrap;
  }
  header nav .main-tab-block .tab-block a.active {
    color: #1e2229;
    font-size: 2rem;
    font-weight: 800;
    line-height: 7rem;
    background-color: #fff;
    padding: 0;
    border-bottom: 3px solid #1e2229;
  }
  header nav .main-tab-block .tab-block .orders {
    color: rgba(129, 129, 129, 0.7);
    cursor: default;
  }
  header nav .main-right-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.6rem;
    min-width: 48rem;
    max-width: 48rem;
    width: 100%;
  }
  header nav .main-right-block .boouplife-manual-block,
  header nav .main-right-block .connect {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    text-wrap: nowrap;
  }
  /* header nav .main-right-block .boouplife-manual-block::after,
  header nav .main-right-block .connect::after {
    content: "|";
    color: #ddd;
    padding: 0 0.4rem;
  } */
  header nav .main-right-block .boouplife-manual-block p,
  header nav .main-right-block .connect p {
    color: #2c2e30;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    border: none;
    border-radius: 3rem;
    background: #fff;
    padding: 0.8rem 1.2rem;
  }
  header nav .main-right-block .boouplife-manual-block p:hover,
  header nav .main-right-block .connect p:hover {
    border: none;
    border-radius: 3rem;
    background: #dddddd;
  }
  header nav .main-right-block .payment-block,
  header nav .main-right-block .header-btn {
    border: none;
    border-radius: 3rem;
    background: #1e2229;
    padding: 0.8rem 1.6rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .login-block {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    padding: 0.8rem 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
  }
  header nav .main-right-block .login-block:hover {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #dddddd;
  }
  header nav .main-right-block .mypage-block {
    border: 1px solid #e7ebee;
    border-radius: 3rem;
    background: #fff;
    padding: 0.8rem 1rem;
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    position: relative;
    cursor: pointer;
  }
  header nav .main-right-block .mypage-block .icon {
    width: 0.8rem;
    height: 0.8rem;
    display: inline-block;
    margin-left: 1.2rem;
  }
  header nav .main-right-block .mypage-block .icon::before {
    content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
    transition: 0.2s;
    position: absolute;
    top: 0.6rem;
    right: 1.2rem;
  }
  header nav .main-right-block .mypage-block ul {
    display: none;
    color: #5d6165;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    border: 1px solid #1e2229;
    border-radius: 1.8rem;
    background: #fff;
    width: 9.6rem;
    height: auto;
    position: absolute;
    top: 3.8rem;
    right: -6.3rem;
    transform: translate(-50%, 0%);
    padding: 0.8rem;
  }
  header nav .main-right-block .mypage-block ul li:hover {
    background-color: #e9e9ea;
    color: #1e2229;
    border-radius: 1rem;
  }
  header nav .main-right-block .mypage-block ul li a {
    padding: 0.8rem;
    display: block;
    text-wrap: nowrap;
  }
  header nav .main-right-block .mypage-block.click {
    color: #1e2229;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    background-color: #e9e9ea;
  }
  header nav .main-right-block .mypage-block.click .icon::before {
    content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%233868EB'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
    transition: 0.2s;
    position: absolute;
    top: 1rem;
  }
  header nav .main-right-block .mypage-block.click ul {
    display: block;
  }
  header nav .main-right-block .mypage-block:hover {
    background-color: #e9e9ea;
  }
  header aside {
    padding: 6rem 0 1rem 1rem;
    transition: width ease;
    background-color: #fff;
    border-right: 1px solid #f1f3f3;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
  }
  header aside .snb-block {
    margin-top: 12px;
  }
  header aside .snb-block-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    padding: 16px 18px 10px;
  }

  header aside .snb-block-top h2 {
    font-size:22px;
    font-weight:900;
  }
  header aside .snb-block-top .bloglife-logo {
    width: 10.4rem;
    height: 1.8rem;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAUCAYAAABh/HgbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATeSURBVHgB7VhbctNKED1jKUXxdb0DnL97L3Ey2YHZQXYQZwUxK4CsIM4KcFZAWIHNCqJgJ+QP3R3oFh8UWJqmeyQ5iq2XH4RAcapckublnu6e7jMN/MGjhkpfdnf1oVHoyruZ4uXNjeflTdjZ00N5EsG7/uC9xC+MHa07MBgmn68nH7wTrACtdSs0+CTvpDC4vvKOsCG46YsBWiB05L3h4PT5nvZzZyRjFC12tdu6ywK+wRJQpDrj8eX79DvZ7OESS8CEeJd1KJa9VAYV4Xwy8UaoAZEnMjjmfXX4M2DHfLfVwMDzvKDO/J1dfcyPJpZE6ixubi8Lk2eAh0AojsLevMQUKBc+P2YGYtm7ZeOpgRFqgI2j2ThDEgUn+uCQ0xGDcdd+HSPx+B7Fe1oWJQZiBTVgN70APmmDgjmYTjHa2lIdVMCAukrlK5EFCkKqoUBlvVLndbGXDxaHs5LiU1AbbIi3dOf9nrzLOqLwMMJbbntRuQjhwq6hoFUqb9wWzMtF4mSEe6mlyEAHnI+Cgj8sxO2t56PAsFnwse8U9bFXioCVGy8Lp9fjxRxgx6O+gZLxLfthOD9N4pCz0+YcLArl3z/7+88+Xl7+V7bOeBznad7zKyQGUlD9SRLWkzzYidtxMRnfz4NFBtJYIcStkoMeKzgMHqY6CEOcp+2sxLPU0E5EB/w4ww/EzEDhN5xzeBrVnRhF9D8eKYQkqPm4T+V5gEOubmvdlXeHPZmJSjOeBj+JDBaOA4/74iVVfojdJFym18JQeslf1p7ocJJq79mD5k+uvMWQZNCLInVRtc6XL6sZmmV+VtTXYKY5n5irdsZ56wDyY3x11NAFNWUOEw4fPxGuiRlKCyuicONsQHJJoQLNJ1gbDVJ+QZfk0f58I4W4yhursJh3eQctrIG/mabLU/GJTHVlFLW43eYupvzNVEv8aKbjb7341LrLhrZ5mOJQ12fr96vmJ4ytmg3NQUISVRwLYUrX9S+f/XFmLJMBnzXWEqUxpW6mlDrMnEw1x7jy4BLn5PhE38nOTNi9C5NZeXvcLrTc589tOz9lXu1dfcozD1AThaHtgZChv5wX6AqbhrKO0+Ffc2rslcA6GxvlMFU2X7IrDbQu3IxATVoi1OU57+fPuHj6VA2zbQ2XeirJcYZjPIUb2hTNEnRQdGEU7xd6mw1TQh7kxw484s/zouXdBs6YDIjccvc55Xy7J05BSZ6yDpqpgBRhXSeeGWj6FSeuWyxwCtXAm6Kbse9bRd1TFito9u1ABeOP5feGuuDyzgvHUX9VDJNT9nq+KpJ8arZW4X7F6M939YkYx865X50Iom94kOgxM9DWE7yiihKJIO/k2HpV0SWQMrlC0QFT2e28YUJtpxQroy5MIg3T6q5dPq2xkSUB/tzwILm9B47iqgATC0I5ieH81f+3rYOGgtTT0irAKJziKEu98yB5i0/gMdaA8IPci6qqUQ1Ahn7axGmqL6iSBGHy+4TaOoa6WANpjY1v77Vyqb3FV+Bm7A1QUt4qgT29WANC3nINxIrscygrvZ+I62XZzSaQV0NbBhFhI+FzU6jl6BUoKvX0yaASEalP/Hg/8WzpvvLOUwNH+E3gxfeYbayJmYFIvI/qleFTGIONnZ6fAamcR4mXE9bbS3paWI+/tE7+YEl8B5qzCsfy+ZDvAAAAAElFTkSuQmCC");
    background-size: 100%;
    background-position: 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  header aside .snb-block-top .hamburger-btn {
    border: 1px solid #d4d4d4;
    border-radius: 0.4rem;
    background: #fff;
    color: #44474a;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: auto;
    padding: 0.4rem 1rem;
    text-wrap: nowrap;
  }
  header aside .snb-block-top .hamburger-btn:hover {
    border: 1px solid #ffccd8;
    border-radius: 0.4rem;
    background: #fff;
    background-color: #ffe5ec;
  }
  header aside .snb-block-main {
    height: 84vh;
    padding-bottom: 4rem;
    overflow-y: auto;
    overflow-x: hidden;
  }
  header aside .snb-block-main::-webkit-scrollbar {
    width: 0.8rem;
    background-color: #f1f3f3;
  }
  header aside .snb-block-main::-webkit-scrollbar-thumb {
    background-color: #bababa;
    border-radius: 2.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block {
    padding-bottom: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li {
    border: none;
    border-radius: 1.2rem;
    background: #fff;
    cursor: pointer;
    width: 24rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.hoverColor {
    background-color: #ffe5ec;
  }
  header aside .snb-block-main ul.snb-ul-block li.hoverColor li {
    background-color: #ffe5ec;
  }

  header aside .snb-block-main ul.snb-ul-block li:hover {
    background-color: unset;
    border-radius: unset;
  }

  header aside .snb-block-main ul.snb-ul-block li:hover a {
    background-color: #FF3511;
    border-radius: 23px;
    width: 230px;
    color: #fff;
  }
  header aside .snb-block-main ul.snb-ul-block li a {
    padding: 1.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2rem;
    color: #2c2e30;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
  }
  header aside .snb-block-main ul.snb-ul-block li a.keyword .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGiSURBVHgB7VXNSgJRFP6ujqDQz1RkaYv8gRKT6BF6g2hX0KJ5An2D8A3sCcaFYOBCegLdF6FkhVIYhT+1CEnByLHbuYOEG0dNpaA+mLn3npnzfeecmXsPMGEwcVNjiRBNdjBGcLRPlYO9iKSvPshgAuZleRtjwEutlgYzcTFn3Q9KlWeOMWDFYf/iNWHC+EMCpXJVv7rxWm8gk81B07SefhL6QDjfFG5RqTzpa5vNivk5mX6IKvKFO1gsElr0jiRJwws0m2/IXF6hTpF6PS6UiTR3nYd9cQEPjyVMT09ha3MDNqsVQ2cgyM8usnoGAb8PTscS5uRZnJNNkDsdy/CteXtG3ldAotRnKEKPe1UfBURpAv51fS4EBsH/RhtOgIGlMSKoxmkDAU3hI4gI8hbaCr6LaCyRot6RGsbn93xkVU3KNMjg3KXGk65B/dhAxJIWAmNBvcpCRPdkUZjMYWV/997I3zAD0athaRcpjCAYj6DVcNPJ5mbgUcrkEG2tqMZOQkYcxgcJ9WqYifi9cawoSq1jFaOiqvEws5iPeKf3/hg+AX56lVQ3niCGAAAAAElFTkSuQmCC");
  }
  header aside .snb-block-main ul.snb-ul-block li a.keyword:hover .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGfSURBVHgB7VU/T8JAHH1XBREHqiEGdAFddDN+AqKLg4kkOjg4tE4SB/kGhm+AkyY6dHBwNcaEDSbjovIFDC4KcSnBGGqhPe8OYsBIAYFooi9pr79r3nv3u38/YMAg/EW3Y3FQaQ39BLXPiXaYHBaBXXu9zYYj6ANG7nMZNnbKv0njj8f8M0UfMB2c/NCVMGD8IQPvTRbe22xTn+upgInTMxDDaMkbRhtwsu8iBe9dTbwqyzBnQsLQd5mCNeqBVDZgeTxf8xuDz7toSC+KEbryBZSWI0KUMIYxP4exq2uYwQD0rU1Y43KTaOMuapkBF/cfayIDfSOK8uICzHAI/hNNiL+yuLS6Atpi5G0NOLEyFcDLUkS0HHxq9PWoyJsbdoL/g9adAQHJoEewOc44GFRV2oMJF6/AUvFdUHU3TZVYuhvO71lkqsT5cZXZUQ5RZSfUKY90JCyZrKRir94l15kabDtBtKMHJ75jBqJWEzMnxCmSoO4wq7XsIRqLFRApx9Yk7qThfJuKWs2E4T4gWrJY7+WtyqYpwW6sfYjN84N4B1ikkOphHC3UAAAAAElFTkSuQmCC");
  }
  header aside .snb-block-main ul.snb-ul-block li a.blog-analysis .icon {
    background-image: url("data:image/png;base64,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");
  }
  header aside .snb-block-main ul.snb-ul-block li a.blog-analysis:hover .icon {
    background-image: url("data:image/png;base64,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");
  }
  header aside .snb-block-main ul.snb-ul-block li a.posting-analysis .icon {
    background-image: url("data:image/png;base64,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");
  }
  header aside .snb-block-main ul.snb-ul-block li a.posting-analysis:hover .icon {
    background-image: url("data:image/png;base64,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");
  }
  header aside .snb-block-main ul.snb-ul-block li a.keyword-count .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFpSURBVHgB7ZRRSsNAEIb/bbaQgIUqVpqq0D4JKiqKgm/1Bt6gXsETWG/gEbyJ8V2UglX61IK02yqoby1m27gT0prEICnJox8kmZnd+XfZ7AyDx4t4q2bg1BhQdYAy4tFRj/WF8WXFNMkGo1dXDOrKvEACHGdyvlYqXjEhRHkCrY0UmGB8wpVYYGfvH58YDkexBJYW8zAMfeYzaDXunZlLt9dH87mFedjb2cJKYdkTRJX7f0BP9N0VD/d3A0kPjSayWY7tzY1ZzLYlHp9aKmcwE1SUeXhFQ9eh63ogxrnmfv1xMikupQzO9TurpSJsOUZcouYHBEtmEfMQNT+DlPkXTA7/a3A4+ilBW923qW+E7qkf1hOv7ah2RTV9d9+ITDo+OkAutxAx4nSo9CxlnYWHqPCpTqUtf6VFi7n7s5jXWG+QAqrRVjLrZsGi5ojEOHXq2mzqeo2WeuOpevIxVTp0ZBrYtWkWbinwDUKHdyuAPyfsAAAAAElFTkSuQmCC");
  }
  header aside .snb-block-main ul.snb-ul-block li a.keyword-count:hover .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgB7VRNSsNAGH2TBKxdTSmFRhRSV+Kq6AXiDVy4cCG0G8GNC09gvYEHcFFw40KhNzAeQOkJbEA0WKl2I00lP86kSUnCWFKSpQ8Svt83k8l8jyDEi/WhS/BbBNB9QEM2mOwxfuBeNFSV2yD89Wq9d5h5jhzwfe9sfa1+SSzL0jzIAxQAD+6ewsgSO1t5NiF/jTMRTDc1uBU69wnklhKeWYDyYx/0rodlMDo6xHR7KySErsR/QPmpD4etODpuJ5qq1zdwV0sYH+zPY9LERuW2F/REhAyakl6Rf4JLaSLmlUqzXCzu0llcsu1EbYLwe6cJkipYBFF9gnCy28QyENVLKBj/hPmhLEzGRpCwixz5ToX+2UPerOFAJFd8pqtXXWHT8PQEjloXZHyTj57BrHY6xQf/k82p6KKLyYL9GSQU1nsUACa0DWlDrRlcHJEbfoerNoncUGi5NnJJoRlZTH5kMkhXVWsPPPALz8B+f+o8OkYAAAAASUVORK5CYII=");
  }
  header aside .snb-block-main ul.snb-ul-block li .icon {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
  }
  header aside .snb-block-main ul.snb-ul-block li .icon.keyword {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGiSURBVHgB7VXNSgJRFP6ujqDQz1RkaYv8gRKT6BF6g2hX0KJ5An2D8A3sCcaFYOBCegLdF6FkhVIYhT+1CEnByLHbuYOEG0dNpaA+mLn3npnzfeecmXsPMGEwcVNjiRBNdjBGcLRPlYO9iKSvPshgAuZleRtjwEutlgYzcTFn3Q9KlWeOMWDFYf/iNWHC+EMCpXJVv7rxWm8gk81B07SefhL6QDjfFG5RqTzpa5vNivk5mX6IKvKFO1gsElr0jiRJwws0m2/IXF6hTpF6PS6UiTR3nYd9cQEPjyVMT09ha3MDNqsVQ2cgyM8usnoGAb8PTscS5uRZnJNNkDsdy/CteXtG3ldAotRnKEKPe1UfBURpAv51fS4EBsH/RhtOgIGlMSKoxmkDAU3hI4gI8hbaCr6LaCyRot6RGsbn93xkVU3KNMjg3KXGk65B/dhAxJIWAmNBvcpCRPdkUZjMYWV/997I3zAD0athaRcpjCAYj6DVcNPJ5mbgUcrkEG2tqMZOQkYcxgcJ9WqYifi9cawoSq1jFaOiqvEws5iPeKf3/hg+AX56lVQ3niCGAAAAAElFTkSuQmCC");
    background-size: 100%;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
  }
  header aside .snb-block-main ul.snb-ul-block li .icon.keyword-count {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFpSURBVHgB7ZRRSsNAEIb/bbaQgIUqVpqq0D4JKiqKgm/1Bt6gXsETWG/gEbyJ8V2UglX61IK02yqoby1m27gT0prEICnJox8kmZnd+XfZ7AyDx4t4q2bg1BhQdYAy4tFRj/WF8WXFNMkGo1dXDOrKvEACHGdyvlYqXjEhRHkCrY0UmGB8wpVYYGfvH58YDkexBJYW8zAMfeYzaDXunZlLt9dH87mFedjb2cJKYdkTRJX7f0BP9N0VD/d3A0kPjSayWY7tzY1ZzLYlHp9aKmcwE1SUeXhFQ9eh63ogxrnmfv1xMikupQzO9TurpSJsOUZcouYHBEtmEfMQNT+DlPkXTA7/a3A4+ilBW923qW+E7qkf1hOv7ah2RTV9d9+ITDo+OkAutxAx4nSo9CxlnYWHqPCpTqUtf6VFi7n7s5jXWG+QAqrRVjLrZsGi5ojEOHXq2mzqeo2WeuOpevIxVTp0ZBrYtWkWbinwDUKHdyuAPyfsAAAAAElFTkSuQmCC");
    background-size: 100%;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
  }
  header aside .snb-block-main ul.snb-ul-block li:hover .icon.keyword {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGfSURBVHgB7VU/T8JAHH1XBREHqiEGdAFddDN+AqKLg4kkOjg4tE4SB/kGhm+AkyY6dHBwNcaEDSbjovIFDC4KcSnBGGqhPe8OYsBIAYFooi9pr79r3nv3u38/YMAg/EW3Y3FQaQ39BLXPiXaYHBaBXXu9zYYj6ANG7nMZNnbKv0njj8f8M0UfMB2c/NCVMGD8IQPvTRbe22xTn+upgInTMxDDaMkbRhtwsu8iBe9dTbwqyzBnQsLQd5mCNeqBVDZgeTxf8xuDz7toSC+KEbryBZSWI0KUMIYxP4exq2uYwQD0rU1Y43KTaOMuapkBF/cfayIDfSOK8uICzHAI/hNNiL+yuLS6Atpi5G0NOLEyFcDLUkS0HHxq9PWoyJsbdoL/g9adAQHJoEewOc44GFRV2oMJF6/AUvFdUHU3TZVYuhvO71lkqsT5cZXZUQ5RZSfUKY90JCyZrKRir94l15kabDtBtKMHJ75jBqJWEzMnxCmSoO4wq7XsIRqLFRApx9Yk7qThfJuKWs2E4T4gWrJY7+WtyqYpwW6sfYjN84N4B1ikkOphHC3UAAAAAElFTkSuQmCC);
  }
  header aside .snb-block-main ul.snb-ul-block li:hover .icon.keyword-count {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgB7VRNSsNAGH2TBKxdTSmFRhRSV+Kq6AXiDVy4cCG0G8GNC09gvYEHcFFw40KhNzAeQOkJbEA0WKl2I00lP86kSUnCWFKSpQ8Svt83k8l8jyDEi/WhS/BbBNB9QEM2mOwxfuBeNFSV2yD89Wq9d5h5jhzwfe9sfa1+SSzL0jzIAxQAD+6ewsgSO1t5NiF/jTMRTDc1uBU69wnklhKeWYDyYx/0rodlMDo6xHR7KySErsR/QPmpD4etODpuJ5qq1zdwV0sYH+zPY9LERuW2F/REhAyakl6Rf4JLaSLmlUqzXCzu0llcsu1EbYLwe6cJkipYBFF9gnCy28QyENVLKBj/hPmhLEzGRpCwixz5ToX+2UPerOFAJFd8pqtXXWHT8PQEjloXZHyTj57BrHY6xQf/k82p6KKLyYL9GSQU1nsUACa0DWlDrRlcHJEbfoerNoncUGi5NnJJoRlZTH5kMkhXVWsPPPALz8B+f+o8OkYAAAAASUVORK5CYII=);
  }
  header aside .snb-block-main ul.snb-ul-block li.now {
    background-color: #fff8f8;
  }
  header aside .snb-block-main ul.snb-ul-block li.now .keyword {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGfSURBVHgB7VU/T8JAHH1XBREHqiEGdAFddDN+AqKLg4kkOjg4tE4SB/kGhm+AkyY6dHBwNcaEDSbjovIFDC4KcSnBGGqhPe8OYsBIAYFooi9pr79r3nv3u38/YMAg/EW3Y3FQaQ39BLXPiXaYHBaBXXu9zYYj6ANG7nMZNnbKv0njj8f8M0UfMB2c/NCVMGD8IQPvTRbe22xTn+upgInTMxDDaMkbRhtwsu8iBe9dTbwqyzBnQsLQd5mCNeqBVDZgeTxf8xuDz7toSC+KEbryBZSWI0KUMIYxP4exq2uYwQD0rU1Y43KTaOMuapkBF/cfayIDfSOK8uICzHAI/hNNiL+yuLS6Atpi5G0NOLEyFcDLUkS0HHxq9PWoyJsbdoL/g9adAQHJoEewOc44GFRV2oMJF6/AUvFdUHU3TZVYuhvO71lkqsT5cZXZUQ5RZSfUKY90JCyZrKRir94l15kabDtBtKMHJ75jBqJWEzMnxCmSoO4wq7XsIRqLFRApx9Yk7qThfJuKWs2E4T4gWrJY7+WtyqYpwW6sfYjN84N4B1ikkOphHC3UAAAAAElFTkSuQmCC);
  }
  header aside .snb-block-main ul.snb-ul-block li.now .keyword-count {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgB7VRNSsNAGH2TBKxdTSmFRhRSV+Kq6AXiDVy4cCG0G8GNC09gvYEHcFFw40KhNzAeQOkJbEA0WKl2I00lP86kSUnCWFKSpQ8Svt83k8l8jyDEi/WhS/BbBNB9QEM2mOwxfuBeNFSV2yD89Wq9d5h5jhzwfe9sfa1+SSzL0jzIAxQAD+6ewsgSO1t5NiF/jTMRTDc1uBU69wnklhKeWYDyYx/0rodlMDo6xHR7KySErsR/QPmpD4etODpuJ5qq1zdwV0sYH+zPY9LERuW2F/REhAyakl6Rf4JLaSLmlUqzXCzu0llcsu1EbYLwe6cJkipYBFF9gnCy28QyENVLKBj/hPmhLEzGRpCwixz5ToX+2UPerOFAJFd8pqtXXWHT8PQEjloXZHyTj57BrHY6xQf/k82p6KKLyYL9GSQU1nsUACa0DWlDrRlcHJEbfoerNoncUGi5NnJJoRlZTH5kMkhXVWsPPPALz8B+f+o8OkYAAAAASUVORK5CYII=);
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.2rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a p {
    flex-grow: 1;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon {
    flex-grow: 0;
    width: 1.4rem;
    height: 1.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon.up {
    background-image: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
    background-size: 1.2rem;
    background-position: contain;
    background-color: inherit;
    background-repeat: no-repeat;
    transition: 0.2s;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li a .dropdown-icon.down {
    background-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='8'%20viewBox='0%200%2012%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%201.5L6%206.5L11%201.5'%20stroke='%23FF616A'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
    background-size: 1.2rem;
    background-position: 90% 50%;
    background-color: inherit;
    background-repeat: no-repeat;
    transition: 0.2s;
    transform: rotate(-180deg);
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block {
    display: none;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li {
    padding: 0 1.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li .icon {
    width: 2.4rem;
    height: 4.4rem;
    background-image: url("../assets/img/snb/dropdown-li-sub-icon.png");
    background-size: 0.4rem 4.4rem;
    background-position: 50% 50%;
    background-color: inherit;
    background-repeat: no-repeat;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li a {
    width: 100%;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li:hover .icon {
    background-image: url("../assets/img/snb/dropdown-li-sub-icon-hover.png");
    background-size: 0.6rem 4.4rem;
    background-position: 50% 50%;
    background-color: inherit;
    background-repeat: no-repeat;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li:hover a {
    color: #ff616a;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.keyword .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGfSURBVHgB7VU/T8JAHH1XBREHqiEGdAFddDN+AqKLg4kkOjg4tE4SB/kGhm+AkyY6dHBwNcaEDSbjovIFDC4KcSnBGGqhPe8OYsBIAYFooi9pr79r3nv3u38/YMAg/EW3Y3FQaQ39BLXPiXaYHBaBXXu9zYYj6ANG7nMZNnbKv0njj8f8M0UfMB2c/NCVMGD8IQPvTRbe22xTn+upgInTMxDDaMkbRhtwsu8iBe9dTbwqyzBnQsLQd5mCNeqBVDZgeTxf8xuDz7toSC+KEbryBZSWI0KUMIYxP4exq2uYwQD0rU1Y43KTaOMuapkBF/cfayIDfSOK8uICzHAI/hNNiL+yuLS6Atpi5G0NOLEyFcDLUkS0HHxq9PWoyJsbdoL/g9adAQHJoEewOc44GFRV2oMJF6/AUvFdUHU3TZVYuhvO71lkqsT5cZXZUQ5RZSfUKY90JCyZrKRir94l15kabDtBtKMHJ75jBqJWEzMnxCmSoO4wq7XsIRqLFRApx9Yk7qThfJuKWs2E4T4gWrJY7+WtyqYpwW6sfYjN84N4B1ikkOphHC3UAAAAAElFTkSuQmCC");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.blog-analysis .icon {
    background-image: url("data:image/png;base64,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");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.posting-analysis .icon {
    background-image: url("data:image/png;base64,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");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover a.keyword-count .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgB7VRNSsNAGH2TBKxdTSmFRhRSV+Kq6AXiDVy4cCG0G8GNC09gvYEHcFFw40KhNzAeQOkJbEA0WKl2I00lP86kSUnCWFKSpQ8Svt83k8l8jyDEi/WhS/BbBNB9QEM2mOwxfuBeNFSV2yD89Wq9d5h5jhzwfe9sfa1+SSzL0jzIAxQAD+6ewsgSO1t5NiF/jTMRTDc1uBU69wnklhKeWYDyYx/0rodlMDo6xHR7KySErsR/QPmpD4etODpuJ5qq1zdwV0sYH+zPY9LERuW2F/REhAyakl6Rf4JLaSLmlUqzXCzu0llcsu1EbYLwe6cJkipYBFF9gnCy28QyENVLKBj/hPmhLEzGRpCwixz5ToX+2UPerOFAJFd8pqtXXWHT8PQEjloXZHyTj57BrHY6xQf/k82p6KKLyYL9GSQU1nsUACa0DWlDrRlcHJEbfoerNoncUGi5NnJJoRlZTH5kMkhXVWsPPPALz8B+f+o8OkYAAAAASUVORK5CYII=");
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover ul.sub-ul-block li {
    color: #2c2e30;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
  }
  header aside .snb-block-main ul.snb-ul-block li.dropdown-li:hover:hover li {
    background-color: #ffe5ec;
  }
  header aside.open {
    width: 26rem;
    height: 100vh;
  }
  header aside.open .hamburger-btn:after {
    content: "닫기";
  }
  header aside.open .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li .icon {
    visibility: hidden;
  }
  header aside.close {
    width: 7.2rem;
    height: 100vh;
    overflow: hidden;
  }
  header aside.close .snb-block-top {
    padding: 1.2rem 0rem;
    height: 6.4rem;
  }
  header aside.close .snb-block-top .bloglife-logo {
    display: none;
  }
  header aside.close .snb-block-top .hamburger-btn:after {
    content: "열기";
  }
  header aside.close .snb-block-main ul li {
    width: 4.8rem;
  }
  header aside.close .snb-block-main ul li a p {
    display: none;
  }
  header aside.close .snb-block-main ul li a .dropdown-icon {
    display: none;
  }
  header aside.close .snb-block-main ul li a .dropdown-icon li {
    padding: 0 1.2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
  }
  header aside.close .snb-block-main ul li a .dropdown-icon li .icon {
    width: 2.4rem;
    height: 4.4rem;
    background-image: url("../assets/img/snb/dropdown-li-sub-icon.png");
    background-size: 0.4rem 4.4rem;
    background-position: 50% 50%;
    background-color: inherit;
    background-repeat: no-repeat;
  }
  header aside.close .snb-block-main ul li a .dropdown-icon li a {
    width: 100%;
  }
  header aside.close .snb-block-main ul li a .dropdown-icon li:hover .icon {
    background-image: url("../assets/img/snb/dropdown-li-sub-icon-hover.png");
    background-size: 0.6rem 4.4rem;
    background-position: 50% 50%;
    background-color: inherit;
    background-repeat: no-repeat;
  }
  header aside.close .snb-block-main ul li a .dropdown-icon li:hover a {
    color: #ff616a;
  }
  header aside.close .snb-block-main ul li a:hover a.keyword .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGfSURBVHgB7VU/T8JAHH1XBREHqiEGdAFddDN+AqKLg4kkOjg4tE4SB/kGhm+AkyY6dHBwNcaEDSbjovIFDC4KcSnBGGqhPe8OYsBIAYFooi9pr79r3nv3u38/YMAg/EW3Y3FQaQ39BLXPiXaYHBaBXXu9zYYj6ANG7nMZNnbKv0njj8f8M0UfMB2c/NCVMGD8IQPvTRbe22xTn+upgInTMxDDaMkbRhtwsu8iBe9dTbwqyzBnQsLQd5mCNeqBVDZgeTxf8xuDz7toSC+KEbryBZSWI0KUMIYxP4exq2uYwQD0rU1Y43KTaOMuapkBF/cfayIDfSOK8uICzHAI/hNNiL+yuLS6Atpi5G0NOLEyFcDLUkS0HHxq9PWoyJsbdoL/g9adAQHJoEewOc44GFRV2oMJF6/AUvFdUHU3TZVYuhvO71lkqsT5cZXZUQ5RZSfUKY90JCyZrKRir94l15kabDtBtKMHJ75jBqJWEzMnxCmSoO4wq7XsIRqLFRApx9Yk7qThfJuKWs2E4T4gWrJY7+WtyqYpwW6sfYjN84N4B1ikkOphHC3UAAAAAElFTkSuQmCC");
  }
  header aside.close .snb-block-main ul li a:hover a.blog-analysis .icon {
    background-image: url("data:image/png;base64,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");
  }
  header aside.close .snb-block-main ul li a:hover a.posting-analysis .icon {
    background-image: url("data:image/png;base64,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");
  }
  header aside.close .snb-block-main ul li a:hover a.keyword-count .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgB7VRNSsNAGH2TBKxdTSmFRhRSV+Kq6AXiDVy4cCG0G8GNC09gvYEHcFFw40KhNzAeQOkJbEA0WKl2I00lP86kSUnCWFKSpQ8Svt83k8l8jyDEi/WhS/BbBNB9QEM2mOwxfuBeNFSV2yD89Wq9d5h5jhzwfe9sfa1+SSzL0jzIAxQAD+6ewsgSO1t5NiF/jTMRTDc1uBU69wnklhKeWYDyYx/0rodlMDo6xHR7KySErsR/QPmpD4etODpuJ5qq1zdwV0sYH+zPY9LERuW2F/REhAyakl6Rf4JLaSLmlUqzXCzu0llcsu1EbYLwe6cJkipYBFF9gnCy28QyENVLKBj/hPmhLEzGRpCwixz5ToX+2UPerOFAJFd8pqtXXWHT8PQEjloXZHyTj57BrHY6xQf/k82p6KKLyYL9GSQU1nsUACa0DWlDrRlcHJEbfoerNoncUGi5NnJJoRlZTH5kMkhXVWsPPPALz8B+f+o8OkYAAAAASUVORK5CYII=");
  }
  header aside.close .snb-block-main ul li a:hover ul.sub-ul-block li {
    color: #2c2e30;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: auto;
  }
  header aside.close .snb-block-main ul li a:hover:hover li {
    background-color: #ffe5ec;
  }
  header aside.close .snb-block-main ul .dropdown-li ul.sub-ul-block {
    display: none;
  }
  header aside.close .snb-block-main ul .dropdown-li ul.sub-ul-block li .icon {
    visibility: visible;
  }
  header aside.close .snb-block-main ul .dropdown-li ul.sub-ul-block li a {
    display: none;
  }
  header aside.close.open {
    width: 26rem;
    height: 100vh;
  }
  header aside.close.open .hamburger-btn:after {
    content: "닫기";
  }
  header aside.close.open .snb-block-main ul.snb-ul-block li.dropdown-li ul.sub-ul-block li .icon {
    visibility: hidden;
  }
  header aside.close.close {
    width: 7.2rem;
    height: 100vh;
    overflow: hidden;
  }
  header aside.close.close .snb-block-top {
    padding: 1.2rem 0rem;
  }
  header aside.close.close .snb-block-top .bloglife-logo {
    display: none;
  }
  header aside.close.close .snb-block-top .hamburger-btn:after {
    content: "열기";
  }
  header aside.close.close .snb-block-main ul li {
    width: 4.8rem;
  }
  header aside.close.close .snb-block-main ul li a p {
    display: none;
  }
  header aside.close.close .snb-block-main ul li a .dropdown-icon {
    display: none;
  }
  header aside.close.close .snb-block-main ul .dropdown-li ul.sub-ul-block {
    display: none;
  }
  header aside.close.close .snb-block-main ul .dropdown-li ul.sub-ul-block li .icon {
    visibility: visible;
  }
  header aside.close.close .snb-block-main ul .dropdown-li ul.sub-ul-block li a {
    display: none;
  }
  @keyframes slideDown {
    from {
      transform: translateY(-10%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slideUp {
    from {
      transform: translateY(0);
      opacity: 1;
    }
    to {
      transform: translateY(-10%);
      opacity: 0;
    }
  }
  @keyframes slideDown {
    from {
      transform: translateY(-10%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slideUp {
    from {
      transform: translateY(0);
      opacity: 1;
    }
    to {
      transform: translateY(-10%);
      opacity: 0;
    }
  }
  .mobile-header {
    display: none;
  }
}
main.close {
  width: calc(100% - 7.2rem);
  margin-left: 7rem;
}
main.open {
  width: calc(100% - 26rem);
  margin-left: 26rem;
}

@media (max-width: 768px) {
  header nav {
    padding: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.65%;
  }
  header nav .main-logo {
    width: 13.33rem;
    height: 3rem;
    background-image: url("/boouplife/img/logo4x.png");
    background-size: contain;
    background-position: cover;
    background-repeat: no-repeat;
  }
  header nav .main-tab-block {
    width: calc(100% - 13.33rem);
  }
  header nav .main-tab-block .tab-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
  }
  header nav .main-tab-block .tab-block .sellerlife,
  header nav .main-tab-block .tab-block .boouplife,
  header nav .main-tab-block .tab-block .orders {
    display: none;
  }
  header nav .main-tab-block .tab-block .bloglife {
    color: #1e2229;
    font-size: 1.8rem;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
  }
  header nav .main-tab-block .tab-block .bloglife.active {
    background-color: #fff !important;
    border: none;
    padding: 0;
    aspect-ratio: 4.3/1;
  }
  header nav .main-tab-block .tab-block .m-menu-btn {
    width: 2.2rem;
    height: 1.9rem;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABMCAYAAADp0nC5AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFPSURBVHgB7doxTsMwFIDh91xgYCoLYgFZncoGJ4DepDeAo7QnQJyEHCFjNyxOECEkqg55OIEysQB+nv5viBKPb4js5Ff5EmOc9uH4XtVuzORW8Bet9LZ6SZvH/YIOlxjnsQ/6NNwK/s8kBbNFSps0DvhidvksDLesPORXe7+enM/mSxVdCspSmR7qwXYyPTl9yI9ngvIszzm/HkzgJghcBTVpBD5M2mCqjcCH2SqE/midb5OgrLxNGw4cIaW22/W2EIZcTh7uzsaZfp7k9sY9seldXr0S/JqZNfkzQ/Mm23WXUicAAAAAAAAAAAAA3H3/9KQPLoI+uAr64Arog53RB1dAH+yPPtgZfbAn+mBn9MGO6IMd0Qf7oA8GAAAAAAAAAAAA6qMPLos+uAr64Arog53RB1dAH+yPPtgZfbAn+mBn9MGO6IMd0Qf7+KkP/gCYX+dwoaJCGwAAAABJRU5ErkJggg==");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
  }
  header nav .main-right-block {
    display: none;
  }
  header aside {
    display: none;
  }
  .main-background {
    display: none;
  }
  .flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mobile-header {
    width: 100vw;
    height: 100vh;
    display: block;
    background-color: white;
    position: fixed;
    top: 0;
    left: -9999px;
    transition: 0.5s;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .mobile-header.open {
    left: 0;
  }
  .mobile-header .mh-topheader {
    width: 100%;
    height: auto;
  }
  .mobile-header .mh-topheader .icon-wrapper {
    padding: 3.2rem 2.3rem;
    padding-right: 4.4rem;
  }
  .mobile-header .mh-topheader .icon-wrapper .home {
    width: 3.4rem;
    height: 3.4rem;
    background-image: url("/bloglife/header/img/mobilesnbHome.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
  }
  .mobile-header .mh-topheader .icon-wrapper .cls-menu {
    width: 2.1rem;
    height: 2.1rem;
    background-image: url("/bloglife/header/img/mobilesnbClose.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
  }
  .mobile-header .mh-topheader .button-wrapper {
    padding: 2rem;
    padding-bottom: 4rem;
  }
  .mobile-header .mh-topheader .button-wrapper .login-btn {
    border: 1px solid #e4e8e8;
    border-radius: 2rem;
    background: white;
    width: 100%;
    height: 5.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    color: #1e2229;
    font-size: 2rem;
    font-weight: 600;
    transition: 0.3s;
  }
  .mobile-header .mh-topheader .button-wrapper .login-btn:hover {
    background-color: #f1f3f3;
  }
  .mobile-header .menus-title {
    color: #878787;
    font-size: 2rem;
    font-weight: 600;
  }
  .mobile-header .menus li {
    color: #1e2229;
    font-size: 2.2rem;
    font-weight: 500;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
    padding: 1.8rem 0;
  }
  .mobile-header .menus .keyword .icon {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGiSURBVHgB7VXNSgJRFP6ujqDQz1RkaYv8gRKT6BF6g2hX0KJ5An2D8A3sCcaFYOBCegLdF6FkhVIYhT+1CEnByLHbuYOEG0dNpaA+mLn3npnzfeecmXsPMGEwcVNjiRBNdjBGcLRPlYO9iKSvPshgAuZleRtjwEutlgYzcTFn3Q9KlWeOMWDFYf/iNWHC+EMCpXJVv7rxWm8gk81B07SefhL6QDjfFG5RqTzpa5vNivk5mX6IKvKFO1gsElr0jiRJwws0m2/IXF6hTpF6PS6UiTR3nYd9cQEPjyVMT09ha3MDNqsVQ2cgyM8usnoGAb8PTscS5uRZnJNNkDsdy/CteXtG3ldAotRnKEKPe1UfBURpAv51fS4EBsH/RhtOgIGlMSKoxmkDAU3hI4gI8hbaCr6LaCyRot6RGsbn93xkVU3KNMjg3KXGk65B/dhAxJIWAmNBvcpCRPdkUZjMYWV/997I3zAD0athaRcpjCAYj6DVcNPJ5mbgUcrkEG2tqMZOQkYcxgcJ9WqYifi9cawoSq1jFaOiqvEws5iPeKf3/hg+AX56lVQ3niCGAAAAAElFTkSuQmCC");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mobile-header .menus .keyword:hover .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGfSURBVHgB7VU/T8JAHH1XBREHqiEGdAFddDN+AqKLg4kkOjg4tE4SB/kGhm+AkyY6dHBwNcaEDSbjovIFDC4KcSnBGGqhPe8OYsBIAYFooi9pr79r3nv3u38/YMAg/EW3Y3FQaQ39BLXPiXaYHBaBXXu9zYYj6ANG7nMZNnbKv0njj8f8M0UfMB2c/NCVMGD8IQPvTRbe22xTn+upgInTMxDDaMkbRhtwsu8iBe9dTbwqyzBnQsLQd5mCNeqBVDZgeTxf8xuDz7toSC+KEbryBZSWI0KUMIYxP4exq2uYwQD0rU1Y43KTaOMuapkBF/cfayIDfSOK8uICzHAI/hNNiL+yuLS6Atpi5G0NOLEyFcDLUkS0HHxq9PWoyJsbdoL/g9adAQHJoEewOc44GFRV2oMJF6/AUvFdUHU3TZVYuhvO71lkqsT5cZXZUQ5RZSfUKY90JCyZrKRir94l15kabDtBtKMHJ75jBqJWEzMnxCmSoO4wq7XsIRqLFRApx9Yk7qThfJuKWs2E4T4gWrJY7+WtyqYpwW6sfYjN84N4B1ikkOphHC3UAAAAAElFTkSuQmCC");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mobile-header .menus .blog-analysis .icon {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/png;base64,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");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mobile-header .menus .blog-analysis:hover .icon {
    background-image: url("data:image/png;base64,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");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mobile-header .menus .posting-analysis .icon {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/png;base64,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");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mobile-header .menus .posting-analysis:hover .icon {
    background-image: url("data:image/png;base64,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");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mobile-header .menus .keyword-count .icon {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFpSURBVHgB7ZRRSsNAEIb/bbaQgIUqVpqq0D4JKiqKgm/1Bt6gXsETWG/gEbyJ8V2UglX61IK02yqoby1m27gT0prEICnJox8kmZnd+XfZ7AyDx4t4q2bg1BhQdYAy4tFRj/WF8WXFNMkGo1dXDOrKvEACHGdyvlYqXjEhRHkCrY0UmGB8wpVYYGfvH58YDkexBJYW8zAMfeYzaDXunZlLt9dH87mFedjb2cJKYdkTRJX7f0BP9N0VD/d3A0kPjSayWY7tzY1ZzLYlHp9aKmcwE1SUeXhFQ9eh63ogxrnmfv1xMikupQzO9TurpSJsOUZcouYHBEtmEfMQNT+DlPkXTA7/a3A4+ilBW923qW+E7qkf1hOv7ah2RTV9d9+ITDo+OkAutxAx4nSo9CxlnYWHqPCpTqUtf6VFi7n7s5jXWG+QAqrRVjLrZsGi5ojEOHXq2mzqeo2WeuOpevIxVTp0ZBrYtWkWbinwDUKHdyuAPyfsAAAAAElFTkSuQmCC");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mobile-header .menus .keyword-count:hover .icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgB7VRNSsNAGH2TBKxdTSmFRhRSV+Kq6AXiDVy4cCG0G8GNC09gvYEHcFFw40KhNzAeQOkJbEA0WKl2I00lP86kSUnCWFKSpQ8Svt83k8l8jyDEi/WhS/BbBNB9QEM2mOwxfuBeNFSV2yD89Wq9d5h5jhzwfe9sfa1+SSzL0jzIAxQAD+6ewsgSO1t5NiF/jTMRTDc1uBU69wnklhKeWYDyYx/0rodlMDo6xHR7KySErsR/QPmpD4etODpuJ5qq1zdwV0sYH+zPY9LERuW2F/REhAyakl6Rf4JLaSLmlUqzXCzu0llcsu1EbYLwe6cJkipYBFF9gnCy28QyENVLKBj/hPmhLEzGRpCwixz5ToX+2UPerOFAJFd8pqtXXWHT8PQEjloXZHyTj57BrHY6xQf/k82p6KKLyYL9GSQU1nsUACa0DWlDrRlcHJEbfoerNoncUGi5NnJJoRlZTH5kMkhXVWsPPPALz8B+f+o8OkYAAAAASUVORK5CYII=");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mobile-header .mh-menus {
    padding: 0 4rem;
  }
  .mobile-header .divider {
    width: 90%;
    height: 0.1rem;
    background-color: #ededed;
    margin: 0 auto;
    margin: 0.95rem auto;
  }
  .mobile-header .family-menus {
    padding: 2rem 4rem;
  }
  .mobile-header .family-menus li {
    padding: 1.8rem 0;
  }
  .mobile-header .cs-menus {
    padding: 2rem 4rem;
  }
}

.modal-dialog-l {
  max-width: 90rem;
  min-width: 50rem;
  width: 100%;
  overflow: hidden;
}
.modal-dialog-l .modal-content .modal-header {
  padding: 1.8rem 2rem;
}
.modal-dialog-l .modal-content .modal-header h3 {
  color: #1e2229;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: auto;
}
.modal-dialog-l .modal-content .modal-header .modal-clsbutton {
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBrZPdDcMgDISxs0BH6QjpCN0gE0TpBEknKCNkg4zQjtBRugBQnwRS84N5oJYi4XDfYQxQ3/eTMWYMIcxN09ystR+jxDAMJ9Eu8rWS3hkwJoio894/IdBgaCKMGFmS14/mnDNJMDTpH6pmKfsq47dmcgSDwZZJEzDzBYPcHPpFpVVSVUcwEjKFfW5iBe8MCiY7GMGmMv63haomVh2jBqdVNA2u8kODERjHalY31jm3wKDTYM1EHmDLUtqEBI8qB29NBJxjb6YvTPnFNM2o41kAAAAASUVORK5CYII=");
  background-size: cover;
  background-position: position;
  background-color: transparent;
  background-repeat: no-repeat;
}
.modal-dialog-l .modal-content .modal-body {
  overflow-y: auto;
  padding: 2rem 2rem;
}
.modal-dialog-l .modal-content .modal-body::-webkit-scrollbar {
  width: 0.8rem;
  background-color: #f1f4fe;
}
.modal-dialog-l .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: #081b4f;
  border-radius: 2.4rem;
}
.modal-dialog-l .modal-content .modal-body .ex-select-btn-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.4rem;
}
.modal-dialog-l .modal-content .modal-body .ex-select-btn-block .ex-btn-cxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-l .modal-content .modal-body .ex-select-btn-block .ex-btn-uncxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-l .modal-content .modal-body p {
  color: #5d6165;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: auto;
}
.modal-dialog-l .modal-content .modal-body p b {
  color: #44474a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: auto;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  display: block;
}
.modal-dialog-l .modal-content .modal-footer {
  width: 100%;
  height: 6.8rem;
  background-color: #fff;
  padding: 1.2rem 2rem;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-okBtn {
  width: 70%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #3868eb;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-okBtn:hover {
  background-color: #113bab;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-okBtn:active {
  background-color: #0d2b7d;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-clearBtn {
  width: 30%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #ededed;
  color: #3b3b3b;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-clearBtn:hover {
  background: #555555;
  color: white;
}
.modal-dialog-l .modal-content .modal-footer .modal-footer-clearBtn:active {
  background: #080808;
  color: white;
}
.modal-dialog-m {
  max-width: 60rem;
  min-width: 40rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.modal-dialog-m .modal-content .modal-header {
  padding: 1.8rem 2rem;
}
.modal-dialog-m .modal-content .modal-header h3 {
  color: #1e2229;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: auto;
}
.modal-dialog-m .modal-content .modal-header .modal-clsbutton {
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBrZPdDcMgDISxs0BH6QjpCN0gE0TpBEknKCNkg4zQjtBRugBQnwRS84N5oJYi4XDfYQxQ3/eTMWYMIcxN09ystR+jxDAMJ9Eu8rWS3hkwJoio894/IdBgaCKMGFmS14/mnDNJMDTpH6pmKfsq47dmcgSDwZZJEzDzBYPcHPpFpVVSVUcwEjKFfW5iBe8MCiY7GMGmMv63haomVh2jBqdVNA2u8kODERjHalY31jm3wKDTYM1EHmDLUtqEBI8qB29NBJxjb6YvTPnFNM2o41kAAAAASUVORK5CYII=");
  background-size: cover;
  background-position: position;
  background-color: transparent;
  background-repeat: no-repeat;
}
.modal-dialog-m .modal-content .modal-body {
  height: 100%;
  overflow-y: auto;
  padding: 2rem 2rem;
}
.modal-dialog-m .modal-content .modal-body::-webkit-scrollbar {
  width: 0.8rem;
  background-color: #f1f4fe;
}
.modal-dialog-m .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: #081b4f;
  border-radius: 2.4rem;
}
.modal-dialog-m .modal-content .modal-body .ex-select-btn-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.4rem;
}
.modal-dialog-m .modal-content .modal-body .ex-select-btn-block .ex-btn-cxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-m .modal-content .modal-body .ex-select-btn-block .ex-btn-uncxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-m .modal-content .modal-body p {
  color: #5d6165;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: auto;
}
.modal-dialog-m .modal-content .modal-body p b {
  color: #44474a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: auto;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  display: block;
}
.modal-dialog-m .modal-content .modal-footer {
  width: 100%;
  height: 6.8rem;
  background-color: #fff;
  padding: 1.2rem 2rem;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-okBtn {
  width: 70%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #3868eb;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-okBtn:hover {
  background-color: #113bab;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-okBtn:active {
  background-color: #0d2b7d;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-clearBtn {
  width: 30%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #ededed;
  color: #3b3b3b;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-clearBtn:hover {
  background: #555555;
  color: white;
}
.modal-dialog-m .modal-content .modal-footer .modal-footer-clearBtn:active {
  background: #080808;
  color: white;
}
.modal-dialog-s {
  max-width: 29rem;
  min-width: 19rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.modal-dialog-s .modal-content .modal-header {
  padding: 1.8rem 2rem;
}
.modal-dialog-s .modal-content .modal-header h3 {
  color: #1e2229;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: auto;
}
.modal-dialog-s .modal-content .modal-header .modal-clsbutton {
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADMSURBVHgBrZPdDcMgDISxs0BH6QjpCN0gE0TpBEknKCNkg4zQjtBRugBQnwRS84N5oJYi4XDfYQxQ3/eTMWYMIcxN09ystR+jxDAMJ9Eu8rWS3hkwJoio894/IdBgaCKMGFmS14/mnDNJMDTpH6pmKfsq47dmcgSDwZZJEzDzBYPcHPpFpVVSVUcwEjKFfW5iBe8MCiY7GMGmMv63haomVh2jBqdVNA2u8kODERjHalY31jm3wKDTYM1EHmDLUtqEBI8qB29NBJxjb6YvTPnFNM2o41kAAAAASUVORK5CYII=");
  background-size: cover;
  background-position: position;
  background-color: transparent;
  background-repeat: no-repeat;
}
.modal-dialog-s .modal-content .modal-body {
  height: 100%;
  overflow-y: auto;
  padding: 2rem 2rem;
}
.modal-dialog-s .modal-content .modal-body::-webkit-scrollbar {
  width: 0.8rem;
  background-color: #f1f4fe;
}
.modal-dialog-s .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: #081b4f;
  border-radius: 2.4rem;
}
.modal-dialog-s .modal-content .modal-body .ex-select-btn-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.4rem;
}
.modal-dialog-s .modal-content .modal-body .ex-select-btn-block .ex-btn-cxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-s .modal-content .modal-body .ex-select-btn-block .ex-btn-uncxl {
  border: none;
  border-radius: 3rem;
  background: #e8fcf8;
  color: #00997a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  padding: 0.4rem 0.8rem;
}
.modal-dialog-s .modal-content .modal-body p {
  color: #5d6165;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.4rem;
  letter-spacing: auto;
}
.modal-dialog-s .modal-content .modal-body p b {
  color: #44474a;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: auto;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  display: block;
}
.modal-dialog-s .modal-content .modal-footer {
  width: 100%;
  height: 6.8rem;
  background-color: #fff;
  padding: 1.2rem 2rem;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-okBtn {
  width: 70%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #3868eb;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-okBtn:hover {
  background-color: #113bab;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-okBtn:active {
  background-color: #0d2b7d;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-clearBtn {
  width: 30%;
  height: 4.8rem;
  border: 1.5px solid transparent;
  border-radius: 0.8rem;
  background: #ededed;
  color: #3b3b3b;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
  color: #1e2229;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: normal;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-clearBtn:hover {
  background: #555555;
  color: white;
}
.modal-dialog-s .modal-content .modal-footer .modal-footer-clearBtn:active {
  background: #080808;
  color: white;
}
main {
  margin-top: 7rem;
}
main.open .modal {
  width: calc(100% - 26rem);
  margin-left: 26rem;
}
.search-input-container {
  width: 75.4rem;
  height: 7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: 2px solid transparent;
  border-radius: 3.5rem;
  background: linear-gradient(90deg, rgb(120, 67, 240) 0%, rgb(0, 195, 255) 100%);
  position: relative;
  background-clip: padding-box;
  padding: 0.2rem;
  margin: 0 auto;
}
.search-input-container .search-input {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 3.5rem;
  background: #fff;
  color: #1e2229;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  text-align: center;
  padding: 0 8rem 0 4rem;
}
.search-input-container .search-input:focus {
  outline: none;
  box-shadow: none;
}
.search-input-container .search-input:focus::-moz-placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
}
.search-input-container .search-input:focus::placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
}
.search-input-container .search-input::-moz-placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
.search-input-container .search-input::placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
.search-input-container input::-ms-clear,
.search-input-container input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
.search-input-container input::-webkit-search-decoration,
.search-input-container input::-webkit-search-cancel-button,
.search-input-container input::-webkit-search-results-button,
.search-input-container input::-webkit-search-results-decoration {
  display: none;
}
.search-input-container .search-icon {
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("data:image/svg+xml,%3csvg%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16.4433%203.95834C23.3378%203.95834%2028.9281%209.54723%2028.9281%2016.4431C28.9281%2023.3389%2023.3378%2028.9278%2016.4433%2028.9278C9.54751%2028.9278%203.95862%2023.3389%203.95862%2016.4431C3.95862%209.54723%209.54751%203.95834%2016.4433%203.95834Z'%20stroke='%2301C0FF'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M30.0194%2027.9611C31.1555%2027.9611%2032.0763%2028.8833%2032.0763%2030.018C32.0763%2031.1555%2031.1555%2032.0764%2030.0194%2032.0764C28.8833%2032.0764%2027.9611%2031.1555%2027.9611%2030.018C27.9611%2028.8833%2028.8833%2027.9611%2030.0194%2027.9611Z'%20fill='%2301C0FF'%20stroke='%2301C0FF'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  background-size: 3.2rem 3.2rem;
  background-position: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.S-search-input-container .search-input {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 3.5rem;
  background: #fff;
  color: #1e2229;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  text-align: center;
  padding: 0 13rem 0 6rem;
}
.S-search-input-container .search-input:focus {
  outline: none;
  box-shadow: none;
}
.S-search-input-container .search-input:focus::-moz-placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
}
.S-search-input-container .search-input:focus::placeholder {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
}
.S-search-input-container .search-input::-moz-placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
.S-search-input-container .search-input::placeholder {
  color: #d4d4d4;
  font-size: 2rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  opacity: 1;
}
.S-search-input-container input::-ms-clear,
.S-search-input-container input::-ms-reveal {
  width: 0;
  height: 0;
  display: none;
}
.S-search-input-container input::-webkit-search-decoration,
.S-search-input-container input::-webkit-search-cancel-button,
.S-search-input-container input::-webkit-search-results-button,
.S-search-input-container input::-webkit-search-results-decoration {
  display: none;
}
.S-search-input-container .search-icon {
  width: 35px;
  height: 35px;
  background-image: url("../assets/icon/search.svg");
  background-size: 3.2rem 3.2rem;
  background-position: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.S-search-input-container .camera-icon {
  width: 35px;
  height: 35px;
  border: none;
  background-image: url("../assets/icon/camera.svg");
  background-size: 3.2rem 3.2rem;
  background-position: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 60px;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.hidden {
  display: none !important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.dropdown-block {
  border: 1px solid #e4e8e8;
  border-radius: 0.4rem;
  background: #fff;
  padding: 0.8rem 1rem;
  color: #2c2e30;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: auto;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.dropdown-block .icon {
  width: 0.8rem;
  height: 0.8rem;
  display: inline-block;
  margin-left: 1.2rem;
}
.dropdown-block .icon::before {
  content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%232C2E30'/%3e%3c/svg%3e");
  transition: 0.2s;
  position: absolute;
  top: 0.6rem;
  right: 1.2rem;
}
.dropdown-block ul {
  display: none;
  color: #5d6165;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  border: 1px solid #e4e8e8;
  border-radius: 0.4rem;
  background: #fff;
  position: absolute;
  top: 3.6rem;
  right: 0;
  width: 100%;
}
.dropdown-block ul li {
  padding: 0.8rem 0.8rem;
}
.dropdown-block ul li:hover {
  background-color: #f1f4fe;
  color: #3868eb;
}
.dropdown-block.click {
  color: #3868eb;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: auto;
}
.dropdown-block.click .icon::before {
  content: url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.439%200.65861C10.1619%200.416156%209.74069%200.444234%209.49823%200.721325L5.33328%205.48127L1.16833%200.721324C0.92588%200.444233%200.504704%200.416155%200.227614%200.658609C-0.0494776%200.901064%20-0.0775557%201.32224%200.164899%201.59933L4.58071%206.64597C4.97912%207.10129%205.68745%207.1013%206.08586%206.64597L10.5017%201.59933C10.7441%201.32224%2010.716%200.901065%2010.439%200.65861Z'%20fill='%233868EB'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
  transition: 0.2s;
  position: absolute;
  top: 1rem;
}
.dropdown-block.click ul {
  display: block;
}
.dropdown-block:hover {
  background-color: #f1f4fe;
}
.custom-dropdown-block {
  position: relative;
  display: inline-block;
}
.custom-dropdown-block .custom-dropdown-select {
  width: 26rem;
  height: 4.8rem;
  padding: 1rem 2.4rem;
  border: 1px solid #e4e8e8;
  border-radius: 0.8rem;
  background: #fff;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: auto;
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: auto;
}
.custom-dropdown-block .custom-dropdown-select i {
  margin-left: 5px;
  color: #555555;
  font-size: 1.4rem;
  transition: 0.3s;
}
.custom-dropdown-list {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  right: 0;
  border: none;
  border-radius: 0.8rem;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px rgba(161, 161, 161, 0.3);
  padding: 0.5rem;
  color: #555555;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: auto;
}
.custom-dropdown-list li {
  padding: 1rem;
  padding-left: 2rem;
  cursor: pointer;
}
.custom-dropdown-list li:first-child {
  border-radius: 0.3rem 0.3rem 0 0;
}
.custom-dropdown-list li:last-child {
  border-radius: 0 0 0.3rem 0.3rem;
}
.custom-dropdown-list li:hover {
  background-color: #f1f4fe;
  color: #3868eb;
  font-size: inherit;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: auto;
}
#popup-text {
  width: 80rem;
  height: auto;
  border: none;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(161, 161, 161, 0.3);
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  overflow: hidden;
  display: none;
}
#popup-text .popup-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: auto;
  color: #2c2e30;
  font-size: 2.4rem;
  font-weight: 700;
  padding: 0rem 4rem;
  padding-top: 3rem;
}
#popup-text .popup-body {
  padding: 3rem 4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  color: #2c2e30;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 160%;
}
#popup-text .popup-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
#popup-text .popup-footer #dontShowOptionBtn,
#popup-text .popup-footer #closeBtn {
  padding: 1.5rem 2rem;
  transition: 0.3s;
}
#popup-text .popup-footer #dontShowOptionBtn:hover,
#popup-text .popup-footer #closeBtn:hover {
  background-color: #ededed;
}
#popup-text .popup-footer .day {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-text .popup-footer .day::before {
  content: "오늘 하루 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-text .popup-footer .week {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-text .popup-footer .week::before {
  content: "일주일간 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-text .popup-footer .cls-btn {
  width: 50%;
}
#popup-img {
  z-index: 9999;
  width: 80rem;
  height: auto;
  border: 2px solid #bababa;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(161, 161, 161, 0.3);
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  overflow: hidden;
  display: none;
}
#popup-img .popup-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: auto;
  color: #2c2e30;
  font-size: 2rem;
  font-weight: 700;
  padding: 1rem 2rem;
}
#popup-img .popup-body {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
}
#popup-img .popup-body img {
  width: 100%;
}
#popup-img .popup-body video {
  width: 100%;
  height: 100%;
}
#popup-img .popup-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
#popup-img .popup-footer #dontShowOptionBtn,
#popup-img .popup-footer #closeBtn {
  padding: 1.5rem 2rem;
  transition: 0.3s;
}
#popup-img .popup-footer #dontShowOptionBtn:hover,
#popup-img .popup-footer #closeBtn:hover {
  background-color: #ededed;
}
#popup-img .popup-footer .day {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-img .popup-footer .day::before {
  content: "오늘 하루 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-img .popup-footer .week {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-img .popup-footer .week::before {
  content: "일주일간 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-img .popup-footer .none {
  width: 50%;
  height: 100%;
  border-right: 1px solid #e4e8e8;
}
#popup-img .popup-footer .none::before {
  content: "더이상 보지 않기";
  display: inline-block;
  width: 100%;
}
#popup-img .popup-footer .cls-btn {
  width: 50%;
}
.tippy-box[data-theme~=umcGreen] {
  background-color: #009b76;
  color: #fff;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  border-top-color: #009b76;
}
.modal:focus-visible {
  outline: none;
}
.serach-modal {
  justify-content: center;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 999;
}
.serach-modal .modal_body {
  width: 50rem;
  height: 28rem;
  border: none;
  border-radius: 3rem;
  background: #fff;
}
.serach-modal .modal_body .modal-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: auto;
  width: 100%;
  height: 5rem;
  padding: 1.6rem 2rem;
}
.serach-modal .modal_body .modal-top button {
  border: none;
  background: none;
}
.serach-modal .modal_body .modal-top button.close-icon {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACdeAAAnXgHPwViOAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAYdJREFUeJztmrFOwzAQhj/BE6BW7AxlRmxMbIhQCfEwDKw8Au9Jy0grlYbBPVGhkKYhZzu++ySP1f//58TN2QbHcRzHcRzHJqc9fjMDboAl8Dmsnd5MgFtCnoWm0AvwBdQ7oUpTrCMVYTJqYAu8agnN+AkvYwXMtQQ7MN952Pe0BS61xOqGkaoITeFl3GkITgmPfQ5FaAu/AM60hKsW4VhFaAu/IsK6dE9Y/ZsMrIHHQrWTG8kmfApD2YWPaSzb8IKmwezDCxpGRxNeGNLw6MILQxgfbXjhPwFGH17oE6SY8MIxgYoLL3QJVmx44VDzkrq5ikLbLBc787/pWoQiwwuHihA9/ElMMeuYfgVML4Km/wZNfwiZ/hQ23QyZbodNb4iY3hIzvSlqelvc9MGI6aMx04ejpo/HH0jfvCS7IHEOfLQI53JF5p1wbW5wnv4QzPGSlMpTcN0glLpnbyrCBrjQEnzbE1qSz0VJub22AZ61Ba8Iq+1UW+gIJoRCqM284ziO4ziOUxrfO9Q5rIPj8zIAAAAASUVORK5CYII=");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}
.serach-modal .modal_body .modal-text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: 20rem;
  color: #2c2e30;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: auto;
  letter-spacing: auto;
}
.serach-modal .modal_body .modal-text .icon {
  width: 50px;
  height: 50px;
  width: 5rem;
  height: 5rem;
  background-image: url("data:image/png;base64,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");
  background-size: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.serach-modal .modal_body .modal-text p {
  color: #2c2e30;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: auto;
  text-align: center;
}
.serach-modal .modal_body .modal-text .modal-close {
  margin-top: 12px;
  border: 1.5px solid transparent;
  border-radius: 3rem;
  background: #ffe5ec;
  color: #ff616a;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: auto;
  padding: 0.8rem 2rem;
  cursor: pointer;
}
.serach-modal .modal_body .modal-text .modal-close:hover {
  background-color: #ff616a;
  color: #fff;
}
.serach-modal .modal_body .modal-text .modal-close:active {
  background-color: #ff003e;
  color: white;
}
#main {
  /* 실시간 키워드 */
  /* 하단 핫토픽 */
  /* 핫토픽 그라데이션 배경 */
  /* 비디오 광고 */
}
#main .main {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
#main .main .main-background {
  width: 116.4rem;
  background-image: url('../assets/img/background.png');
  background-size: 100%;
  /* background-position: center; */
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: -4rem;
  z-index: -1;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  backface-visibility: hidden;
}
#main .main .top-main {
  width: 100%;
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-direction: column;
}
#main .main .top-main .top-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  font-size: 42px;
  font-weight: 900;
  background: linear-gradient(to right, #FF5A01, #FF2201);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#main .main .top-main .top-title .title-1 {
  text-align: center;
  color: #1e2229;
  font-size: 4.8rem;
  font-weight: 900;
  letter-spacing: -0.18rem;
}
#main .main .top-main .top-title .title-2 {
  text-align: center;
  font-size: 4.8rem;
  font-weight: 900;
  letter-spacing: -0.18rem;
  background: linear-gradient(90deg, #ff3465 1%, #ff6262 50.77%, #ff8c4b 99.52%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: -2rem;
}
#main .main .top-main .search-box {
  width: 70rem;
  /* 메인-키워드 검색 input */
}
#main .main .top-main .search-box .S-search-input-container {
  width: 70rem;
}
#main .keyword-ranking-wrap {
  margin: 6rem auto;
  width: 120rem;
  /* 실시간 키워드 리스트 */
  /* 뉴스리스트 */
  /* 뉴스 */
  /* 페이져 바  */
  /* 뉴스 페이져 */
}
#main .keyword-ranking-wrap .keyword-ranking-bottom {
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
  width: 120rem;
  height: 61rem;
}
#main .keyword-ranking-wrap .keyword-ranking {
  width: 30rem;
  height: 61rem;
  border: 1px solid #e4e8e8;
  border-radius: 2rem;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: auto;
  flex-direction: column;
  /* 날짜 */
}
#main .keyword-ranking-wrap .keyword-ranking .top-text {
  color: #2c2e30;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: auto;
  padding: 2.7rem 0 2rem 2.4rem;
}
#main .keyword-ranking-wrap .keyword-ranking .ranking {
  height: 50rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
#main .keyword-ranking-wrap .keyword-ranking li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}
#main .keyword-ranking-wrap .keyword-ranking li a {
  width: 30rem;
  height: 5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: auto;
  border-left: 2px solid #fff;
}
#main .keyword-ranking-wrap .keyword-ranking li a:hover {
  border-left: 2px solid #ff616a;
  background: linear-gradient(90deg, rgba(255, 97, 106, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
#main .keyword-ranking-wrap .keyword-ranking li .ranking-no {
  width: 5rem;
  height: 5rem;
  padding: 1.8rem 0 1.6rem 2.1rem;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: auto;
  font-size: 1.6rem;
  color: #555555;
}
#main .keyword-ranking-wrap .keyword-ranking li .ranking-name {
  width: 20rem;
  padding: 1.8rem 0 1.6rem 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: auto;
}
#main .keyword-ranking-wrap .keyword-ranking li .ranking-name p {
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: auto;
}
#main .keyword-ranking-wrap .keyword-ranking li .ranking-icon {
  /* 하락 아이콘 */
  /* 상승 아이콘 */
}
#main .keyword-ranking-wrap .keyword-ranking li .ranking-icon .rankin-down {
  width: 5rem;
  height: 5rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAADRSURBVGhD7dTNCcJAEIbhWQ+eLUFL8KDgTSsJKcES7EArUCsxV3NJCaYEz2JWNzLx5xBB2AkI7wNhZzawYfjICgAAAAAAAAD8yOkaV7EdyKVXhNOHutOmlGky0jqqnq5xjdOziF9q94VfaRGdTWKNfHcIn5hr98lJJpNkoV10Nok1qlt7IlefamXCdrBZmsnNrbV743bhXamNCdvBav2qTi38c0+lVI89U/aD1ReJk1dq3m+s0+rWcX+SPDwdsU+s4evLwu56BwAAAAAAwN8SuQNFLiu0NdxouwAAAABJRU5ErkJggg==");
  background-position: 50%;
  background-repeat: no-repeat;
}
#main .keyword-ranking-wrap .keyword-ranking li .ranking-icon .rankin-up {
  width: 5rem;
  height: 5rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxMAAAsTAQCanBgAAADPSURBVGhD7dS9DcIwEIZhOzakNQh6GIENwgZswAiMwCiMAptAR8FPMkASQ8IVoCBouAa9j2TZn7vT2WcAAAAAAACAjtyF5cmPMon/4+oG+2ZJVJfIrurSCytj7aRZuR+u5VqVlV3N0YRJ6uy2LeyhsGU9HZiikKxCvWN9l6yfimqE2t/vlKl2rO2WT97+q8ok83F53kn8OdWOpd5u5NjhTFTtmlphzXi/P4gP4z1mZxcWEn5O7Sm2o/31b3XFeLBVnGkPEgAAAAAAAAD4zpgbR4EoRu99xoAAAAAASUVORK5CYII=");
  background-position: 50%;
  background-repeat: no-repeat;
}
#main .keyword-ranking-wrap .keyword-ranking li .ranking-icon .rankin-hyphen {
  width: 5rem;
  height: 5rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA2SURBVHgB7c6xEQAgDMSwh2UzU6aFFWgo4KTahRMAAAAAAP42ckl3r5Ouqq48zAAAAAAAwJM2zksEBAkJ6EEAAAAASUVORK5CYII=");
  background-position: 50%;
  background-repeat: no-repeat;
}
#main .keyword-ranking-wrap .keyword-ranking .bottom-day {
  color: #878787;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.82rem;
  letter-spacing: auto;
  padding: 1rem 0 1.8rem 2.4rem;
}
#main .keyword-ranking-wrap .product-ranking {
  width: 88rem;
  height: 61rem;
  border: 1px solid #e4e8e8;
  border-radius: 2rem;
  background: #fff;
  /* 상단 뉴스 텍스트& 카테고리 버튼  */
  /* 뉴스리스트 */
}
#main .keyword-ranking-wrap .product-ranking p {
  color: #2c2e30;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2rem;
  letter-spacing: auto;
}
#main .keyword-ranking-wrap .product-ranking .top-category {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: auto;
  padding: 2rem 3rem 1.2rem 3rem;
}
#main .keyword-ranking-wrap .product-ranking .category-btn-wrap {
  display: flex;
  gap: 1rem;
}
#main .keyword-ranking-wrap .product-ranking .category-btn-wrap .category-btn {
  padding: 1rem 1.2rem;
  border: none;
  border-radius: 2rem;
  background: #ededed;
  color: #a1a1a1;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: auto;
  height: 3.4rem;
}
#main .keyword-ranking-wrap .product-ranking .category-btn-wrap .category-btn.show {
  background: linear-gradient(90deg, #ff3465 1%, #ff6262 50.77%, #ff8c4b 99.52%);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.4rem;
  letter-spacing: auto;
}
#main .keyword-ranking-wrap .product-ranking .product-swiper {
  width: 84rem;
}
#main .keyword-ranking-wrap .product-ranking .product-swiper .swiper-wrapper .swiper-slide {
  width: 84rem;
  height: 50rem;
}
#main .keyword-ranking-wrap .product-ranking .swiper-slide ul {
  display: flex;
  gap: 0 4rem;
  justify-content: flex-start;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
#main .keyword-ranking-wrap .product-ranking .swiper-slide ul li {
  list-style: none;
  border-bottom: 1px solid #e4e8e8;
}
#main .keyword-ranking-wrap .product-ranking .swiper-slide ul li:nth-child(n+9) {
  border-bottom: none;
}
#main .keyword-ranking-wrap .product-ranking .ranking-control-box {
  position: relative;
  height: 2.4rem;
  margin-top: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.9rem;
}
#main .keyword-ranking-wrap .news-box {
  width: 39rem;
  height: 10rem;
}
#main .keyword-ranking-wrap .news-box a {
  width: inherit;
  height: inherit;
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.6rem;
  /* 뉴스 박스 제목과 언론사명 */
  /* 뉴스제목 */
  /* 언론사 */
  /* 뉴스 이미지 */
}
#main .keyword-ranking-wrap .news-box a .news-text {
  width: 28.5rem;
  height: 100%;
  padding: 0.4rem 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.8rem;
  flex-direction: column;
}
#main .keyword-ranking-wrap .news-box a .title {
  width: inherit;
  height: 4.5rem;
  color: #2c2e30;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.25rem;
  letter-spacing: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#main .keyword-ranking-wrap .news-box a .company {
  color: #878787;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.95rem;
  letter-spacing: auto;
}
#main .keyword-ranking-wrap .news-box a .news-img {
  width: 8rem;
  height: 8rem;
  background-color: #ffffff;
  overflow: hidden;
}
#main .keyword-ranking-wrap .news-box a .news-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#main .keyword-ranking-wrap .news-box a .news-img img img {
  max-width: 100%;
  height: 100%;
}
#main .keyword-ranking-wrap .pagination-box {
  width: 71rem;
  height: 0.2rem;
}
#main .keyword-ranking-wrap .product-ranking .ranking-control-box {
  /* 좌우 버튼과 페이지 정보 박스 */
}
#main .keyword-ranking-wrap .product-ranking .ranking-control-box .swiper-pagination {
  position: static;
  width: 71rem;
  background-color: #e4e8e8;
}
#main .keyword-ranking-wrap .product-ranking .ranking-control-box .swiper-pagination span {
  background-color: #000;
}
#main .keyword-ranking-wrap .product-ranking .ranking-control-box .arrow-box {
  width: 11.1rem;
  height: 2.4rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: auto;
  /* 다음 버튼 */
  /* 이전 버튼 */
  /* 페이지  */
}
#main .keyword-ranking-wrap .product-ranking .ranking-control-box .arrow-box .swiper-button-next::after {
  content: "";
  font-size: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACeSURBVHgB7ZJBDsIwDASXtuId4dYLyF/oy/uFHHsj70BqwCvBrW2ynEDKSFYixfE66wCNxs9zgsj1ZneufYcpxphK+R1EsscTCGvGbGahlC8LrA9MLpBqRWSLyDha6M+Y/XLwSEd2DXtF6DW7RIHPS3x72TrftSijnqPcryyi7+ya3XMenMuybFskCyjFif6LhOJkgMjb76rijcaf8ALXqEyBd1/65wAAAABJRU5ErkJggg==);
}
#main .keyword-ranking-wrap .product-ranking .ranking-control-box .arrow-box .swiper-button-prev::after {
  content: "";
  font-size: 2.4rem;
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACcSURBVHgB7ZNNCoMwEIWfsfQc6c5Ny1zBk3uF0G7cNecQ/HsLN0I0o1ko5INAIMOb5L0MkMlcniKmSERsP6Dh/vd1LygwewWL+AjYAXpMrPi8fN+hhpJCI962ziNVg/dH/hRHnIgPZRO0SOP3Vu0jdEBLyiea+XaWNywNaucSWkSqSuzZJpu/iKHyJQyZeSyzkKzBusmROchkbsAErpdJk874yJMAAAAASUVORK5CYII=);
  background-position: 50%;
}
#main .keyword-ranking-wrap .product-ranking .ranking-control-box .arrow-box .swiper-pagination1 {
  width: 4.3rem;
  color: #bababa;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: auto;
  text-align: center;
  /* 현 페이지 */
}
#main .keyword-ranking-wrap .product-ranking .ranking-control-box .arrow-box .swiper-pagination1 .swiper-pagination-current {
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.24rem;
  letter-spacing: auto;
}
#main .hottopic {
  width: 100%;
  height: 50.6rem;
  background: linear-gradient(90deg, rgb(255, 249, 249) 0%, rgb(255, 250, 241) 100%);
  /* 1200 배경 */
  /* 핫토픽 제목 */
  /* 슬라이더 되는 전체 영역 */
  /* 페이져 버튼 */
}
#main .hottopic .wrap {
  width: 120rem;
  height: 50.5rem;
  padding: 5.7rem 0 6rem 0;
  margin: 0 auto;
}
#main .hottopic .hottopic-title {
  color: #2c2e30;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 2.8rem;
  letter-spacing: auto;
}
#main .hottopic .swiper {
  height: 100%;
}
#main .hottopic .swiper-pagination {
  top: 0;
  width: 100%;
  height: 2.8rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.4rem;
  /* 페이져 버튼 회색 */
  /* 페이져 선택 버튼 */
}
#main .hottopic .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  background-color: #878787;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 2.8rem;
  height: 2.8rem;
  opacity: 1;
}
#main .hottopic .swiper-pagination .swiper-pagination-bullet-active {
  margin: 0;
  background-color: #2c2e30;
  color: #fff;
}
#main .hottopic .swiper-wrapper {
  margin-top: 2rem;
  height: 33.8rem;
}
#main .hottopic .swiper-slide {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem;
}
#main .hottopic .topic-box {
  position: relative;
  height: 16rem;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
#main .hottopic .topic-box:hover .img-box {
  filter: brightness(40%);
}
#main .hottopic .img-box {
  width: inherit;
  height: inherit;
  overflow: hidden;
}
#main .hottopic .img-box img {
  max-width: 100%;
  width: 100%;
  transform: translateY(-25%);
}
#main .hottopic .hottopic-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32.8rem;
  z-index: 9;
}
#main .hottopic .hottopic-text span {
  height: 5rem;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: auto;
  width: inherit;
  height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#main .video-banner {
  margin: 6rem auto;
  width: 120rem;
  height: 45rem;
  position: relative;
}
#main .video-banner .wrap {
  width: 80rem;
  height: 41rem;
  margin: 0 auto;
  border-radius: 2rem;
  overflow: hidden;
}
#main .video-banner .wrap video {
  margin: -1.8rem 0 0 -0.2rem;
}
#main .video-banner .blur {
  width: 71.8rem;
  height: 4.9rem;
  flex-shrink: 0;
  opacity: 0.6;
  background: var(--2, linear-gradient(90deg, #ff3465 1%, #ff6262 50.77%, #ff8c4b 99.52%));
  filter: blur(3rem);
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}
.popup-html-templateB {
  overflow: hidden;
  outline: none;
}
.popup-html-templateB .design-modal-m .modal-content {
  border-radius: 5rem;
  width: 70rem;
  height: 75rem;
  background-image: url("/global-assets/img/event/event_240528.png");
  background-size: 70rem 75rem;
  background-position: cover;
  background-repeat: no-repeat;
}
.popup-html-templateB .design-modal-m .modal-content .modal-body {
  display: inline-block;
  width: 75rem;
  height: 61rem;
  cursor: pointer;
}
.popup-html-templateB .design-modal-m .modal-content .design-modal-footer {
  margin: 5rem auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  width: 62rem;
  height: 6rem;
}
.popup-html-templateB .design-modal-m .modal-content .design-modal-footer button {
  border: 1px solid #000;
  border-radius: 30rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2rem;
  width: 50%;
  height: 6rem;
}
.popup-html-templateB .design-modal-m .modal-content .design-modal-footer button.design-modal-footer-okBtn {
  background-color: #000;
  color: #fff;
}
@media (max-width: 1500px) {
  #main .main .main-background {
    width: 100%;
  }
}
@media (max-width: 1475px) {
  #main .main .top-main .top-title {
    width: 100%;
  }
  #main .keyword-ranking-wrap {
    width: 100%;
    padding: 0 2rem;
  }
  #main .keyword-ranking-wrap .keyword-ranking-bottom {
    width: 100%;
    gap: 1rem;
    height: 100%;
  }
  #main .hottopic .wrap {
    width: 100%;
  }
}
@media (max-width: 1425px) {
  #main .main {
    width: 100%;
  }
  #main .keyword-ranking-wrap .keyword-ranking {
    width: 100%;
  }
  #main .keyword-ranking-wrap .keyword-ranking li a {
    width: 100%;
    position: relative;
  }
  #main .keyword-ranking-wrap .keyword-ranking li a .ranking-icon {
    position: absolute;
    right: 0;
  }
  #main .keyword-ranking-wrap .keyword-ranking .ranking {
    width: 100%;
  }
  #main .keyword-ranking-wrap .product-ranking {
    width: 100%;
  }
  #main .keyword-ranking-wrap .product-ranking .product-swiper {
    width: 100%;
  }
  #main .keyword-ranking-wrap .product-ranking .product-swiper .swiper-wrapper .swiper-slide {
    padding: 0 2rem;
  }
  #main .keyword-ranking-wrap .product-ranking .product-swiper .swiper-wrapper .swiper-slide ul {
    justify-content: space-between;
  }
  #main .keyword-ranking-wrap .product-ranking .ranking-control-box {
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
  }
  #main .keyword-ranking-wrap .news-box {
    width: calc(50% - 2rem);
  }
  #main .keyword-ranking-wrap .news-box a {
    width: 100%;
  }
  #main .keyword-ranking-wrap .keyword-ranking-bottom {
    flex-direction: column;
  }
}
@media (max-width: 1220px) {
  #main .keyword-ranking-wrap .pagination-box {
    width: 90%;
  }
  #main .keyword-ranking-wrap .product-ranking .ranking-control-box .swiper-pagination {
    width: 100%;
  }
}
@media (max-width: 1150px) {
  #main .keyword-ranking-wrap .news-box a .news-text {
    width: 60%;
  }
  #main .keyword-ranking-wrap .news-box a .news-text .title {
    width: 100%;
  }
}
@media (max-width: 820px) {
  #main .keyword-ranking-wrap .news-box {
    width: 100%;
  }
  #main .keyword-ranking-wrap .product-ranking .product-swiper .swiper-wrapper .swiper-slide,
  #main .keyword-ranking-wrap .product-ranking {
    height: auto;
  }
}
@media (max-width: 768px) {
  main {
    margin-top: 0 !important;
  }
  #main .main {
    margin-top: 0;
  }
  #main .main .top-main {
    height: auto;
  }
  #main .main .top-main .top-title {
    padding: 0;
    height: auto;
  }
  #main .main .top-main .top-title .title-1,
  #main .main .top-main .top-title .title-2 {
    font-size: 3.6rem;
  }
  #main .main .top-main .top-title .title-1 {
    margin-bottom: 1.2rem;
  }
  #main .main .top-main .search-box {
    width: 100%;
    padding: 0 2rem;
  }
  #main .main .top-main .search-box .S-search-input-container {
    width: 100%;
  }
  main {
    margin-top: 0;
  }
  main .S-search-input-container {
    min-width: 100%;
  }
  main.open {
    width: 100% !important;
    margin-left: 0 !important;
  }
  main.close {
    width: 100% !important;
    margin-left: 0 !important;
  }
  #main .hottopic .hottopic-title span {
    font-size: 2.8rem;
  }
  #main .keyword-ranking-wrap .product-ranking {
    border: none;
  }
  #main .keyword-ranking-wrap .product-ranking .top-category {
    padding: 2rem 0rem 1.2rem 0rem;
  }
  #main .keyword-ranking-wrap .product-ranking .product-swiper .swiper-wrapper .swiper-slide {
    padding: 0;
  }
  #main .keyword-ranking-wrap .product-ranking .ranking-control-box {
    width: 100%;
  }
}
@media (max-width: 615px) {
  #main .keyword-ranking-wrap .product-ranking .top-category {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
    flex-direction: column;
  }
  #main .hottopic .swiper-slide {
    grid-template-columns: repeat(1, 1fr);
  }
  #main .hottopic {
    height: 100%;
  }
  #main .hottopic .hottopic-title {
    padding: 0 2rem;
  }
  #main .hottopic .wrap {
    height: 100%;
    height: -moz-max-content;
    height: max-content;
  }
  #main .hottopic .topic-box {
    width: 100%;
    padding: 0 2rem;
  }
  #main .hottopic .swiper-wrapper {
    height: 100%;
  }
  #main .keyword-ranking-wrap .product-ranking .category-btn-wrap {
    flex-wrap: wrap;
  }
  #main .keyword-ranking-wrap .product-ranking .category-btn-wrap .category-btn {
    padding: 0 1.2rem;
    word-break: keep-all;
  }
}
@media (max-width: 389px) {
  #main .hottopic .hottopic-title span {
    font-size: 2rem;
  }
  #main .main .top-main .top-title .title-1,
  #main .main .top-main .top-title .title-2 {
    font-size: 3rem;
  }
}


.snb-ul-block {
  margin: 0;
  padding: 0;
  list-style: none;
}

.snb-ul-block li {
  margin: 0;
  padding: 0;
}

header aside .snb-block-main ul.snb-ul-block a.item-search .icon {
  background-image: url("../assets/icon/menu_search.svg");
}

header aside .snb-block-main ul.snb-ul-block a.sourcing-list .icon {
  background-image: url("../assets/icon/menu_sourcinglist.svg");
}

header aside .snb-block-main ul.snb-ul-block a.cart .icon {
  background-image: url("../assets/icon/menu_cart.svg");
}

header aside .snb-block-main ul.snb-ul-block a.order-inquiry .icon {
  background-image: url("../assets/icon/menu_order.svg");
}

header aside .snb-block-main ul.snb-ul-block a.item-search:hover .icon {
  background-image: url("../assets/icon/menu_search_hover.svg");
}

header aside .snb-block-main ul.snb-ul-block a.sourcing-list:hover .icon {
  background-image: url("../assets/icon/menu_sourcinglist_hover.svg");
}

header aside .snb-block-main ul.snb-ul-block a.cart:hover .icon {
  background-image: url("../assets/icon/menu_cart_hover.svg");
}

header aside .snb-block-main ul.snb-ul-block a.order-inquiry:hover .icon {
  background-image: url("../assets/icon/menu_order_hover.svg");
}



.mobile-header .menus .item-search .icon{
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../assets/icon/menu_search.svg");
}

.mobile-header .menus .sourcing-list .icon {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../assets/icon/menu_sourcinglist.svg");
}

.mobile-header .menus .cart .icon {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../assets/icon/menu_cart.svg");
}

.mobile-header .menus .order-inquiry .icon {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url("../assets/icon/menu_order.svg");
}

.mobile-header .menus {
  padding: 0;
}

.mobile-header .menus li {
  padding: 1.8rem;
  margin-left: -1.8rem;
}

.mobile-header .menus .item-search:hover .icon {
  background-image: url("../assets/icon/menu_search_hover.svg");
}

.mobile-header .menus .sourcing-list:hover .icon {
  background-image: url("../assets/icon/menu_sourcinglist_hover.svg");
}

.mobile-header .menus .cart:hover .icon {
  background-image: url("../assets/icon/menu_cart_hover.svg");
}

.mobile-header .menus .order-inquiry:hover .icon {
  background-image: url("../assets/icon/menu_order_hover.svg");
}

.mobile-header .menus a:hover li {
  background-color: #FF3511;
  border-radius: 23px;
  color: #fff;
}


.head-block {
  position: fixed;
  right: 4rem;
  bottom: 5%;
  z-index: 99999;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column
}

.head-block #go-up {
  width: 5rem;
  height: 5rem;
  border-radius: .4rem;
  opacity: .9;
  position: relative
}

.head-block #go-up button {
  border: 1px solid #e4e8e8;
  border-radius: 1.6rem;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: .3s;
  width: 100%;
  height: 100%;
  border-radius: 40%;
  opacity: 0
}

.head-block #go-up button.action {
  width: 100%;
  height: 100%;
  border-radius: 40%;
  background-color: #3868eb;
  opacity: 1
}

.head-block #go-up button.action i {
  color: #fff
}

.head-block #go-up button i {
  font-size: 2rem
}

.head-block .hidden-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0;
  gap: 1rem;
  flex-direction: column;
  margin-bottom: 1rem;
  transition: .3s;
  height: 0;
  overflow: hidden;
}

.head-block .hidden-block.open {
  height: max-content;
  margin-top: 1rem;
  overflow: visible;
}

button.scroll-top {
  display: none;
}

.head-block .head-btn-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  width: 100%;
  overflow: inherit;
}

.head-block .head-btn-block .button-desc {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: none;
  border-radius: 1.6rem;
  background: #fff;
  padding: 1rem 1.4rem;
  color: #2c2e30;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 100%;
  box-shadow: 0 0 12px #0000001a
}

.head-block .head-btn {
  border-radius: 40%;
  background: #fff;
  width: 5rem;
  height: 5rem;
  box-shadow: 0 0 12px #0000001a;
  display: block
}

.head-block .head-btn.open-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  font-size: 5.4rem;
  border: 1px solid #2c2e30;
  transition: .3s;
  overflow: hidden;
  color: #2c2e30;
}

.head-block .head-btn.open-buttons i.fa-comments {
  font-size: 2.4rem;
}

.fa-classic, .fa-regular, .fa-solid, .far, .fas {
  font-family: "Font Awesome 6 Free";
}

.fa-solid, .fas {
  font-weight: 900;
}
.fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.head-block .head-btn.open-buttons:hover {
  background-color: #f3f3f3
}

.head-block .head-btn.qaBtn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUwSURBVHgB7Zl9TJVVHMe/57m8mQomhfGSIIoaTU3QpLSktli2pjAphgoDaRoJaLNFSm/TYYFzcxUYtTlc9kdStpSyF7AhGSqB5NsfahovYiKSU0HFyzmd81yoe7k3Oc9zn4vg+Gx3XJ57n3Oe7/md3/d3zrmENWL0LTPGYhDjHoJjbmaKcEZQiUGMuQnRCu4ShoQMNIaEDDSGhAw0XC6EMoAxuBw3GIR42LMNBAcPA9W/E1TXEZz+E7h8BSAE8L0XCJ8IzJzGMCuC4fFIcc04heRWPebwUXOqstcdJ8gvJPihgqDjutw93iOB1ASGNP4KC3VOkGJCtFNCWloJMt8k2PUTgV5GDAcWxzFsepvCZIIuhBDdOVJWSTAnVnFKhOBaO1C0neCRGBMam/W3pUvId3sJ4pcraDwPwxD59Eyigtpj+sRoFrK/mmBRhoKbN2E49U1A3FJFNQ2taBJyvoUgcYVrRPTQcglYnk1w/Yam27QJWfs+wcVLcDmVh4iaN1qQdq3aowRPJziOhp8vMD+GIcifoZ3bb0UVwaE62wcx8SF7JYXCh9tu/hYFnZ237++eYUBzTRc8PdEnwrWkC2JBMbET4eEOrM+mSF/C4O5u/QnDgVpgxVoFJ05ZBBEuJDOV4cEA0Rb6FCLq0cc8KivT5GqM1NQS87V8v+0Iu3HPL95MkcUfTvh/DY/Y5zsJSssIrnUAURHAzyUUfvdBN1/sJpAtlVIROXEKuHDR9loKr8hxzzLc4FFKW61g557/hI4PZthRxBAexrDxLYqUVfbjFTaOYRw/8jjHLfz4Scf5cPoMQSvPyft90SdSEfm12r6jl5Oo+jev0FaE4I96gowcgnYemblRDP5+tvdu/7ALR8oovtlKUbWbIi+HOuz3Ki+WTX/JJb2UkOYLto158QScFGp5X/6L446qaggmzzVhxjwTt23bz2ZMs8z/H/cR1QSyljKMD3HYDNraIIWUELPZ9n93PiHduifllav/f19rm+XVexmfvNKEV99REMuLX2m5ZSDmRTvOhs4uSCElRFihNSLkHd0FK3Kq4wcQSZ7yIlNfwnKt+e2I5a8Q2NBkee/l5bgd7+GQQkpIwAP2neztnlLLFjGMHGF/z7LFFFveo3g9naqGYA2VHGWxj/H3M9B+oyLsG8vOVfD3ZaibpH1fdSFpIUXgGIapDzF8upEiJ4up1rl+My+indDFGB7VQH+570rZ78RQS/VusVqenGngBS9HwdZNFJMnAJ/kM3R1MSiKZSQF23YQlHyrf2k+eyaDp4fcd6UiMswLeGq2fVS+/p4gar4J20oITnLPFyMvtrZir7IkS0H6GuVfoxD5IOrFgVoCs9XUEo4mrjWcsxe86iXHtuwI6bXW4aN8hOJM/XKQIHh0OkPFl3JCNO0Qp08RRbB/VIjlT2GufDQEmpbx766majK7EpFfop+HJ2m6TZsQb26zJUWiE9eJSU+myEjR3r7mre7YQGDPZxRPzDJeTGoCxYY3mNQepDe6Dh/EarS0mCJiijFiRvswfLCOoiBX3m57o/uk0YN32HvpoRWxYHzheYo1mUytVc5g2JGpdIe8x+AghvjnGJLjGUKDYQiGCxHnueteYxjFp4tY/re3qz6vGkVQAMME/uAhQdCVB7fDUCGPRTJ8xP0/PKznSj9VTxgkRKyvEhcwFGygupPVWZwW4uPNUJTHsCCm/0bfEU790JO0kB/77KJ3XITAqYgkxt55AT0M/YY40BgSMtC4a4QQdhajOkx4EoMYZsbBfwAY8b3lhuhn7wAAAABJRU5ErkJggg==);
  background-size: 4.4rem;
  background-position: center;
  background-color: #f9e000;
  background-repeat: no-repeat
}

.head-block .head-btn.opentalk {
  background-image: url(../assets/img/sellerlife-opentalk-20241202.png);
  background-size: 4rem 4rem;
  background-position: center;
  background-color: #f9e000;
  background-repeat: no-repeat
}

.head-block .head-btn.cafeBtn {
  background-image: url(../assets/img/selacafe.png);
  background-size: 4rem 4rem;
  background-position: center;
  background-color: #fff;
  background-repeat: no-repeat
}

.head-block .head-btn.jungpanBtn {
  background-image: url(../assets/img/jungpan.png);
  background-size: 3rem 3rem;
  background-position: center;
  background-color: #fff;
  background-repeat: no-repeat
}


header nav .main-right-block .connect:after {
  content: "|";
  color: #ddd;
  padding: 0 .4rem;
  font-size: 10px;
}

header nav .main-right-block .connect p {
  color: #2c2e30;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  border: none;
  border-radius: 3rem;
  background: #fff;
  padding: .8rem 1.2rem;
}