@import "font.css";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
body {
    line-height: 1.42857143em
}
ol, ul, li {
    list-style: none;
    padding: 0;
    margin: 0
}
blockquote, q {
    quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
    content: ''
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
input {
    vertical-align: middle
}
button {
    border: 0;
    background: transparent
}
img {
    border: 0
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
html {
    height: 100%;
    font-size: 62.5%
}
@media (max-width: 359px) {
    html {
        font-size: 58%
    }
}
@media (min-width: 640px) {
    html {
        font-size: 80%
    }
}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -o-text-size-adjust: none;
    font-family: "Arial", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
    letter-spacing: -0.03rem
}
button {
    cursor: pointer;
    vertical-align: middle;
    font-family: "Arial", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif
}
img {
    outline: none;
    vertical-align: middle;
    max-width: 100%
}
em {
    font-style: normal
}
a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    vertical-align: middle
}
a:hover {
    text-decoration: none
}
small {
    font-size: 1.2rem
}
::-moz-selection {
    background: #c4dbfc
}
::selection {
    background: #c4dbfc
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Arial", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
}
select::-ms-expand {
    display: none
}
select:focus {
    outline: 0
}
textarea {
    caret-color: #3182F6;
    resize: none;
    font-family: "Arial", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
}
input {
    caret-color: #3182F6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    font-family: "Arial", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
}
input[type="search"]{
    background-color:transparent;
}
button:focus {
    outline: 0
}
.btn {
    display: inline-block;
    padding: 1.3rem 1.5rem 1.2rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    background-color: transparent;
    border: 1px solid transparent;
    vertical-align: middle;
    border-radius: .6rem
}
.btn:disabled, .btn.disabled {
    color:#ababab;
    background-color:#eee;
    border-color:#dedee3;
    pointer-events: none;
}
.btn > span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}
.btn-blue {
    color: #fff;
    background-color: #3182F6;
    border-color: #3182F6
}
.btn-blue:hover, .btn-blue.active {
    background-color: #0a66ea;
    border-color: #0a66ea;
}
.btn-gray {
    color: #333;
    font-weight: 400;
    background-color: #F3F4F6;
    border-color: #F3F4F6
}
.btn-gray:hover, .btn-gray.active {
    background-color: #e4e7eb;
    border-color: #e4e7eb
}
.btn-outline-blue {
    color: #3182F6;
    background-color: #fff;
    border-color: #3182F6
}
.btn-outline-blue:hover, .btn-outline-blue.active {
    color: #0a66ea;
    border-color: #0a66ea
}
.btn-outline-gray {
    color: #333;
    background-color: #fff;
    border-color:#d3d3da;
}
.btn-outline-gray:not(.filter-button-item button):hover, .btn-outline-gray.active {
    border-color: #cacad3
}
.btn-outline-orange{
    color: #f5683c;
    background-color: #fff;
    border-color: #f5683c
}
.btn-outline-orange:hover, .btn-outline-orange.active {
    color:#f45625;
    border-color: #f45625;
}
.btn-outline-pink{
    color:#f5628c;
    background-color:#fff;
    border-color:#f5628c;
}
.btn-outline-pink:hover, .btn-outline-pink.active {
    color:#f23168;
    border-color:#f23168;
}
.btn-outline-navy{
    color:#213573;
    background-color:#fff;
    border-color:#213573;
}
.btn-outline-navy:hover, .btn-outline-navy.active {
    color:#16234b;
    border-color:#16234b;
}
.btn-outline-violet-blue{
    color:#6764ff;
    background-color:#fff;
    border-color:#6764ff;
}
.btn-outline-violet-blue:hover, .btn-outline-violet-blue.active {
    color:#3733ff;
    border-color:#3733ff;
}
.btn-outline-red{
    color:#ff4646;
    background-color:#fff;
    border-color:#ff4646;
}
.btn-outline-red:hover, .btn-outline-red.active {
    color:#ff1414;
    border-color:#ff1414;
}
.btn-xs {
    padding: .6rem .9rem;
    font-size: 1.2rem;
    font-weight: 400;
    border-radius: .4rem
}
.btn-sm {
    padding: .8rem 1.6rem .75rem;
    font-size: 1.3rem;
    border-radius: .4rem
}
.btn-lg {
    padding: 1.3rem 1.6rem 1.2rem
}
.btn-xl {
    font-size: 1.5rem;
    padding:1.4rem 1.4rem 1.35rem;
}
.quick-wrap{
    position: fixed;
    bottom:7.2rem;
    left: 0;
    right: 0;
    max-width: 640px;
    margin: 0 auto;
    z-index:11;
}
@media (max-width: 768px) {
    .quick-wrap {
        max-width: none
    }
}
.btn-top{
    z-index: 11;
    display:none;
    position: absolute;
    bottom: 0;
    right:1.2rem;
    width:4rem;
    height:4rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background:rgba(255,255,255,.92);
    -webkit-box-shadow:0 0 10rem 0 rgb(0 0 0 / 10%);
    box-shadow:0 0 1rem 0 rgb(0 0 0 / 10%);
}
.btn-top .icon{
    width: 100%;
    height: 100%;
    background-size: 2.2rem;
}
form:has(.fixed-button) ~ .quick-wrap,
.container:has(.fixed-button) ~ .quick-wrap{
    bottom:14.8rem;
}
.container:has(.board-inquiry) ~ .quick-wrap{
    bottom:20.4rem;
}
.btn-select-arrow {
    color: #333;
    padding: .8rem 0 .75rem;
    /*background: #fff*/
}
.btn-select-arrow::after {
    content: '';
    position: relative;
    top: -.1rem;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 1rem;
    border: 0 solid transparent;
    border-right-width: .4rem;
    border-left-width: .4rem;
    border-top: 0.45rem solid #333;
    vertical-align: middle
}
.btn-plus {
    padding: 0;
    background: #fff url("data:image/svg+xml;utf-8,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.33383' width='1.33333' height='12' fill='%233182F6'/%3E%3Crect x='12' y='5.33398' width='1.33333' height='12' transform='rotate(90 12 5.33398)' fill='%233182F6'/%3E%3C/svg%3E%0A") no-repeat center;
    background-size: 100%
}
.btn-plus .icon {
    width: 1.8rem;
    height: 1.8rem
}
.btn-more-circle {
    padding: 0;
    background: #fff url("data:image/svg+xml;utf-8,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' fill='white' stroke='%233182F6'/%3E%3Crect x='19' y='11' width='2' height='18' fill='%233182F6'/%3E%3Crect x='29' y='19' width='2' height='18' transform='rotate(90 29 19)' fill='%233182F6'/%3E%3C/svg%3E%0A") no-repeat center;
    background-size: 100%
}
.tooltip-wrap {
    z-index: 7;
    position: absolute;
    line-height: 1;
    padding:.4rem .5rem .3rem 1.2rem;
    border-radius: 1.5rem;
    background: #3182F6;
    box-shadow:0 4px 6px -4px rgba(49,130,246,.3);
}
.tooltip-wrap::before {
    z-index: -1;
    content: '';
    position: absolute;
    left: 4rem;
    bottom: -.5rem;
    border-left: .9rem solid transparent;
    border-right: .9rem solid transparent;
    border-top: 0.9rem solid #3182F6;
}
.tooltip-wrap strong {
    display: inline-block;
    color: #fff;
    font-size:1.2rem;
    font-weight:400;
    line-height: 1.455;
}
.tooltip-wrap p{
    word-break: keep-all;
    color: #fff;
    font-size:1.2rem;
    text-align: left;
    line-height: 1.455;
}
.tooltip-wrap .btn-close {
    width:2rem !important;
    height:2rem !important;
    padding: 0;
    margin:0;
    border: none;
}
.tooltip-wrap .btn-close .icon-close {
    width:120%;
    height:120%;
    transform:translate(-.2rem, -.2rem);
}
.product-list-button-area .tooltip-wrap {
    top:-3.2rem;
    left:-.4rem;
}
.list-sort-area .sort-right .tooltip-wrap{
    top:-3.2rem;
    right: 1.5rem;
}
.list-sort-area .sort-right .tooltip-wrap::before{
    right: 3.5rem;
    left:auto;
}
.message-wrap{
    z-index: 7;
    top: -1rem;
    position: absolute;
    line-height: 1;
    padding: .7rem 1.1rem;
    border-radius: 1.5rem;
    background: #75787F;
}
.message-wrap::before{
    z-index: -1;
    content: '';
    position: absolute;
    left: 0;
    bottom: -.5rem;
    border-left: .9rem solid transparent;
    border-right: .9rem solid #75787F;
    border-top: 0.9rem solid #75787F;
    border-bottom: .9rem solid transparent;
}
.message-wrap strong {
    display: inline-block;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.455;
}
.tab {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem;
    background: #fff;
    border-bottom: 1px solid #EBECEF;
    z-index: 8
}
.tab a,
.tab button{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    padding: 1.3rem 0 1.4rem;
    color: #797979;
    font-size: 1.4rem;
    text-align: center;
    letter-spacing: -.05rem;
}
.tab a:hover, .tab a.active,
.tab button:hover, .tab button.active{
    color: #4D4D4D;
    font-weight: 500;
}
.tab a.active::after,
.tab button.active::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: #4D4D4D
}
.form-list {
    margin-top: 2.1rem;
    padding: 0 2rem 4rem
}
.popup-contents .form-list {
    margin-top: 1rem
}
.form-group {
    padding: 1.2rem 0
}
.form-group .sns-link-list {
    padding: 0
}
/* 커뮤니티 글쓰기 타입 */
.form-group .btn-select{
    position: relative;
    width: 100%;
    font-weight: 400;
    text-align: left;
    padding: 1.3rem 1.5rem 1.2rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99995 5L0.669823 0.499999L9.33008 0.5L4.99995 5Z' fill='%23333'/%3E%3C/svg%3E%0A");
    background-position: center right 1.6rem;
    background-repeat: no-repeat;
    background-size: 1rem .6rem;
}
.form-group .btn-outline-gray:hover{
    border-color: #E6E6EA;
}
.form-group .btn-select:focus,
.form-group .btn-select.active{
    border-color: #3182F6;
    transition: border-color .3s;
}
.form-multiple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: 1.4rem;
    font-family: "Arial", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
    background-color: #fff;
    border: 1px solid #E2E5E9;
    border-radius: .6rem
}
.form-multiple::-webkit-input-placeholder {
    color: #ccc
}
.form-multiple:-ms-input-placeholder {
    color: #ccc
}
.form-multiple::-ms-input-placeholder {
    color: #ccc
}
.form-multiple::placeholder {
    color: #ccc
}
.form-multiple .form-control {
    border: none
}
.form-select-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.form-select-group .form-group {
    width: 50%;
    padding: 0
}
.form-select-group .form-group + .form-group {
    margin-left: .8rem
}
.form-select-group .form-select {
    width: 100%
}
.form-label {
    line-height: 1.429;
    margin-bottom: 1.2rem
}
.form-text {
    color: #333;
    font-size: 1.4rem
}
.form-control {
    width: 100%;
    padding: 1.5rem 1.4rem;
    color: #333;
    font-size: 1.4rem;
    font-family: "Arial", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
    background-color: #fff;
    border: 1px solid #E2E5E9;
    border-radius: .6rem
}
.form-control::-webkit-input-placeholder {
    color: #ccc
}
.form-control:-ms-input-placeholder {
    color: #ccc
}
.form-control::-ms-input-placeholder {
    color: #ccc
}
.form-control::placeholder {
    color: #ccc
}
.form-control:focus {
    border-color: #3182F6;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    outline: 0
}
.form-control[readonly], .form-control:disabled {
    color: #949494;
    background-color: #f5f5f5;
    cursor: not-allowed
}
.form-unit{
    position: relative;
}
.form-unit .unit-label{
    position: absolute;
    top: 1.4rem;
    right: 1.4rem;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.429;
}
.form-check {
    position: relative;
    cursor: pointer
}
.form-check input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.form-check input[type="checkbox"]:checked + span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%233182F6'/%3E%3Cpath d='M5.5 9.64L8.24473 12.58C8.45192 12.8019 8.80747 12.7895 8.99864 12.5536L13.5 7' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")
}
.form-check input[type="checkbox"] + span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='9.5' r='9.5' fill='%23E8EAEE'/%3E%3Cpath d='M5.5 9.64L8.24473 12.58C8.45192 12.8019 8.80747 12.7895 8.99864 12.5536L13.5 7' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.form-check span {
    position: relative;
    display: inline-block;
    padding-left: 2.6rem;
    color: #4D4D4D;
    font-size: 1.3rem;
    line-height:1.55;
    vertical-align: top;
}
.form-check span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.9rem;
    height: 1.9rem;
    background-size: 100%
}
.form-radio {
    position: relative;
    cursor: pointer
}
.form-radio input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.form-radio input[type="radio"]:checked + span::before {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%233182F6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.form-radio span {
    position: relative;
    display: inline-block;
    padding-left: 2.6rem;
    color: #4D4D4D;
    font-size: 1.3rem;
    line-height: 1.4
}
.form-radio span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.9rem;
    height: 1.9rem;
    background-size: 100%
}
.form-radio-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left:.1rem;
}
.form-radio-box.row-box label{
    flex:1;
}
.form-radio-box.vertical-box label:first-child span,
.form-radio-box.grd3-vertical-box label:first-child span,
.form-radio-box.odd-first-vertical-box label:first-child span{
    border-bottom-left-radius:0;
}
.form-radio-box.vertical-box label:last-child span,
.form-radio-box.grd3-vertical-box label:last-child span,
.form-radio-box.odd-first-vertical-box label:last-child span{
    border-top-right-radius:0;
}
.form-radio-box.vertical-box .label:nth-child(n+3) span,
.form-radio-box.grd3-vertical-box .label:nth-child(n+4) span,
.form-radio-box.odd-first-vertical-box .label:nth-child(n+2) span{
    margin-top:-.1rem;
}
.form-radio-box.vertical-box label:nth-child(2) span,
.form-radio-box.odd-first-vertical-box label:first-child span{
    border-top-right-radius:.6rem;
}
.form-radio-box.vertical-box label:nth-last-child(2) span,
.form-radio-box.odd-first-vertical-box label:nth-last-child(2) span{
    border-bottom-left-radius:.6rem;
}
.form-radio-box.grd3-vertical-box .label {
    flex:0 1 33.33333333%;
}
.form-radio-box.grd3-vertical-box label:nth-child(3) span{
    border-top-right-radius:.6rem;
}
.form-radio-box.grd3-vertical-box label:nth-last-child(3) span{
    border-bottom-left-radius:.6rem;
}
.form-radio-box.odd-first-vertical-box .label:first-child{
    flex: 0 1 100%;
    margin: 0 .2rem 0 -.1rem;
}
.form-radio-box input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.form-radio-box input[type="radio"] + span::before {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%23D4D4D4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.form-radio-box input[type="radio"]:checked + span {
    z-index: 1;
    color: #3182F6;
    font-weight: 500;
    border-color: #3182F6
}
.form-radio-box input[type="radio"]:checked + span::before {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%233182F6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.form-radio-box .label {
    cursor: pointer;
    flex:0 1 50%;
    padding: 0;
    margin:0 0 0 -.1rem
}
.form-radio-box .label:first-child span {
    border-radius: .6rem 0 0 .6rem
}
.form-radio-box .label:last-child span {
    border-radius: 0 .6rem .6rem 0
}
.form-radio-box .label span {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #4D4D4D;
    font-size: 1.3rem;
    line-height: 1.385;
    padding: 1.4rem;
    border: 1px solid #E2E5E9;
    background: #fff
}
.form-radio-box .label span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.9rem;
    height: 1.9rem;
    background-size: 100%
}
.form-switch-wrap {
    padding: 1.8rem 2rem 1.2rem
}
.form-switch-wrap .form-group {
    padding: 0
}
.form-radio-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .1rem;
    border-radius: .6rem;
    border: 1px solid #E9E9E9;
    background: #F3F4F6
}
.form-radio-switch input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.form-radio-switch input[type="radio"]:checked + span {
    color: #333;
    font-weight: 500;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.07)
}
.form-radio-switch .label {
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0
}
.form-radio-switch .label span {
    display: block;
    color: #949494;
    width: 100%;
    height: 100%;
    line-height: 1.429;
    padding: 1.2rem;
    border-radius: .4rem
}
.form-date input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    padding: 0;
    background: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M7.7915 1.74662H9.62484C9.7464 1.74662 9.86297 1.79491 9.94893 1.88087C10.0349 1.96682 10.0832 2.0834 10.0832 2.20496V9.53829C10.0832 9.65985 10.0349 9.77643 9.94893 9.86238C9.86297 9.94834 9.7464 9.99662 9.62484 9.99662H1.37484C1.25328 9.99662 1.1367 9.94834 1.05075 9.86238C0.964792 9.77643 0.916504 9.65985 0.916504 9.53829V2.20496C0.916504 2.0834 0.964792 1.96682 1.05075 1.88087C1.1367 1.79491 1.25328 1.74662 1.37484 1.74662H3.20817V0.829956H4.12484V1.74662H6.87484V0.829956H7.7915V1.74662ZM6.87484 2.66329H4.12484V3.57996H3.20817V2.66329H1.83317V4.49662H9.1665V2.66329H7.7915V3.57996H6.87484V2.66329ZM9.1665 5.41329H1.83317V9.07996H9.1665V5.41329Z' fill='%23949494'/%3E%3C/svg%3E") no-repeat;
    background-size: 100%;
}
.form-date .date-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    height: 4.8rem;
    border-radius: .6rem;
    border: 1px solid #E2E5E9
}
.form-date .date-wrap .form-control {
    height: 100%;
    padding: 0 1.8rem 0 1.4rem;
    border: none
}
.form-check-all input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.form-check-all input[type="checkbox"]:checked + label {
    color: #3182F6;
    border-color: #3182F6
}
.form-check-all input[type="checkbox"]:checked + label .icon {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%233182F6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.form-check-all label {
    width: 100%;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
    font-size: 1.4rem;
    padding: 1.6rem 1.6rem 1.3rem;
    border: 1px solid #D4D4D4;
    border-radius: .6rem
}
.form-check-all label .icon {
    position: relative;
    top: .1rem;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: .4rem
}
.form-switch {
    position: relative;
    display: inline-block;
    width: 3.8rem;
    height: 2.4rem;
    cursor: pointer
}
.form-switch input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.form-switch input[type="checkbox"]:checked + .slider {
    background-color: #3182F6
}
.form-switch input[type="checkbox"]:checked + .slider::before {
    -webkit-transform: translateX(1.4rem);
    transform: translateX(1.4rem)
}
.form-switch .slider {
    position: absolute;
    top: .3rem;
    left: .3rem;
    right: 0;
    bottom: 0;
    width: 3.2rem;
    height: 1.8rem;
    border-radius: 50rem;
    -webkit-transition: 0.15s;
    transition: 0.15s;
    background-color: #D9D9D9
}
.form-switch .slider::before {
    content: '';
    position: absolute;
    left: .1rem;
    top: .1rem;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50rem;
    -webkit-transition: 0.15s;
    transition: 0.15s;
    background: #fff
}
.form-switch-lg {
    width: 4rem;
    height: 2.2rem
}
.form-switch-lg input[type="checkbox"]:checked + .slider::before {
    -webkit-transform: translateX(1.8rem);
    transform: translateX(1.8rem)
}
.form-switch-lg .slider {
    top: 0;
    left: 0;
    width: 4rem;
    height: 2.2rem
}
.form-switch-lg .slider::before {
    top: .2rem;
    left: .2rem;
    -webkit-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.07);
    box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.07);
    width: 1.8rem;
    height: 1.8rem
}
.form-switch-pick{
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -.2rem;
    width: 2.6rem;
    height: 2.7rem;
}
.form-switch-pick .pick{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_6293_700)'%3E%3Ccircle cx='13' cy='13' r='13' fill='white'/%3E%3Ccircle cx='13' cy='13' r='12.5' stroke='%23E6E6EA'/%3E%3C/g%3E%3Cpath d='M12.6336 9.76035L12.9999 10.1549L13.3663 9.76035L13.8281 9.26307C14.35 8.70101 15.0496 8.39294 15.7705 8.39294C16.4914 8.39294 17.191 8.70101 17.7129 9.26307C18.236 9.82638 18.5357 10.5978 18.5357 11.4093C18.5357 12.2181 18.2379 12.9871 17.718 13.55L12.9999 18.3245L8.2819 13.55C7.76196 12.9871 7.46423 12.2181 7.46423 11.4093C7.46423 10.5978 7.76389 9.82639 8.28697 9.26308C8.80888 8.70102 9.50848 8.39295 10.2294 8.39295C10.5871 8.39294 10.9424 8.46878 11.2752 8.61724C11.6081 8.76575 11.9132 8.98454 12.1718 9.26307L12.6336 9.76035Z' fill='white' stroke='%23EBECEF'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_6293_700' x='0' y='0' width='26' height='27' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_6293_700'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_6293_700' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.form-switch-pick input[type="checkbox"]:checked + .pick{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_6293_703)'%3E%3Ccircle cx='13' cy='13' r='13' fill='white'/%3E%3Ccircle cx='13' cy='13' r='12.5' stroke='%23E6E6EA'/%3E%3C/g%3E%3Cpath d='M18.0793 8.92285C17.467 8.26341 16.6365 7.89294 15.7705 7.89294C14.9045 7.89294 14.074 8.26341 13.4617 8.92285L12.9999 9.42013L12.5382 8.92285C12.235 8.59633 11.875 8.33732 11.4789 8.16061C11.0828 7.9839 10.6582 7.89294 10.2294 7.89295C9.36341 7.89295 8.5329 8.26341 7.92057 8.92285C7.30824 9.58229 6.96423 10.4767 6.96423 11.4093C6.96423 12.3418 7.30824 13.2362 7.92057 13.8957L12.9999 19.0358L18.0793 13.8957C18.6917 13.2362 19.0357 12.3418 19.0357 11.4093C19.0357 10.4767 18.6917 9.58229 18.0793 8.92285Z' fill='%23E84C4C'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_6293_703' x='0' y='0' width='26' height='27' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.02 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_6293_703'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_6293_703' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}
.form-select {
    color: #333;
    font-size: 1.4rem;
    padding: 1.2rem 3rem 1.2rem 1.4rem;
    border-radius: .6rem;
    border: 1px solid #E2E5E9;
    background: #fff;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99995 5L0.669823 0.499999L9.33008 0.5L4.99995 5Z' fill='%23333'/%3E%3C/svg%3E%0A");
    background-position: center right 1.6rem;
    background-repeat: no-repeat;
    background-size: 1rem .6rem;
}
/* 기존 category-info에서 새로 정리한 클래스 */
.form-sort-list ul{
    flex-wrap: wrap;
    display: flex;
    gap: .8rem .4rem;
}
.form-sort-list label{
    position: relative;
}
.form-sort-list .sort-radio [type="radio"]{
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}
.form-sort-list label span {
    display: block;
    border-radius: 5rem;
    font-size: 1.3rem;
    line-height: 1.462;
    padding: .6rem 1.2rem .5rem;
    border: 1px solid #EBECEF;
    background: #fff;
}
.form-sort-list .sort-radio [type="radio"]:checked + span {
    color: #3182F6;
    font-weight: 500;
    border: 1px solid #3182F6;
    background: #F0F6FF;
}
.upload-file label{
    cursor: pointer;
    width: 100%;
}
.upload-file .form-control{
    display: none;
}
.upload-file input::file-selector-button{
    display: none;
}
.upload-file-list{
    margin-top:-.4rem;
}
.upload-file-list ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x:auto;
}
.upload-file-list li{
    padding:.4rem .6rem .4rem 0;
}
.upload-file-list .upload-file .btn{
    width:6.8rem;
    height:6.8rem;
    padding-top:2.5rem;
}
.upload-file-list .upload-file .icon{
    width:1.8rem;
    height:1.8rem;
}
.upload-file-list .upload-file-thumb{
    position:relative;
    width:6.8rem;
    height:6.8rem;
}
.upload-file-list .upload-file-thumb .thumbnail{
    width:6.8rem;
    height:6.8rem;
}
.upload-file-list .upload-file-thumb .btn-file-delete{
    position:absolute;
    top:-.4rem;
    right:-.4rem;
    padding:0;
}
.upload-file-list .upload-file-thumb .btn-file-delete .icon{
    display:block;
    width:1.9rem;
    height:1.9rem;
}
.upload-video-list{
    margin-top:.6rem;
}
.upload-video-list ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x:auto;
}
.upload-video-list li{
    padding:.6rem .6rem .4rem 0;
}
.upload-video-list .upload-file .btn{
    width: 14rem;
    height: 7.8rem;
    padding-top: 3rem;
}
.upload-video-list .upload-file .icon{
    width:1.8rem;
    height:1.8rem;
}
.upload-video-list .upload-file-thumb{
    position:relative;
    width: 14rem;
    height: 7.8rem;
}
.upload-video-list .upload-file-thumb .thumbnail{
    width: 14rem;
    height: 7.8rem;
}
.upload-video-list .upload-file-thumb .thumbnail iframe{
    width: 100%;
    height: 100%;
}
.upload-video-list .upload-file-thumb .btn-video-delete{
    position:absolute;
    top:-.6rem;
    right:-.6rem;
    padding:0;
}
.upload-video-list .upload-file-thumb .btn-video-delete .icon{
    display:block;
    width:1.9rem;
    height:1.9rem;
}
.input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
.input-group + .input-group {
    margin-top: .8rem
}
.input-group > .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}
.input-group-btn {
    padding-left: .8rem
}
.input-group-btn.multiple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-left: 0
}
.input-group-btn.multiple .btn {
    min-width: 8.8rem;
}
.input-group-btn.multiple .btn + .btn {
    margin-left: .8rem
}
.input-group-btn.multiple .btn-outline-blue {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.input-group-multiple {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    border: 1px solid #E2E5E9;
    border-radius: .6rem
}
.input-group-multiple::before, .input-group-multiple::after {
    content: ' ';
    display: table
}
.input-group-multiple::after {
    clear: both
}
.input-group-multiple-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.input-group-multiple-wrap + .input-group-multiple-wrap {
    margin-top: 2.4rem
}
.input-group-multiple-wrap + .button-area {
    margin-top: 3.5rem
}
.input-group-multiple > div {
    border-bottom: 1px solid #E2E5E9
}
.input-group-multiple > div button {
    height: 100%
}
.input-group-multiple + .input-group-multiple {
    margin-top: 2.4rem
}
.input-group-multiple + .button-area {
    margin-top: 3.5rem
}
.input-group-multiple + .input-group-btn .btn-reset {
    width: 3.2rem;
    height: 3.2rem;
    padding: .6rem 0 0;
    border-radius: 50%;
    background: #F3F4F6
}
.input-group-multiple + .input-group-btn .btn-reset .icon {
    width: 1.4rem;
    height: 1.4rem
}
.input-group-multiple .form-control {
    border: 0
}
.category-switch-wrap{
    padding:1.4rem .4rem 1.4rem .6rem;
    margin-top:-.4rem;
    border-top:1px solid #F3F4F6;
}
.modal-chklst-setting{
    padding:.6rem 2rem 1.6rem;
    text-align:left;
}
.modal-chklst-setting.divider{
    padding-top:2rem;
}
.filter-switch-wrap {
    padding: 1.2rem 2rem 1.3rem;
    border-top: 1px solid #EBECEF;
    background: #fff
}
.filter-switch-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #E9E9E9;
    background: #F3F4F6;
    padding: .1rem;
    border-radius: .6rem
}
.filter-switch-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem
}
.filter-item {
    position: relative;
    display: inline-block;
    vertical-align: top
}
.filter-item-list {
    background:#fff;
    border-bottom: 1px solid #F3F4F6;
    text-align: center
}
.filter-item-list ul {
    padding: 1rem 0;
    font-size: 0
}
.filter-item-list.outline {
    border-color: #F6F7F9;
    background: #F6F7F9
}
.filter-item-list.outline ul .filter-item input[type="radio"]:checked + label {
    color: #3182F6;
    background: #fff;
    border-color: #3182F6
}
.filter-item-list.outline ul .filter-item label {
    color: #333;
    font-size: 1.3rem;
    padding: .8rem 1.5rem .9rem;
    background: #fff;
    border: 1px solid #EBECEF
}
.filter-item input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.filter-item input[type="radio"]:checked + label {
    color: #fff;
    font-weight: 500;
    background: #3182F6
}
.filter-item label {
    margin: 0 .4rem;
    color: #949494;
    line-height: 1;
    background: #F3F4F6;
    cursor: pointer
}
.filter-item-scrollable {
    border-top: 1px solid #F3F4F6
}
.filter-item-scrollable ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 1.4rem;
    padding-left: 1.4rem;
    overflow-x: auto
}
.filter-srch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*margin: 1.2rem 0;*/
    position: relative;
    /*padding: 0 2rem;*/
    padding: 1.2rem 2rem;
    background: #fff;
}
.filter-srch .filter-srch-category{
    margin-right: 1rem;
}
.filter-srch .filter-srch-category button{
    min-width:9.4rem;
    color: #333;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.77;
    letter-spacing: -.08rem;
    padding: 0;
    border: none;
}
.filter-srch .filter-srch-category button::after{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .8rem;
    border: 0 solid transparent;
    border-right-width: .4rem;
    border-left-width: .4rem;
    border-top: 0.45rem solid #333;
    vertical-align: middle;
}
.filter-srch .filter-srch-category button > span{
    position: relative;
    color: #3182F6;
    clip-path: unset;
}
.filter-srch-input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    padding: 0 1.6rem 0 4.6rem;
    border: 1px solid #E2E5E9;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7723 11.7702L15.8061 14.8033L14.8038 15.8056L11.7707 12.7718C10.6421 13.6765 9.23841 14.1686 7.79199 14.1665C4.27299 14.1665 1.41699 11.3105 1.41699 7.7915C1.41699 4.2725 4.27299 1.4165 7.79199 1.4165C11.311 1.4165 14.167 4.2725 14.167 7.7915C14.169 9.23792 13.677 10.6416 12.7723 11.7702ZM11.3514 11.2446C12.2503 10.3202 12.7524 9.08097 12.7503 7.7915C12.7503 5.05167 10.5311 2.83317 7.79199 2.83317C5.05216 2.83317 2.83366 5.05167 2.83366 7.7915C2.83366 10.5306 5.05216 12.7498 7.79199 12.7498C9.08146 12.7519 10.3207 12.2498 11.2451 11.3509L11.3514 11.2446Z' fill='%23949494'/%3E%3C/svg%3E%0A");
    background-position: left 1.9rem center;
    background-repeat: no-repeat;
    background-size:1.7rem;
    border-radius: 50rem;
}
.filter-srch-input input[type="search"] {
    width: 100%;
    padding: 1.3rem 0;
    border: 0;
    font-size: 1.4rem
}
.filter-srch-input input[type="search"]::-webkit-input-placeholder {
    color: #aaa
}
.filter-srch-input input[type="search"]:-ms-input-placeholder {
    color: #aaa
}
.filter-srch-input input[type="search"]::-ms-input-placeholder {
    color: #aaa
}
.filter-srch-input input[type="search"]::placeholder {
    color: #aaa
}
.filter-srch-input input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.filter-srch-input .btn-wrap {
    display: none
}
.filter-srch-input.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.filter-srch-input.active input[type="search"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.filter-srch-input.active .btn {
    padding: 0;
    border: none
}
.filter-srch-input.active .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.filter-srch-input.active .btn-delete {
    width: 1.6rem;
    height: 1.6rem
}
.filter-srch-input.active .btn-delete .icon {
    width: 100%;
    height: 100%;
    vertical-align: top
}
.filter-srch-input.active .btn-cancel {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: auto;
    color: #333;
    margin-left: 1rem
}
.filter-srch-wrap{
    padding: 1.2rem 2rem;
    background: #fff;
}
.filter-srch-input-gray{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem 0 1.4rem;
    border: none;
    border-radius: .6rem;
    background: #f3f4f6;
    background-size: 1.7rem;
}
.filter-srch-input-gray input[type="search"]{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font-size: 1.4rem;
    padding: 1.4rem 0;
    border: 0;
}
.filter-srch-input-gray input[type="search"]::-webkit-input-placeholder{
    color: #ccc
}
.filter-srch-input-gray input[type="search"]:-ms-input-placeholder{
    color: #ccc
}
.filter-srch-input-gray input[type="search"]::-ms-input-placeholder{
    color: #ccc
}
.filter-srch-input-gray input[type="search"]::placeholder{
    color: #ccc
}
.filter-srch-input-gray input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}
.filter-srch-input-gray .filter-srch-date{
    position: relative;
    margin-right: 1.2rem;
}
.filter-srch-input-gray .filter-srch-date::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.2rem;
    background: #e9e9e9;
    transform: translateY(-50%);
}
.filter-srch-input-gray .filter-srch-date button{
    position: relative;
    color: #333;
    font-size: 1.4rem;
    font-weight: 400;
    border: none;
    padding: .5em 2.5rem .5rem 0;
}
.filter-srch-input-gray .filter-srch-date button::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: .4rem;
    border-left-width: .4rem;
    border-top: 0.45rem solid #333;
    transform: translateY(-50%);
}
.filter-srch-input-gray .btn-search{
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: none;
    border-radius: 0;
}
.filter-srch-input-gray .btn-search .icon{
    width: 1.8rem;
    height: 1.8rem;
    vertical-align: middle;
}
.filter-srch-input-gray.active .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.filter-srch-input-gray.active .btn-delete {
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    border: none;
}
.filter-srch-input-gray.active .btn-delete .icon {
    width: 100%;
    height: 100%;
    vertical-align: top
}
/*.filter-srch-date {*/
/*    position: relative;*/
/*    padding-left: 2.1rem*/
/*}*/
/*.filter-srch-date::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: .7rem;*/
/*    left: 1rem;*/
/*    width: .1rem;*/
/*    height: 3rem;*/
/*    background: #F3F4F6*/
/*}*/
/*.filter-srch-date .btn-date {*/
/*    border-radius: 50%;*/
/*    width: 4.4rem;*/
/*    height: 4.4rem;*/
/*    border: 1px solid #E2E5E9*/
/*}*/
/*.filter-srch-date .btn-date .icon-calendar {*/
/*    margin-left: -.2rem;*/
/*    width: 1.6rem;*/
/*    height: 1.6rem;*/
/*    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M7.7915 1.74662H9.62484C9.7464 1.74662 9.86297 1.79491 9.94893 1.88087C10.0349 1.96682 10.0832 2.0834 10.0832 2.20496V9.53829C10.0832 9.65985 10.0349 9.77643 9.94893 9.86238C9.86297 9.94834 9.7464 9.99662 9.62484 9.99662H1.37484C1.25328 9.99662 1.1367 9.94834 1.05075 9.86238C0.964792 9.77643 0.916504 9.65985 0.916504 9.53829V2.20496C0.916504 2.0834 0.964792 1.96682 1.05075 1.88087C1.1367 1.79491 1.25328 1.74662 1.37484 1.74662H3.20817V0.829956H4.12484V1.74662H6.87484V0.829956H7.7915V1.74662ZM6.87484 2.66329H4.12484V3.57996H3.20817V2.66329H1.83317V4.49662H9.1665V2.66329H7.7915V3.57996H6.87484V2.66329ZM9.1665 5.41329H1.83317V9.07996H9.1665V5.41329Z' fill='%23949494'/%3E%3C/svg%3E")*/
/*}*/
.filter-button-list{
    font-size: 0;
}
.filter-button-item{
    display: inline-block;
}
.filter-button-item + .filter-button-item{
    margin-left: .4rem;
}
.filter-button-item button{
    font-weight: 400;
    line-height: 1.462;
    padding: .7rem 1.3rem .6rem;
    border-radius: 50rem;
}
.filter-button-item button.arrow::after{
    content: "";
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    margin-left: .6rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23333' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    transform: rotate(90deg);
}
.filter-button-item button.active{
    color: #fff;
    font-weight: 500;
    border-color: #3182F6;
    background: #3182F6;
}
.filter-button-item button.active::after{
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
label {
    display: inline-block
}
label.req span::after {
    content: '';
    position: relative;
    left: .3rem;
    top: -.1rem;
    display: inline-block;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: #FF4646;
    vertical-align: top
}
label.req.form-check span::after {
    top: .1rem
}
.label {
    position: relative;
    display: inline-block;
    min-width: 7rem;
    padding:1.1rem 1.5rem 0.9rem;
    font-size: 1.4rem;
    letter-spacing: -.1rem;
    white-space: nowrap;
    text-align: center;
    border-radius: 5rem;
}
.label-square{
    border-radius:.2rem;
}
.label-square2 {
    border-radius: .4rem;
}
.label-square.label-sm{
    min-width:2.6rem;
    padding:.1rem .3rem;
    vertical-align: top;
}
.label-square2.label-sm2{
    vertical-align: top;
}
.label-sm {
    min-width: 3.4rem;
    padding: .2rem .7rem;
    font-size: 1rem;
    font-weight:500;
    line-height: 1.3
}
.label-sm2{
    min-width: 3rem;
    padding:.3rem .4rem .1rem;
    font-size: 1.2rem;
    font-weight:500;
    line-height: 1.417;
}
.label-green {
    color: #1BC02C;
    background: rgba(27, 192, 44, 0.1)
}
.label-red {
    color: #FF4646;
    background: rgba(255, 70, 70, 0.1)
}
.label-black {
    color: #ffffff;
    background: rgba(0, 0, 0, 1)
}
.label-blue {
    color: #3182F6;
    background: rgba(49, 130, 246, 0.1)
}
.label-light-blue {
    color: #00ADD3;
    background: rgba(0, 173, 211, 0.1)
}
.label-violet-blue {
    color: #6764FF;
    background: rgba(103, 100, 255, 0.1)
}
.label-navy {
    color: #345E9D;
    background: rgba(52, 94, 157, 0.1)
}
.label-orange {
    color: #FF5C00;
    background: rgba(255, 92, 0, 0.1)
}
.label-light-orange {
    color: #f5683c;
    background:#feece7;
}
.label-purple {
    color: #A449FF;
    background: rgba(164, 73, 255, 0.1)
}
.label-light-pink{
    color:#f5628c;
    background:#feecf1;
}
.label-gray {
    color: #4D4D4D;
    background: #eeeff2;
}
.label-light-gray {
    color: #949494;
    background: #F3F4F6
}
.label-light-gray2 {
    color: #4D4D4D;
    background: #F3F4F6
}
.label-outline-orange{
    color: #f5693b;
    border: 1px solid #fcd2c4;
    background: #fff;
}
.label-outline-blue{
    color:#206ae5;
    border:1px solid #afc9f6;
    background:#fff;
}
.label-outline-indigo{
    color: #5a6dfe;
    border: 1px solid #c2c9ff;
    background: #fff;
}
.label-outline-violet{
    color: #7775f0;
    border: 1px solid #cbcaf6;
    background: #fff;
}
.label-outline-cyan{
    color: #06b6d4;
    border: 1px solid #c4e3e8;
    background: #fff;
}
.label-outline-gray{
    color:#797979;
    border:1px solid #e0e0e0;
    background:#fff;
}
.label-outline-gray2{
    color: #777;
    border: 1px solid rgba(51, 51, 51, .2);
    background: #fff;
}
.label-grade-cyan{
    color: #11aacf;
    border: 1px solid #93def0;
    background: #fff;
}
.label-grade-green{
    color: #18b447;
    border: 1px solid #94dba9;
    background: #fff;
}
.label-grade-purple{
    color: #6a5dd1;
    border: 1px solid #ccc7ef;
    background: #fff;
}
.label-grade-navy{
    color: #28418f;
    border: 1px solid #bfcaed;
    background: #fff;
}
.label-grade-gray{
    color: #949494;
    border: 1px solid #d8d9e1;
    background: #fff;
}
.link-arrow {
    position: relative;
    padding: .6rem .1rem .5rem .5rem;
    color: #797979;
    font-size: 1.2rem
}
.link-arrow .icon {
    width: .9rem;
    height: .9rem;
    margin-left: .1rem
}
.link-arrow-blue .icon {
    width: 1.1rem;
    height: 1.1rem;
    margin-left: .3rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%233182F6' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")
}
.link-arrow-lg {
    display: inline-block;
    padding: 1.2rem .7rem;
    margin: 1.7rem auto;
    color: #797979;
    font-size: 1.4rem
}
.link-arrow-lg .icon {
    width: 1.1rem;
    height: 1.1rem;
    margin-left: .3rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23D4D4D4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")
}
.link-plus-blue .icon {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .6rem -.1rem 0
}
.icon {
    display: inline-block;
    width: auto;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}
.icon-arrow-right {
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23797979' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")
}
.icon-arrow-right-gray{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1L6.39411 4.39411C6.47222 4.47222 6.47222 4.59885 6.39411 4.67696L3 8.07107' stroke='%238D9EA5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-right-black{
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%234d4d4d' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")
}
.icon-arrow-right-red{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1L6.39411 4.39411C6.47222 4.47222 6.47222 4.59885 6.39411 4.67696L3 8.07107' stroke='%23ff4646' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-arrow-left{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_16887)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.35377 0.160119C5.54903 0.355381 5.54903 0.671963 5.35377 0.867225L1.46468 4.75631L5.35377 8.6454C5.54903 8.84066 5.54903 9.15725 5.35377 9.35251C5.1585 9.54777 4.84192 9.54777 4.64666 9.35251L0.616151 5.322C0.303731 5.00958 0.303731 4.50305 0.616151 4.19063L4.64666 0.160119C4.84192 -0.0351437 5.1585 -0.0351437 5.35377 0.160119Z' fill='%23797979'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_16887'%3E%3Crect width='6' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-arrow-bottom {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23ccc' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")
}
.icon-arrow-bottom.black {
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23333' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")
}
.icon-arrow-bottom.white {
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23ffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon-arrow-folding {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.38477 12L9.04679 6.70534C9.14942 6.63441 9.28525 6.63441 9.38788 6.70534L17.0499 12' stroke='%23333' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.icon-arrow-folding.gray{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_16885)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.94979 1.75601L1.35359 6.3522L0.646484 5.6451L5.94979 0.341797L11.2531 5.6451L10.546 6.3522L5.94979 1.75601Z' fill='%23797979'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_16885'%3E%3Crect width='12' height='7' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-plus {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.33383' width='1.33333' height='12' fill='%233182F6'/%3E%3Crect x='12' y='5.33398' width='1.33333' height='12' transform='rotate(90 12 5.33398)' fill='%233182F6'/%3E%3C/svg%3E%0A")
}
.icon-select {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99995 5L0.669823 0.499999L9.33008 0.5L4.99995 5Z' fill='%23333'/%3E%3C/svg%3E%0A")
}
.icon-check {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%23D4D4D4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.icon-check.blue {
    position: relative;
    top: .1rem;
    width: 1.3rem;
    height: 1.3rem;
    margin-right: .4rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%233182F6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.icon-calendar {
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M7.7915 1.74662H9.62484C9.7464 1.74662 9.86297 1.79491 9.94893 1.88087C10.0349 1.96682 10.0832 2.0834 10.0832 2.20496V9.53829C10.0832 9.65985 10.0349 9.77643 9.94893 9.86238C9.86297 9.94834 9.7464 9.99662 9.62484 9.99662H1.37484C1.25328 9.99662 1.1367 9.94834 1.05075 9.86238C0.964792 9.77643 0.916504 9.65985 0.916504 9.53829V2.20496C0.916504 2.0834 0.964792 1.96682 1.05075 1.88087C1.1367 1.79491 1.25328 1.74662 1.37484 1.74662H3.20817V0.829956H4.12484V1.74662H6.87484V0.829956H7.7915V1.74662ZM6.87484 2.66329H4.12484V3.57996H3.20817V2.66329H1.83317V4.49662H9.1665V2.66329H7.7915V3.57996H6.87484V2.66329ZM9.1665 5.41329H1.83317V9.07996H9.1665V5.41329Z' fill='%23FF4646'/%3E%3C/svg%3E")
}
.icon-reset {
    background-image: url("data:image/svg+xml;utf-8,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.52002 11.015H0V3.69502L0.25 3.94502L2.23999 5.88503C3.19995 4.41499 4.43994 3.13503 5.93005 2.15504C7.32996 1.235 8.90002 0.585037 10.55 0.25502L10.5699 0.375015V0.354996L10.55 0.25502C12.27 -0.0850067 14.03 -0.0850067 15.75 0.25502C20.52 1.20503 24.33 4.74501 25.59 9.30501C25.83 10.165 25.17 11.015 24.26 11.015C23.95 11.015 23.66 10.915 23.42 10.735C23.1801 10.555 23.01 10.305 22.9301 10.015L22.9392 10.0123C21.7683 5.80367 17.819 2.69502 13.15 2.69502C9.32996 2.69502 6 4.78499 4.27002 7.84499L7.26001 10.755L7.52002 11.015Z' fill='%23949494'/%3E%3Cpath d='M26.0499 21.375L26.04 21.385L26.3 21.635V14.275H18.8301L19.0901 14.535L22.04 17.445C20.3101 20.515 16.9801 22.595 13.15 22.595C8.4801 22.595 4.53003 19.485 3.36011 15.275C3.28003 14.985 3.11011 14.735 2.87 14.555C2.63 14.375 2.34009 14.275 2.03003 14.275C1.12 14.275 0.460083 15.125 0.700073 15.985C2.45007 22.275 8.95007 26.405 15.76 25.035C19.25 24.335 22.2101 22.255 24.0601 19.415L26.0499 21.375Z' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.icon-notice-circle {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.146 4.7002V3.55762H7.38086V4.7002H6.146ZM6.146 10V5.33301H7.38086V10H6.146Z' fill='%234D4D4D'/%3E%3Ccircle cx='6.5' cy='6.5' r='6' stroke='%234D4D4D'/%3E%3C/svg%3E%0A")
}
.icon-tooltip {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='6.5' r='6' stroke='%233182F6'/%3E%3Cpath d='M5.9265 7.732H7.0785C6.9435 6.463 8.5095 6.031 8.5095 4.753C8.5095 3.601 7.7175 3.043 6.6375 3.043C5.8545 3.043 5.2155 3.412 4.7475 3.943L5.4765 4.609C5.7645 4.312 6.0795 4.105 6.4755 4.105C6.9435 4.105 7.2405 4.393 7.2405 4.843C7.2405 5.698 5.7105 6.283 5.9265 7.732ZM6.5025 10.126C6.9795 10.126 7.3305 9.748 7.3305 9.262C7.3305 8.767 6.9795 8.398 6.5025 8.398C6.0345 8.398 5.6835 8.767 5.6835 9.262C5.6835 9.748 6.0345 10.126 6.5025 10.126Z' fill='%233182F6'/%3E%3C/svg%3E%0A")
}
.icon-tooltip-gray {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5.5' cy='5.5' r='5.5' fill='%23EBECEF'/%3E%3Cpath d='M5.01458 6.54281H5.98935C5.87512 5.46904 7.2002 5.1035 7.2002 4.02212C7.2002 3.04735 6.53004 2.5752 5.6162 2.5752C4.95366 2.5752 4.41297 2.88743 4.01697 3.33673L4.63381 3.90027C4.87751 3.64896 5.14404 3.47381 5.47912 3.47381C5.87512 3.47381 6.12643 3.7175 6.12643 4.09827C6.12643 4.82173 4.83181 5.31673 5.01458 6.54281ZM5.50197 8.5685C5.90558 8.5685 6.20258 8.24866 6.20258 7.83743C6.20258 7.41858 5.90558 7.10635 5.50197 7.10635C5.10597 7.10635 4.80897 7.41858 4.80897 7.83743C4.80897 8.24866 5.10597 8.5685 5.50197 8.5685Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A")
}
.icon-tooltip-white{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6031_13509)'%3E%3Cg filter='url(%23filter0_d_6031_13509)'%3E%3Cpath d='M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z' fill='white'/%3E%3C/g%3E%3Cpath d='M8.43473 9.54588C8.2175 9.68079 7.94285 9.68069 7.72619 9.54578C7.52723 9.42198 7.40707 9.20816 7.43137 8.98833C7.46671 8.6674 7.54858 8.4088 7.68698 8.18005C7.82573 7.95073 8.02492 7.74579 8.30153 7.53734C8.84371 7.12409 9.18545 6.81796 9.18545 6.31752C9.18545 6.06015 9.09167 5.84321 8.90997 5.6925C8.73057 5.54369 8.47612 5.46814 8.1689 5.46814C7.60848 5.46814 7.25195 5.79812 7.1471 6.21297L7.14276 6.23176C7.10527 6.38123 7.07119 6.51384 6.99871 6.62434C6.71751 7.05354 6.08876 7.05354 5.80756 6.62434C5.73046 6.50667 5.68971 6.37385 5.70252 6.24426C5.81603 5.08452 6.78818 4.23047 8.15936 4.23047C8.94501 4.23047 9.54961 4.45504 9.95664 4.82341C10.3629 5.19109 10.5812 5.70988 10.5812 6.31752C10.5812 6.59142 10.5255 6.84107 10.4193 7.07108C10.2713 7.39126 10.0223 7.67859 9.67986 7.94214C9.1595 8.34829 8.88953 8.65609 8.79298 9.03484C8.74222 9.23484 8.65292 9.40974 8.50078 9.50426L8.43473 9.54588Z' fill='%23333333'/%3E%3Cpath d='M8.13119 11.7689C7.61687 11.7689 7.24297 11.4021 7.24297 10.8898C7.24297 10.3767 7.61809 10.0016 8.13119 10.0016C8.64478 10.0016 9.01987 10.3767 9.01987 10.8898C9.01987 11.4021 8.646 11.7689 8.13119 11.7689Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_6031_13509' x='-0.5' y='-0.5' width='17' height='17' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='0.75'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_6031_13509'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_6031_13509' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_6031_13509'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-menu {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.355' cy='26.6452' r='1.35484' transform='rotate(-90 21.355 26.6452)' fill='%23A4ADB7'/%3E%3Ccircle cx='21.355' cy='21.306' r='1.35484' transform='rotate(-90 21.355 21.306)' fill='%23A4ADB7'/%3E%3Ccircle cx='21.355' cy='15.9667' r='1.35484' transform='rotate(-90 21.355 15.9667)' fill='%23A4ADB7'/%3E%3C/svg%3E%0A");
    background-size: 4.8rem
}
.icon-alarm {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.1876 22.8169C27.1138 22.6747 27.0753 22.5168 27.0753 22.3566V18.7743C27.0753 15.4759 24.4177 12.8184 21.1194 12.8184C17.821 12.8184 15.1823 15.4759 15.1823 18.7743V22.3618C15.1823 22.5187 15.1453 22.6734 15.0745 22.8134L14.3715 24.2022C14.0348 24.8674 14.5182 25.6538 15.2637 25.6538H27.0136C27.7634 25.6538 28.2465 24.8592 27.9013 24.1935L27.1876 22.8169Z' fill='%23A4ADB7'/%3E%3Cpath d='M21.1191 29.0468C22.495 29.0468 23.6259 27.9159 23.6259 26.54H18.6123C18.6123 27.9159 19.7432 29.0468 21.1191 29.0468Z' fill='%23A4ADB7'/%3E%3C/svg%3E%0A")
}
.icon-back {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9289 21.0711L16.3986 20.5407L15.8683 21.0711L16.3986 21.6014L16.9289 21.0711ZM23.4697 13.4697L16.3986 20.5407L17.4593 21.6014L24.5303 14.5303L23.4697 13.4697ZM16.3986 21.6014L23.4697 28.6725L24.5303 27.6118L17.4593 20.5407L16.3986 21.6014Z' fill='%23333'/%3E%3C/svg%3E%0A")
}
.icon-close {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.095' y='13.0366' width='19.6132' height='1.54841' transform='rotate(45 15.095 13.0366)' fill='%23333'/%3E%3Crect x='29' y='14.095' width='19.6132' height='1.54841' transform='rotate(135 29 14.095)' fill='%23333'/%3E%3C/svg%3E%0A")
}
.icon-close.gray {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.095' y='13.0366' width='19.6132' height='1.54841' transform='rotate(45 15.095 13.0366)' fill='%23949494'/%3E%3Crect x='29' y='14.095' width='19.6132' height='1.54841' transform='rotate(135 29 14.095)' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.icon-close.white {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.095' y='13.0366' width='19.6132' height='1.54841' transform='rotate(45 15.095 13.0366)' fill='%23fff'/%3E%3Crect x='29' y='14.095' width='19.6132' height='1.54841' transform='rotate(135 29 14.095)' fill='%23fff'/%3E%3C/svg%3E%0A")
}
.icon-close-circle {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E8EAEE'/%3E%3Cpath d='M10.9278 10.0098L14.3535 6.584L13.416 5.64648L9.99023 9.07227L6.584 5.66604L5.64648 6.60355L9.05271 10.0098L5.66556 13.3969L6.60308 14.3345L9.99023 10.9473L13.3969 14.354L14.3345 13.4165L10.9278 10.0098Z' fill='white'/%3E%3C/svg%3E%0A")
}
.icon-close-circle-blue {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23F0F6FF'/%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%233182F6' stroke-opacity='0.2'/%3E%3Cpath d='M5.5 5.5L10.5 10.5' stroke='%233182F6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.5 10.5L10.5 5.5' stroke='%233182F6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.icon-close-circle-white{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='white'/%3E%3Crect x='5.26758' y='4.81506' width='8.36864' height='0.660682' transform='rotate(45 5.26758 4.81506)' fill='%23CCCCCC' stroke='%23CCCCCC' stroke-width='0.5'/%3E%3Crect x='11.2002' y='5.26685' width='8.36864' height='0.660682' transform='rotate(135 11.2002 5.26685)' fill='%23CCCCCC' stroke='%23CCCCCC' stroke-width='0.5'/%3E%3C/svg%3E");
}
.icon-close-circle-darkgray{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23949494'/%3E%3Crect x='5.26758' y='4.81506' width='8.36864' height='0.660682' transform='rotate(45 5.26758 4.81506)' fill='%23CCCCCC' stroke='%23CCCCCC' stroke-width='0.5'/%3E%3Crect x='11.2002' y='5.26685' width='8.36864' height='0.660682' transform='rotate(135 11.2002 5.26685)' fill='%23FFFFFF' stroke='%23FFFFFF' stroke-width='0.5'/%3E%3C/svg%3E");
}
.icon-more {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.355' cy='26.6452' r='1.35484' transform='rotate(-90 21.355 26.6452)' fill='%23333'/%3E%3Ccircle cx='21.355' cy='21.306' r='1.35484' transform='rotate(-90 21.355 21.306)' fill='%23333'/%3E%3Ccircle cx='21.355' cy='15.9667' r='1.35484' transform='rotate(-90 21.355 15.9667)' fill='%23333'/%3E%3C/svg%3E%0A")
}
.icon-more-circle {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' fill='white' stroke='%233182F6'/%3E%3Crect x='19' y='11' width='2' height='18' fill='%233182F6'/%3E%3Crect x='29' y='19' width='2' height='18' transform='rotate(90 29 19)' fill='%233182F6'/%3E%3C/svg%3E%0A")
}
.icon-edit {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.525 4.00055L9.9995 6.47563L4.2245 12.25H1.75V9.77497L7.525 3.99997V4.00055ZM8.34983 3.17572L9.58708 1.93788C9.69647 1.82852 9.84482 1.76709 9.9995 1.76709C10.1542 1.76709 10.3025 1.82852 10.4119 1.93788L12.0622 3.58813C12.1715 3.69752 12.233 3.84587 12.233 4.00055C12.233 4.15523 12.1715 4.30357 12.0622 4.41297L10.8243 5.65022L8.34983 3.17572Z' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.icon-message {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1108_12918' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5 27.3012C25.7467 27.3012 30 23.6521 30 19.1506C30 14.6492 25.7467 11 20.5 11C15.2533 11 11 14.6492 11 19.1506C11 21.6237 12.2838 23.8395 14.3107 25.3342L14.5277 30.0001L18.8487 27.1785C19.385 27.2592 19.9368 27.3012 20.5 27.3012Z'/%3E%3C/mask%3E%3Cpath d='M14.3107 25.3342L15.8091 25.2646L15.7759 24.551L15.201 24.127L14.3107 25.3342ZM14.5277 30.0001L13.0293 30.0697L13.1511 32.6904L15.3478 31.256L14.5277 30.0001ZM18.8487 27.1785L19.0718 25.6952L18.5069 25.6103L18.0286 25.9226L18.8487 27.1785ZM28.5 19.1506C28.5 22.6163 25.1421 25.8012 20.5 25.8012V28.8012C26.3513 28.8012 31.5 24.6879 31.5 19.1506H28.5ZM20.5 12.5C25.1421 12.5 28.5 15.685 28.5 19.1506H31.5C31.5 13.6134 26.3513 9.5 20.5 9.5V12.5ZM12.5 19.1506C12.5 15.685 15.8579 12.5 20.5 12.5V9.5C14.6487 9.5 9.5 13.6134 9.5 19.1506H12.5ZM15.201 24.127C13.4963 22.8699 12.5 21.0761 12.5 19.1506H9.5C9.5 22.1713 11.0712 24.809 13.4205 26.5415L15.201 24.127ZM16.026 29.9304L15.8091 25.2646L12.8123 25.4039L13.0293 30.0697L16.026 29.9304ZM18.0286 25.9226L13.7076 28.7441L15.3478 31.256L19.6688 28.4345L18.0286 25.9226ZM20.5 25.8012C20.0115 25.8012 19.5343 25.7648 19.0718 25.6952L18.6257 28.6619C19.2358 28.7536 19.8621 28.8012 20.5 28.8012V25.8012Z' fill='%23333' mask='url(%23path-1-inside-1_1108_12918)'/%3E%3Cellipse cx='20.4999' cy='19.3782' rx='0.863636' ry='0.878181' fill='%23333'/%3E%3Cellipse cx='23.954' cy='19.3782' rx='0.863636' ry='0.878181' fill='%23333'/%3E%3Cellipse cx='17.0453' cy='19.3782' rx='0.863636' ry='0.878181' fill='%23333'/%3E%3C/svg%3E%0A")
}
.icon-camera {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895508 0 0 0.895508 0 2V10C0 11.1045 0.895508 12 2 12H13C14.1045 12 15 11.1045 15 10V2C15 0.895508 14.1045 0 13 0H2ZM7.50488 9.93018C9.55664 9.93018 11.2202 8.2666 11.2202 6.21484C11.2202 4.16309 9.55664 2.5 7.50488 2.5C5.45312 2.5 3.79004 4.16309 3.79004 6.21484C3.79004 8.2666 5.45312 9.93018 7.50488 9.93018ZM11.7856 1.90674C11.7856 1.74121 11.9199 1.60693 12.0854 1.60693H13.0928C13.2583 1.60693 13.3926 1.74121 13.3926 1.90674V2.91406C13.3926 3.07959 13.2583 3.21387 13.0928 3.21387H12.0854C11.9199 3.21387 11.7856 3.07959 11.7856 2.91406V1.90674ZM7.50537 8.56982C8.80029 8.56982 9.8501 7.52002 9.8501 6.2251C9.8501 4.92969 8.80029 3.87988 7.50537 3.87988C6.20996 3.87988 5.16016 4.92969 5.16016 6.2251C5.16016 7.52002 6.20996 8.56982 7.50537 8.56982Z' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.icon-photo {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.12585 0C0.951782 0 0 0.867188 0 1.93652V15.6631C0 16.7324 0.951782 17.5996 2.12585 17.5996H19.8741C21.0482 17.5996 22 16.7324 22 15.6631V1.93652C22 0.867188 21.0482 0 19.8741 0H2.12585ZM15.5953 6.66699C16.4633 6.66699 17.1667 5.95996 17.1667 5.08789C17.1667 4.21582 16.4633 3.50879 15.5953 3.50879C14.7274 3.50879 14.0239 4.21582 14.0239 5.08789C14.0239 5.95996 14.7274 6.66699 15.5953 6.66699ZM7.85803 6.7666C8.16284 6.27832 8.89514 6.27832 9.19995 6.7666L11.9211 11.1299L13.7081 9.30664C13.8197 9.19238 13.9587 9.12012 14.1053 9.08887C14.3646 9.03223 14.6478 9.10547 14.8453 9.30664L18.2255 12.7559C18.6992 13.2393 18.3451 14.0371 17.6569 14.0371H10.8966L10.838 14.0352H4.71375C4.10364 14.0352 3.72754 13.3906 4.04285 12.8848L7.85803 6.7666Z' fill='%23aaa'/%3E%3C/svg%3E%0A")
}
.icon-star {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9991 0H0V15.3717V40H40V0H19.9991ZM19.9991 0C20.7219 0 21.4446 0.402314 21.7726 1.20694L25.899 11.3283C26.1756 12.0068 26.8011 12.4703 27.5191 12.529L38.2299 13.4042C39.9331 13.5434 40.6237 15.7117 39.3259 16.8454L31.1662 23.9741C30.6191 24.4521 30.3801 25.2021 30.5472 25.9168L33.0404 36.58C33.4368 38.2752 31.629 39.6151 30.171 38.7067L21.0003 32.9932C20.3856 32.6103 19.6126 32.6103 18.998 32.9932L9.82731 38.7067C8.3693 39.6151 6.56149 38.2752 6.95784 36.58L9.45105 25.9167C9.61815 25.202 9.37925 24.4521 8.83226 23.9741L0.673914 16.8453C0.20975 16.4397 0 15.9018 0 15.3717C0 14.42 0.676198 13.4936 1.77006 13.4042L12.4792 12.529C13.1972 12.4703 13.8227 12.0068 14.0993 11.3283L18.2257 1.20694C18.5537 0.402315 19.2764 0 19.9991 0Z' fill='%23fff'/%3E%3C/svg%3E%0A")
}
.icon-instagram {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2208_33205' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2208_33205)'%3E%3Cpath d='M15 30C6.717 30 0 23.283 0 15C0 6.717 6.717 0 15 0C23.283 0 30 6.717 30 15C30 23.283 23.283 30 15 30Z' fill='url(%23paint0_linear_2208_33205)'/%3E%3Cpath d='M15.0003 6.60672C17.7333 6.60672 18.0573 6.61572 19.1373 6.66672C20.1363 6.71172 20.6793 6.87972 21.0393 7.02072C21.5163 7.20672 21.8583 7.42872 22.2153 7.78572C22.5723 8.14272 22.7943 8.48472 22.9803 8.96172C23.1213 9.32172 23.2863 9.86472 23.3343 10.8637C23.3823 11.9437 23.3943 12.2677 23.3943 15.0007C23.3943 17.7337 23.3853 18.0577 23.3343 19.1377C23.2893 20.1367 23.1213 20.6797 22.9803 21.0397C22.7943 21.5167 22.5723 21.8587 22.2153 22.2157C21.8583 22.5727 21.5163 22.7947 21.0393 22.9807C20.6793 23.1217 20.1363 23.2867 19.1373 23.3347C18.0573 23.3827 17.7333 23.3947 15.0003 23.3947C12.2673 23.3947 11.9433 23.3857 10.8633 23.3347C9.8643 23.2897 9.3213 23.1217 8.9613 22.9807C8.4843 22.7947 8.1423 22.5727 7.7853 22.2157C7.4283 21.8587 7.2063 21.5167 7.0203 21.0397C6.8793 20.6797 6.7143 20.1367 6.6663 19.1377C6.6183 18.0577 6.6063 17.7337 6.6063 15.0007C6.6063 12.2677 6.6153 11.9437 6.6663 10.8637C6.7113 9.86472 6.8793 9.32172 7.0203 8.96172C7.2063 8.48472 7.4283 8.14272 7.7853 7.78572C8.1423 7.42872 8.4843 7.20672 8.9613 7.02072C9.3213 6.87972 9.8643 6.71472 10.8633 6.66672C11.9433 6.61572 12.2673 6.60672 15.0003 6.60672ZM15.0003 4.76172C12.2193 4.76172 11.8713 4.77372 10.7793 4.82472C9.6903 4.87572 8.9463 5.04672 8.2923 5.30172C7.6203 5.55972 7.0473 5.91072 6.4803 6.48072C5.9103 7.05072 5.5623 7.62072 5.2983 8.29572C5.0463 8.94672 4.8723 9.69072 4.8213 10.7827C4.7703 11.8747 4.7583 12.2227 4.7583 15.0037C4.7583 17.7847 4.7703 18.1327 4.8213 19.2247C4.8723 20.3137 5.0433 21.0577 5.2983 21.7117C5.5593 22.3807 5.9103 22.9537 6.4803 23.5207C7.0503 24.0907 7.6203 24.4387 8.2953 24.7027C8.9463 24.9547 9.6903 25.1287 10.7823 25.1797C11.8743 25.2307 12.2223 25.2427 15.0033 25.2427C17.7843 25.2427 18.1323 25.2307 19.2243 25.1797C20.3133 25.1287 21.0573 24.9577 21.7113 24.7027C22.3803 24.4417 22.9533 24.0907 23.5203 23.5207C24.0903 22.9507 24.4383 22.3807 24.7023 21.7057C24.9543 21.0547 25.1283 20.3107 25.1793 19.2187C25.2303 18.1267 25.2423 17.7787 25.2423 14.9977C25.2423 12.2167 25.2303 11.8687 25.1793 10.7767C25.1283 9.68772 24.9573 8.94372 24.7023 8.28972C24.4413 7.62072 24.0903 7.04772 23.5203 6.48072C22.9503 5.91072 22.3803 5.56272 21.7053 5.29872C21.0543 5.04672 20.3103 4.87272 19.2183 4.82172C18.1293 4.77372 17.7813 4.76172 15.0003 4.76172Z' fill='%23fff'/%3E%3Cpath d='M15.0002 9.74121C12.0962 9.74121 9.74121 12.0962 9.74121 15.0002C9.74121 17.9042 12.0962 20.2592 15.0002 20.2592C17.9042 20.2592 20.2592 17.9042 20.2592 15.0002C20.2592 12.0962 17.9042 9.74121 15.0002 9.74121ZM15.0002 18.4142C13.1162 18.4142 11.5862 16.8872 11.5862 15.0002C11.5862 13.1132 13.1162 11.5862 15.0002 11.5862C16.8842 11.5862 18.4142 13.1132 18.4142 15.0002C18.4142 16.8872 16.8842 18.4142 15.0002 18.4142Z' fill='%23fff'/%3E%3Cpath d='M20.4665 10.7647C21.1458 10.7647 21.6964 10.214 21.6964 9.53469C21.6964 8.85538 21.1458 8.30469 20.4665 8.30469C19.7871 8.30469 19.2365 8.85538 19.2365 9.53469C19.2365 10.214 19.7871 10.7647 20.4665 10.7647Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2208_33205' x1='4.39339' y1='25.6066' x2='25.6066' y2='4.39339' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFD521'/%3E%3Cstop offset='0.0551048' stop-color='%23FFD020'/%3E%3Cstop offset='0.1241' stop-color='%23FEC01E'/%3E%3Cstop offset='0.2004' stop-color='%23FCA71B'/%3E%3Cstop offset='0.2821' stop-color='%23FA8316'/%3E%3Cstop offset='0.3681' stop-color='%23F85510'/%3E%3Cstop offset='0.4563' stop-color='%23F51E09'/%3E%3Cstop offset='0.5' stop-color='%23F30005'/%3E%3Cstop offset='0.5035' stop-color='%23F20007'/%3E%3Cstop offset='0.5966' stop-color='%23E1003B'/%3E%3Cstop offset='0.6879' stop-color='%23D30067'/%3E%3Cstop offset='0.7757' stop-color='%23C70088'/%3E%3Cstop offset='0.8589' stop-color='%23BF00A0'/%3E%3Cstop offset='0.9357' stop-color='%23BB00AF'/%3E%3Cstop offset='1' stop-color='%23B900B4'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")
}
.icon-instagram-line {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.85' y='0.85' width='19.3' height='19.3' rx='5.15' stroke='%23949494' stroke-width='1.7'/%3E%3Ccircle cx='15.584' cy='5.08395' r='1.21579' fill='%23949494'/%3E%3Ccircle cx='10.5001' cy='10.5001' r='4.12368' stroke='%23949494' stroke-width='1.7'/%3E%3C/svg%3E%0A")
}
.icon-facebook {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2208_33233' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2208_33233)'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%231877F2'/%3E%3Cpath d='M30 15C30 6.71572 23.2843 0 15 0C6.71572 0 0 6.71572 0 15C0 22.4869 5.48531 28.6925 12.6562 29.8178V19.3359H8.84766V15H12.6562V11.6953C12.6562 7.93594 14.8956 5.85938 18.322 5.85938C19.9631 5.85938 21.6797 6.15234 21.6797 6.15234V9.84375H19.7882C17.9249 9.84375 17.3438 11 17.3438 12.1862V15H21.5039L20.8389 19.3359H17.3438V29.8178C24.5147 28.6925 30 22.4869 30 15Z' fill='%231877F2'/%3E%3Cpath d='M20.8389 19.3359L21.5039 15H17.3438V12.1862C17.3438 11 17.9248 9.84375 19.7882 9.84375H21.6797V6.15234C21.6797 6.15234 19.9631 5.85938 18.322 5.85938C14.8956 5.85938 12.6562 7.93594 12.6562 11.6953V15H8.84766V19.3359H12.6562V29.8178C13.4199 29.9376 14.2027 30 15 30C15.7973 30 16.58 29.9376 17.3438 29.8178V19.3359H20.8389Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A")
}
.icon-facebook-line {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.37733 3.639V5.904H0V8.7H2.37733V15H5.19082V8.7H7.58823L7.87518 5.9055H5.19082V3.639C5.19082 3.2385 5.49354 3.039 5.62123 2.916C5.84648 2.715 6.934 2.6835 6.934 2.6835H8V0.15C7.44498 0.0633089 6.88529 0.01321 6.32425 0C2.29555 0 2.37733 3.639 2.37733 3.639Z' fill='%239AA3B1'/%3E%3C/svg%3E%0A")
}
.icon-youtube {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2208_33213' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2208_33213)'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%23EA3213'/%3E%3Cpath d='M35.775 4.6939C35.2842 2.84633 33.8385 1.39112 32.0027 0.897207C28.6754 3.53828e-07 15.3333 0 15.3333 0C15.3333 0 1.99111 3.53828e-07 -1.33634 0.8973C-3.17203 1.39121 -4.61778 2.84634 -5.10845 4.69399C-6 8.04286 -6 15.0303 -6 15.0303C-6 15.0303 -6 22.0178 -5.10845 25.3666C-4.61778 27.2142 -3.17203 28.6088 -1.33634 29.1028C1.99111 30 15.3333 30 15.3333 30C15.3333 30 28.6754 30 32.0027 29.1027C33.8385 28.6087 35.2842 27.2141 35.775 25.3665C36.6665 22.0177 36.6665 15.0302 36.6665 15.0302C36.6665 15.0302 36.6665 8.04286 35.775 4.6939Z' fill='%23FF0000'/%3E%3Cpath d='M10.9695 21.3746V8.68652L22.1209 15.0307L10.9695 21.3746Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A")
}
.icon-youtube-line {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8366 3.58855C16.8366 3.58855 16.6818 2.41037 16.2002 1.89438C15.5896 1.215 14.9102 1.2107 14.5963 1.172C12.3561 1 8.99785 1 8.99785 1H8.98925C8.98925 1 5.63101 1 3.39076 1.172C3.07686 1.2107 2.39747 1.215 1.78689 1.89438C1.30959 2.41467 1.1505 3.58855 1.1505 3.58855C1.1505 3.58855 1 4.96883 1 6.3491V7.64338C1 9.02365 1.1591 10.4039 1.1591 10.4039C1.1591 10.4039 1.31389 11.5821 1.79549 12.0981C2.40607 12.7775 3.20156 12.756 3.55845 12.8291C4.83983 12.9581 8.99785 13.0011 8.99785 13.0011C8.99785 13.0011 12.3604 12.9968 14.6006 12.8248C14.9145 12.7861 15.5939 12.7818 16.2045 12.1024C16.6818 11.5864 16.8409 10.4082 16.8409 10.4082C16.8409 10.4082 17 9.02795 17 7.64768V6.3534C16.9957 4.96883 16.8366 3.58855 16.8366 3.58855Z' stroke='%239AA3B1' stroke-miterlimit='10'/%3E%3Cpath d='M7.5 4.30078V9.70233L12 7.00156L7.5 4.30078Z' fill='%239AA3B1'/%3E%3C/svg%3E%0A")
}
.icon-tiktok {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2208_33220' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2208_33220)'%3E%3Cpath d='M23 12.9714C21.5255 12.9749 20.0872 12.5189 18.8882 11.6679V17.6034C18.8878 18.7028 18.5489 19.7758 17.917 20.679C17.285 21.5822 16.39 22.2726 15.3517 22.6578C14.3133 23.0429 13.1812 23.1046 12.1065 22.8345C11.0319 22.5644 10.066 21.9754 9.33809 21.1463C8.61015 20.3172 8.15481 19.2874 8.03298 18.1948C7.91115 17.1021 8.12862 15.9986 8.65632 15.0318C9.18402 14.065 9.99679 13.281 10.986 12.7846C11.9751 12.2882 13.0935 12.1031 14.1916 12.2541V15.2394C13.6891 15.0827 13.1496 15.0874 12.6499 15.2529C12.1503 15.4184 11.7162 15.7363 11.4096 16.161C11.103 16.5858 10.9395 17.0957 10.9426 17.6181C10.9457 18.1405 11.1152 18.6485 11.4268 19.0696C11.7385 19.4908 12.1763 19.8035 12.6779 19.9632C13.1795 20.1228 13.7191 20.1212 14.2197 19.9586C14.7203 19.796 15.1563 19.4807 15.4654 19.0578C15.7745 18.6348 15.9409 18.1258 15.9409 17.6034V6H18.8882C18.8862 6.24681 18.907 6.49328 18.9505 6.7363C19.0529 7.2788 19.2659 7.79489 19.5763 8.25298C19.8868 8.71108 20.2882 9.10155 20.756 9.40053C21.4217 9.83696 22.202 10.0696 23 10.0694V12.9714Z' fill='white'/%3E%3Cpath d='M15 0C6.71572 0 0 6.71572 0 15C0 23.2843 6.71572 30 15 30C23.2843 30 30 23.2843 30 15C30 6.71572 23.2843 0 15 0ZM22.5949 13.6161C21.0021 13.6161 19.4523 13.0992 18.259 12.2245L18.2495 18.1718C18.2485 19.2738 17.9115 20.3493 17.2833 21.2548C16.6552 22.1602 15.7659 22.8526 14.734 23.2395C13.7022 23.6264 12.5769 23.6894 11.5083 23.4201C10.4397 23.1508 9.47864 22.562 8.75337 21.7324C8.02809 20.9027 7.5731 19.8715 7.4491 18.7765C7.32509 17.6815 7.53799 16.5747 8.05936 15.6039C8.58073 14.633 9.38579 13.8442 10.3671 13.3428C11.3484 12.8414 12.4593 12.6512 13.5516 12.7975V15.7181C13.0363 15.5659 12.4863 15.5798 11.9794 15.7578C11.4724 15.9358 11.0345 16.2688 10.7275 16.7097C10.4205 17.1506 10.2602 17.677 10.2691 18.2142C10.2781 18.7513 10.456 19.272 10.7776 19.7024C11.0992 20.1328 11.5481 20.451 12.0607 20.6119C12.5732 20.7728 13.1235 20.7683 13.6333 20.5989C14.1432 20.4295 14.5867 20.1039 14.9011 19.6683C15.2155 19.2326 15.3847 18.709 15.3848 18.1718V6.40623H18.3892C18.3892 6.9585 18.498 7.50537 18.7094 8.0156C18.9207 8.52583 19.2305 8.98944 19.621 9.37995C20.0115 9.77047 20.4751 10.0802 20.9854 10.2916C21.4956 10.5029 22.0425 10.6117 22.5947 10.6117L22.5949 13.6161Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A")
}
.icon-tiktok-line {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3811 3.20796C11.2799 3.15564 11.1813 3.09828 11.0858 3.0361C10.8081 2.8525 10.5535 2.63617 10.3275 2.39176C9.76188 1.7446 9.55065 1.08807 9.47285 0.628406H9.47597C9.41098 0.246863 9.43785 0 9.44191 0H6.86592V9.96138C6.86592 10.0951 6.86592 10.2273 6.86029 10.3579C6.86029 10.3742 6.85873 10.3892 6.85779 10.4067C6.85779 10.4139 6.85779 10.4214 6.85623 10.4289V10.4345C6.82908 10.7919 6.71451 11.1372 6.52261 11.4399C6.33071 11.7426 6.06736 11.9936 5.75572 12.1706C5.43092 12.3554 5.06356 12.4524 4.68988 12.4519C3.48969 12.4519 2.51697 11.4732 2.51697 10.2645C2.51697 9.0558 3.48969 8.0771 4.68988 8.0771C4.91708 8.07689 5.14287 8.11264 5.35888 8.18303L5.36201 5.56003C4.70625 5.47532 4.04005 5.52744 3.40544 5.7131C2.77083 5.89876 2.18158 6.21393 1.67487 6.63873C1.23087 7.02452 0.8576 7.48484 0.571853 7.99898C0.463114 8.18647 0.0528422 8.93987 0.00315965 10.1626C-0.0280873 10.8566 0.18033 11.5757 0.279695 11.8728V11.8791C0.342189 12.0541 0.584352 12.6512 0.979001 13.1547C1.29723 13.5585 1.67321 13.9132 2.09483 14.2074V14.2012L2.10108 14.2074C3.34814 15.0549 4.73082 14.9993 4.73082 14.9993C4.97017 14.9896 5.77196 14.9993 6.6825 14.5677C7.6924 14.0893 8.26734 13.3765 8.26734 13.3765C8.63465 12.9506 8.92671 12.4653 9.13101 11.9413C9.36411 11.3285 9.44191 10.5935 9.44191 10.2998V5.01506C9.47316 5.03381 9.88937 5.30911 9.88937 5.30911C9.88937 5.30911 10.489 5.69347 11.4245 5.94377C12.0957 6.12188 13 6.15938 13 6.15938V3.60201C12.6832 3.63638 12.0398 3.53639 11.3811 3.20796Z' fill='%239AA3B1'/%3E%3C/svg%3E%0A")
}
.icon-naverblog {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2208_33225' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2208_33225)'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%232CB24A'/%3E%3Cpath d='M10.4915 13.5752C10.3825 13.5751 10.2759 13.6079 10.1851 13.6696C10.0944 13.7312 10.0237 13.8188 9.98191 13.9214C9.94012 14.024 9.92914 14.1368 9.95036 14.2457C9.97158 14.3547 10.024 14.4547 10.1011 14.5333C10.1782 14.6118 10.2764 14.6653 10.3834 14.687C10.4903 14.7087 10.6012 14.6976 10.702 14.6552C10.8027 14.6127 10.8888 14.5407 10.9494 14.4484C11.01 14.3561 11.0424 14.2476 11.0424 14.1365C11.0424 14.0628 11.0282 13.9898 11.0006 13.9217C10.9729 13.8536 10.9324 13.7918 10.8812 13.7396C10.83 13.6875 10.7693 13.6461 10.7024 13.6179C10.6356 13.5897 10.5639 13.5752 10.4915 13.5752Z' fill='%23fff'/%3E%3Cpath d='M15.9347 13.5176C15.8173 13.5176 15.7026 13.553 15.6051 13.6194C15.5075 13.6858 15.4315 13.7801 15.3866 13.8905C15.3417 14.0008 15.3299 14.1223 15.3528 14.2395C15.3757 14.3566 15.4322 14.4643 15.5152 14.5487C15.5982 14.6332 15.7039 14.6908 15.8189 14.7141C15.934 14.7374 16.0533 14.7254 16.1617 14.6797C16.2701 14.634 16.3627 14.5565 16.4279 14.4572C16.4931 14.3579 16.5279 14.2411 16.5279 14.1216C16.5279 13.9614 16.4654 13.8078 16.3542 13.6945C16.2429 13.5812 16.092 13.5176 15.9347 13.5176Z' fill='%23fff'/%3E%3Cpath d='M20.8596 8H9.14039C8.8591 7.99994 8.58057 8.05635 8.32071 8.16599C8.06086 8.27564 7.82478 8.43637 7.62599 8.639C7.42719 8.84162 7.26958 9.08217 7.16217 9.34687C7.05476 9.61157 6.99965 9.89524 7 10.1817V17.2611C6.99994 17.5473 7.05527 17.8307 7.16281 18.0952C7.27035 18.3596 7.42801 18.5999 7.62678 18.8023C7.82554 19.0047 8.06152 19.1652 8.32123 19.2747C8.58094 19.3842 8.85929 19.4405 9.14039 19.4405H13.2797L14.6875 22.818C14.6875 22.818 14.7844 23.1107 15.0192 23.1107C15.2535 23.1107 15.3504 22.818 15.3504 22.818L16.7583 19.4405H20.8596C21.1407 19.4405 21.4191 19.3842 21.6788 19.2747C21.9385 19.1652 22.1745 19.0047 22.3732 18.8023C22.572 18.5999 22.7296 18.3596 22.8372 18.0952C22.9447 17.8307 23.0001 17.5473 23 17.2611V10.1794C23.0001 9.89316 22.9447 9.60974 22.8372 9.3453C22.7296 9.08085 22.572 8.84058 22.3732 8.63819C22.1745 8.43581 21.9385 8.27528 21.6788 8.16577C21.4191 8.05627 21.1407 7.99994 20.8596 8ZM12.0267 14.2604C12.02 15.5549 10.7054 15.5921 10.7054 15.5921C10.5566 15.5928 10.4093 15.5627 10.2723 15.5037C10.1354 15.4446 10.0116 15.3578 9.90861 15.2485V15.4822H8.95246V11.462C8.94844 11.462 8.948 11.462 8.95246 11.4597V11.462C9.01183 11.4716 9.90994 11.4597 9.90994 11.4597V12.9973C10.1331 12.6065 10.7862 12.6128 10.7862 12.6128C12.2039 12.7474 12.0267 14.2604 12.0267 14.2604ZM13.7122 12.7365V15.489H12.7748V12.7619C12.7748 12.3915 12.3231 12.2883 12.3231 12.2883V11.3293C13.8202 11.3911 13.7122 12.7365 13.7122 12.7365ZM15.9347 15.5935C15.0674 15.5935 14.3639 14.9345 14.3639 14.1213C14.3639 13.3082 15.0674 12.6487 15.9347 12.6487C16.802 12.6487 17.5055 13.3082 17.5055 14.1213C17.5055 14.9345 16.8011 15.5935 15.9347 15.5935ZM21.0681 15.5935C21.0681 15.5935 21.081 16.9934 19.6843 16.9934H19.2598V16.0844H19.516C19.516 16.0844 20.1021 16.1394 20.0963 15.2208C20.0963 15.2208 19.982 15.5931 19.1589 15.5931C19.1589 15.5931 17.9925 15.5076 17.9925 14.3491V13.9095C17.9925 13.9095 18.0198 12.7083 19.3004 12.6124C19.3004 12.6124 19.8062 12.5574 20.1164 12.9828V12.6878H21.0681V15.5935Z' fill='%23fff'/%3E%3Cpath d='M19.5771 13.5312C19.4623 13.5312 19.3502 13.5659 19.2547 13.6308C19.1593 13.6958 19.0849 13.788 19.041 13.896C18.9971 14.004 18.9856 14.1228 19.008 14.2374C19.0304 14.352 19.0856 14.4573 19.1668 14.5399C19.2479 14.6226 19.3513 14.6788 19.4639 14.7016C19.5765 14.7244 19.6932 14.7127 19.7992 14.668C19.9052 14.6233 19.9959 14.5475 20.0596 14.4504C20.1234 14.3532 20.1574 14.239 20.1574 14.1221C20.1574 13.9654 20.0963 13.8151 19.9874 13.7043C19.8786 13.5935 19.731 13.5313 19.5771 13.5312Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A")
}
/* class 맞추기위해 icon-naver 추가했습니다 => icon-naver = icon-naverBlog 같은이미지 */
.icon-naver {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2208_33225' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2208_33225)'%3E%3Cpath d='M30 15C30 23.2843 23.2843 30 15 30C6.71573 30 0 23.2843 0 15C0 6.71573 6.71573 0 15 0C23.2843 0 30 6.71573 30 15Z' fill='%232CB24A'/%3E%3Cpath d='M10.4915 13.5752C10.3825 13.5751 10.2759 13.6079 10.1851 13.6696C10.0944 13.7312 10.0237 13.8188 9.98191 13.9214C9.94012 14.024 9.92914 14.1368 9.95036 14.2457C9.97158 14.3547 10.024 14.4547 10.1011 14.5333C10.1782 14.6118 10.2764 14.6653 10.3834 14.687C10.4903 14.7087 10.6012 14.6976 10.702 14.6552C10.8027 14.6127 10.8888 14.5407 10.9494 14.4484C11.01 14.3561 11.0424 14.2476 11.0424 14.1365C11.0424 14.0628 11.0282 13.9898 11.0006 13.9217C10.9729 13.8536 10.9324 13.7918 10.8812 13.7396C10.83 13.6875 10.7693 13.6461 10.7024 13.6179C10.6356 13.5897 10.5639 13.5752 10.4915 13.5752Z' fill='%23fff'/%3E%3Cpath d='M15.9347 13.5176C15.8173 13.5176 15.7026 13.553 15.6051 13.6194C15.5075 13.6858 15.4315 13.7801 15.3866 13.8905C15.3417 14.0008 15.3299 14.1223 15.3528 14.2395C15.3757 14.3566 15.4322 14.4643 15.5152 14.5487C15.5982 14.6332 15.7039 14.6908 15.8189 14.7141C15.934 14.7374 16.0533 14.7254 16.1617 14.6797C16.2701 14.634 16.3627 14.5565 16.4279 14.4572C16.4931 14.3579 16.5279 14.2411 16.5279 14.1216C16.5279 13.9614 16.4654 13.8078 16.3542 13.6945C16.2429 13.5812 16.092 13.5176 15.9347 13.5176Z' fill='%23fff'/%3E%3Cpath d='M20.8596 8H9.14039C8.8591 7.99994 8.58057 8.05635 8.32071 8.16599C8.06086 8.27564 7.82478 8.43637 7.62599 8.639C7.42719 8.84162 7.26958 9.08217 7.16217 9.34687C7.05476 9.61157 6.99965 9.89524 7 10.1817V17.2611C6.99994 17.5473 7.05527 17.8307 7.16281 18.0952C7.27035 18.3596 7.42801 18.5999 7.62678 18.8023C7.82554 19.0047 8.06152 19.1652 8.32123 19.2747C8.58094 19.3842 8.85929 19.4405 9.14039 19.4405H13.2797L14.6875 22.818C14.6875 22.818 14.7844 23.1107 15.0192 23.1107C15.2535 23.1107 15.3504 22.818 15.3504 22.818L16.7583 19.4405H20.8596C21.1407 19.4405 21.4191 19.3842 21.6788 19.2747C21.9385 19.1652 22.1745 19.0047 22.3732 18.8023C22.572 18.5999 22.7296 18.3596 22.8372 18.0952C22.9447 17.8307 23.0001 17.5473 23 17.2611V10.1794C23.0001 9.89316 22.9447 9.60974 22.8372 9.3453C22.7296 9.08085 22.572 8.84058 22.3732 8.63819C22.1745 8.43581 21.9385 8.27528 21.6788 8.16577C21.4191 8.05627 21.1407 7.99994 20.8596 8ZM12.0267 14.2604C12.02 15.5549 10.7054 15.5921 10.7054 15.5921C10.5566 15.5928 10.4093 15.5627 10.2723 15.5037C10.1354 15.4446 10.0116 15.3578 9.90861 15.2485V15.4822H8.95246V11.462C8.94844 11.462 8.948 11.462 8.95246 11.4597V11.462C9.01183 11.4716 9.90994 11.4597 9.90994 11.4597V12.9973C10.1331 12.6065 10.7862 12.6128 10.7862 12.6128C12.2039 12.7474 12.0267 14.2604 12.0267 14.2604ZM13.7122 12.7365V15.489H12.7748V12.7619C12.7748 12.3915 12.3231 12.2883 12.3231 12.2883V11.3293C13.8202 11.3911 13.7122 12.7365 13.7122 12.7365ZM15.9347 15.5935C15.0674 15.5935 14.3639 14.9345 14.3639 14.1213C14.3639 13.3082 15.0674 12.6487 15.9347 12.6487C16.802 12.6487 17.5055 13.3082 17.5055 14.1213C17.5055 14.9345 16.8011 15.5935 15.9347 15.5935ZM21.0681 15.5935C21.0681 15.5935 21.081 16.9934 19.6843 16.9934H19.2598V16.0844H19.516C19.516 16.0844 20.1021 16.1394 20.0963 15.2208C20.0963 15.2208 19.982 15.5931 19.1589 15.5931C19.1589 15.5931 17.9925 15.5076 17.9925 14.3491V13.9095C17.9925 13.9095 18.0198 12.7083 19.3004 12.6124C19.3004 12.6124 19.8062 12.5574 20.1164 12.9828V12.6878H21.0681V15.5935Z' fill='%23fff'/%3E%3Cpath d='M19.5771 13.5312C19.4623 13.5312 19.3502 13.5659 19.2547 13.6308C19.1593 13.6958 19.0849 13.788 19.041 13.896C18.9971 14.004 18.9856 14.1228 19.008 14.2374C19.0304 14.352 19.0856 14.4573 19.1668 14.5399C19.2479 14.6226 19.3513 14.6788 19.4639 14.7016C19.5765 14.7244 19.6932 14.7127 19.7992 14.668C19.9052 14.6233 19.9959 14.5475 20.0596 14.4504C20.1234 14.3532 20.1574 14.239 20.1574 14.1221C20.1574 13.9654 20.0963 13.8151 19.9874 13.7043C19.8786 13.5935 19.731 13.5313 19.5771 13.5312Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A")
}
.icon-naverblog-line {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7189 1.00002H3.27387C2.6708 1.00002 2.09243 1.24223 1.666 1.67337C1.23957 2.10451 1 2.68927 1 3.29899V10.7689C1 11.0707 1.05883 11.3696 1.17311 11.6485C1.2874 11.9273 1.45491 12.1807 1.66607 12.394C1.87724 12.6074 2.12792 12.7767 2.40379 12.8921C2.67966 13.0075 2.97532 13.0668 3.27387 13.0666H7.67514L9.17104 15.6917C9.17104 15.6917 9.2731 16 9.52281 16C9.77253 16 9.87458 15.6917 9.87458 15.6917L11.3705 13.0666H15.7189C16.0181 13.0679 16.3146 13.0094 16.5914 12.8945C16.8682 12.7796 17.1198 12.6105 17.3317 12.397C17.5437 12.1835 17.7118 11.9297 17.8265 11.6503C17.9412 11.3709 18.0002 11.0714 18 10.7689V3.29899C18.0002 2.99643 17.9412 2.69681 17.8265 2.41734C17.7119 2.13786 17.5437 1.88404 17.3318 1.67043C17.1199 1.45683 16.8683 1.28764 16.5915 1.17259C16.3147 1.05754 16.0182 0.998897 15.7189 1.00002Z' stroke='%239AA3B1' stroke-miterlimit='10'/%3E%3Cpath d='M5.44655 5.92528C5.15917 5.94643 4.88931 6.07145 4.68736 6.27699V4.86133H3.79688V8.58109H4.69892V8.28993C4.69892 8.28993 4.91185 8.67429 5.44723 8.67429C5.44723 8.67429 6.70575 8.62803 6.70575 7.28584C6.70506 7.28584 6.65881 5.92528 5.44655 5.92528ZM5.24995 7.88857C5.17458 7.88866 5.09994 7.87389 5.03028 7.84511C4.96063 7.81633 4.89733 7.7741 4.844 7.72084C4.79068 7.66758 4.74837 7.60433 4.71951 7.53471C4.69065 7.46509 4.6758 7.39046 4.6758 7.31509C4.6758 7.16282 4.73629 7.01678 4.84396 6.9091C4.95164 6.80143 5.09767 6.74094 5.24995 6.74094C5.32532 6.74094 5.39994 6.75579 5.46956 6.78466C5.53919 6.81352 5.60244 6.85582 5.6557 6.90914C5.70896 6.96247 5.75119 7.02577 5.77997 7.09542C5.80875 7.16508 5.82351 7.23973 5.82342 7.31509C5.82351 7.39043 5.80874 7.46504 5.77995 7.53466C5.75116 7.60427 5.70893 7.66753 5.65566 7.7208C5.60239 7.77407 5.53913 7.81631 5.46951 7.8451C5.3999 7.87388 5.32528 7.88866 5.24995 7.88857Z' fill='%239AA3B1'/%3E%3Cpath d='M6.99414 4.77734V5.63858C6.99414 5.63858 7.40231 5.61953 7.40231 6.37872V8.58078H8.25946V6.17532C8.25946 6.17532 8.29687 4.77734 6.99414 4.77734Z' fill='%239AA3B1'/%3E%3Cpath d='M10.3644 5.9375C10.3644 5.9375 8.88884 5.9375 8.88884 7.31574C8.88884 7.31574 8.84122 8.6763 10.3644 8.6763C10.3644 8.6763 11.8732 8.6763 11.8732 7.31574C11.8732 7.31574 11.9229 5.9375 10.3644 5.9375ZM10.3644 7.88922C10.289 7.88931 10.2143 7.87454 10.1447 7.84576C10.075 7.81698 10.0117 7.77475 9.95841 7.72149C9.90509 7.66823 9.86279 7.60498 9.83392 7.53536C9.80506 7.46574 9.79021 7.39111 9.79021 7.31574C9.79021 7.16347 9.8507 7.01743 9.95837 6.90976C10.066 6.80208 10.2121 6.74159 10.3644 6.74159C10.4397 6.74159 10.5144 6.75645 10.584 6.78531C10.6536 6.81417 10.7168 6.85647 10.7701 6.9098C10.8234 6.96312 10.8656 7.02642 10.8944 7.09608C10.9232 7.16573 10.9379 7.24038 10.9378 7.31574C10.9379 7.39108 10.9232 7.46569 10.8944 7.53531C10.8656 7.60493 10.8233 7.66818 10.7701 7.72145C10.7168 7.77472 10.6535 7.81696 10.5839 7.84575C10.5143 7.87454 10.4397 7.88931 10.3644 7.88922Z' fill='%239AA3B1'/%3E%3Cpath d='M14.3378 6.02823V6.2779C14.2452 6.17027 14.1303 6.08409 14.0011 6.02535C13.8719 5.96661 13.7314 5.93672 13.5895 5.93776C13.5895 5.93776 12.3262 5.8847 12.3262 7.30648C12.3262 7.30648 12.3126 8.63098 13.5548 8.63098C13.5548 8.63098 14.0616 8.65139 14.3391 8.29084V8.499C14.3391 8.499 14.4017 9.15139 13.7697 9.15139H13.5548V9.94255H13.9017C13.9017 9.94255 15.2065 9.95616 15.2065 8.5473V6.03027L14.3378 6.02823ZM13.8037 7.88947C13.7284 7.88956 13.6538 7.87479 13.5842 7.846C13.5146 7.81722 13.4513 7.77498 13.398 7.72171C13.3448 7.66844 13.3025 7.60518 13.2737 7.53556C13.245 7.46595 13.2302 7.39133 13.2303 7.316C13.2302 7.24063 13.2449 7.16599 13.2737 7.09633C13.3025 7.02668 13.3447 6.96338 13.398 6.91005C13.4513 6.85673 13.5145 6.81443 13.5841 6.78556C13.6537 6.7567 13.7284 6.74185 13.8037 6.74185C13.956 6.74185 14.1021 6.80234 14.2097 6.91001C14.3174 7.01769 14.3779 7.16372 14.3779 7.316C14.3779 7.39137 14.363 7.46599 14.3342 7.53562C14.3053 7.60524 14.263 7.66849 14.2097 7.72175C14.1564 7.77501 14.0931 7.81724 14.0234 7.84602C13.9538 7.8748 13.8791 7.88956 13.8037 7.88947Z' fill='%239AA3B1'/%3E%3C/svg%3E%0A")
}
.icon-send {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.4754 16.1241L8.58944 7.106C7.69014 6.70519 6.69093 7.5068 7.09061 8.40861L9.58865 16.1241L17.5263 17.0259L9.58865 17.9277L7.09061 25.6431C6.79085 26.5449 7.69014 27.3465 8.58944 26.8455L26.4754 17.8275C27.1749 17.5269 27.1749 16.5249 26.4754 16.1241Z' fill='%23ccc'/%3E%3C/svg%3E%0A")
}
.icon-import {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3262 3.49158C9.46049 2.00172 7.84723 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6' stroke='%234D4D4D' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.875 3.5H10.375V1' stroke='%234D4D4D' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.icon-import-gray{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 5.5C11 5.22386 10.7761 5 10.5 5C10.2239 5 10 5.22386 10 5.5C10 7.98528 7.98528 10 5.5 10C3.01472 10 1 7.98528 1 5.5C1 3.01472 3.01472 1 5.5 1C6.83233 1 8.02984 1.57884 8.85424 2.5H7.375C7.09886 2.5 6.875 2.72386 6.875 3C6.875 3.27614 7.09886 3.5 7.375 3.5H9.875C10.1511 3.5 10.375 3.27614 10.375 3V0.5C10.375 0.223858 10.1511 0 9.875 0C9.59886 0 9.375 0.223858 9.375 0.5V1.59697C8.38117 0.61028 7.01202 0 5.5 0C2.46243 0 0 2.46243 0 5.5C0 8.53757 2.46243 11 5.5 11C8.53757 11 11 8.53757 11 5.5Z' fill='%23949494'/%3E%3C/svg%3E%0A");
}
.icon-import-white{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 5.5C11 5.22386 10.7761 5 10.5 5C10.2239 5 10 5.22386 10 5.5C10 7.98528 7.98528 10 5.5 10C3.01472 10 1 7.98528 1 5.5C1 3.01472 3.01472 1 5.5 1C6.83233 1 8.02984 1.57884 8.85424 2.5H7.375C7.09886 2.5 6.875 2.72386 6.875 3C6.875 3.27614 7.09886 3.5 7.375 3.5H9.875C10.1511 3.5 10.375 3.27614 10.375 3V0.5C10.375 0.223858 10.1511 0 9.875 0C9.59886 0 9.375 0.223858 9.375 0.5V1.59697C8.38117 0.61028 7.01202 0 5.5 0C2.46243 0 0 2.46243 0 5.5C0 8.53757 2.46243 11 5.5 11C8.53757 11 11 8.53757 11 5.5Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.icon-alert {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2301_41369' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='13' height='13'%3E%3Crect width='13' height='13' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2301_41369)'%3E%3Cpath d='M5.20096 2.25C5.77831 1.25 7.22169 1.25 7.79904 2.25L12.2374 9.9375C12.8148 10.9375 12.0931 12.1875 10.9384 12.1875H2.06162C0.90692 12.1875 0.185231 10.9375 0.762581 9.9375L5.20096 2.25Z' fill='%23FF7373'/%3E%3C/g%3E%3Cpath d='M5.92554 4.84085C5.91983 4.72661 6.01091 4.63086 6.12529 4.63086H6.89521C7.00959 4.63086 7.10067 4.72661 7.09496 4.84085L6.91655 8.40887C6.91122 8.51531 6.82337 8.59888 6.7168 8.59888H6.30369C6.19712 8.59888 6.10926 8.51531 6.10394 8.40887L5.92554 4.84085Z' fill='white'/%3E%3Ccircle cx='6.49489' cy='9.78981' r='0.52907' fill='white'/%3E%3C/svg%3E%0A")
}
.icon-alert-check {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='6' fill='%236AA5FB'/%3E%3Cpath d='M3.69336 5.95374L5.11096 7.4722C5.31815 7.69413 5.6737 7.68169 5.86488 7.44582L8.30874 4.43066' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.icon-solid-right {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9076 6.3208C12.411 6.63382 12.411 7.36655 11.9076 7.67957L4.47267 12.3023C3.93976 12.6337 3.25025 12.2504 3.25025 11.6229L3.25025 2.37744C3.25025 1.74993 3.93976 1.36672 4.47267 1.69806L11.9076 6.3208Z' fill='url(%23paint0_linear_2312_29188)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2312_29188' x1='13' y1='7' x2='7.01954e-07' y2='7' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233182F6'/%3E%3Cstop offset='1' stop-color='%239FC4F9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A")
}
.icon-share {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 6.93785C4.75 8.04242 3.85457 8.93785 2.75 8.93785C1.64543 8.93785 0.75 8.04242 0.75 6.93785C0.75 5.83328 1.64543 4.93785 2.75 4.93785C3.85457 4.93785 4.75 5.83328 4.75 6.93785Z' fill='%23333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 7.93785C3.30228 7.93785 3.75 7.49014 3.75 6.93785C3.75 6.38557 3.30228 5.93785 2.75 5.93785C2.19772 5.93785 1.75 6.38557 1.75 6.93785C1.75 7.49014 2.19772 7.93785 2.75 7.93785ZM2.75 8.93785C3.85457 8.93785 4.75 8.04242 4.75 6.93785C4.75 5.83328 3.85457 4.93785 2.75 4.93785C1.64543 4.93785 0.75 5.83328 0.75 6.93785C0.75 8.04242 1.64543 8.93785 2.75 8.93785Z' fill='%23333'/%3E%3Cpath d='M14.0004 2C14.0004 3.10457 13.1049 4 12.0004 4C10.8958 4 10.0004 3.10457 10.0004 2C10.0004 0.89543 10.8958 0 12.0004 0C13.1049 0 14.0004 0.89543 14.0004 2Z' fill='%23333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0004 3C12.5527 3 13.0004 2.55228 13.0004 2C13.0004 1.44772 12.5527 1 12.0004 1C11.4481 1 11.0004 1.44772 11.0004 2C11.0004 2.55228 11.4481 3 12.0004 3ZM12.0004 4C13.1049 4 14.0004 3.10457 14.0004 2C14.0004 0.89543 13.1049 0 12.0004 0C10.8958 0 10.0004 0.89543 10.0004 2C10.0004 3.10457 10.8958 4 12.0004 4Z' fill='%23333'/%3E%3Cpath d='M14.0002 12C14.0002 13.1046 13.1048 14 12.0002 14C10.8957 14 10.0002 13.1046 10.0002 12C10.0002 10.8954 10.8957 10 12.0002 10C13.1048 10 14.0002 10.8954 14.0002 12Z' fill='%23333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 13C12.5525 13 13.0002 12.5523 13.0002 12C13.0002 11.4477 12.5525 11 12.0002 11C11.448 11 11.0002 11.4477 11.0002 12C11.0002 12.5523 11.448 13 12.0002 13ZM12.0002 14C13.1048 14 14.0002 13.1046 14.0002 12C14.0002 10.8954 13.1048 10 12.0002 10C10.8957 10 10.0002 10.8954 10.0002 12C10.0002 13.1046 10.8957 14 12.0002 14Z' fill='%23333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5436 1.97725L3.59935 6.44939L3.15214 5.55496L12.0964 1.08283L12.5436 1.97725Z' fill='%23333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.32658 6.93676L11.2502 11.45L10.7989 12.3424L1.87526 7.82912L2.32658 6.93676Z' fill='%23333'/%3E%3C/svg%3E%0A")
}
.icon-home {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.016 3.43286L4.39852 9.16804C4.14758 9.35697 4 9.65282 4 9.96693V21C4 21.5523 4.44771 22 5 22H10.3701C10.9224 22 11.3701 21.5523 11.3701 21V17.1113C11.3701 16.5591 11.8178 16.1113 12.3701 16.1113H14.039C14.5912 16.1113 15.039 16.5591 15.039 17.1113V21C15.039 21.5523 15.4867 22 16.039 22H21C21.5523 22 22 21.5523 22 21V9.99415C22 9.66483 21.8379 9.35663 21.5665 9.17008L13.184 3.40768C12.8297 3.16415 12.3594 3.17428 12.016 3.43286Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}
.icon-home.active {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.016 3.43286L4.39852 9.16804C4.14758 9.35697 4 9.65282 4 9.96693V21C4 21.5523 4.44771 22 5 22H10.3701C10.9224 22 11.3701 21.5523 11.3701 21V17.1113C11.3701 16.5591 11.8178 16.1113 12.3701 16.1113H14.039C14.5912 16.1113 15.039 16.5591 15.039 17.1113V21C15.039 21.5523 15.4867 22 16.039 22H21C21.5523 22 22 21.5523 22 21V9.99415C22 9.66483 21.8379 9.35663 21.5665 9.17008L13.184 3.40768C12.8297 3.16415 12.3594 3.17428 12.016 3.43286Z' fill='%23333D4B'/%3E%3C/svg%3E%0A");
}
.icon-sell {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4C21.5523 4 22 4.44772 22 5V18C22 20.2091 20.2091 22 18 22H4C3.44772 22 3 21.5523 3 21V8C3 5.79086 4.79086 4 7 4H21ZM12.4834 9.49121C12.324 9.48319 12.1697 9.52651 12.0381 9.62598C11.8781 9.73767 11.796 9.91094 11.75 10.0635L10.3984 14.8916L9.04785 10.0703L9.04688 10.0645C8.99254 9.88202 8.88315 9.66555 8.6543 9.56543C8.47053 9.47367 8.27484 9.48146 8.10352 9.53125C7.93427 9.57777 7.80642 9.69527 7.71484 9.80371C7.51602 10.0393 7.55751 10.3521 7.62109 10.5781L8.12793 12.3125H6.84473C6.47024 12.3128 6.1671 12.6148 6.16699 12.9873C6.16699 13.3599 6.47018 13.6619 6.84473 13.6621H8.52246L9.16895 15.8721C9.19299 15.9664 9.22131 16.0606 9.25293 16.1543L9.25684 16.167L9.2627 16.1797C9.31309 16.299 9.37968 16.4092 9.46289 16.5078C9.56899 16.6335 9.70159 16.7271 9.85254 16.791C10.0174 16.8608 10.2076 16.8857 10.4033 16.8857C10.5968 16.8857 10.7875 16.8556 10.9551 16.7734C11.0916 16.7141 11.2163 16.6301 11.3154 16.5156C11.4095 16.4146 11.4813 16.2982 11.5273 16.168C11.568 16.0702 11.6013 15.9712 11.627 15.8711L12.4834 12.8545L13.3398 15.8711C13.364 15.9658 13.3921 16.0602 13.4238 16.1543L13.4336 16.1797C13.484 16.2991 13.5505 16.4092 13.6338 16.5078L13.6475 16.5234C13.7504 16.6318 13.8752 16.7138 14.0127 16.7734C14.1802 16.8555 14.3702 16.8857 14.5635 16.8857C14.7528 16.8857 14.9373 16.8607 15.0996 16.793C15.2515 16.7324 15.3888 16.6404 15.4932 16.5088C15.584 16.4095 15.6542 16.2952 15.6992 16.168C15.7397 16.0707 15.7723 15.9717 15.7979 15.8721L16.4443 13.6621H18.1543C18.5291 13.6621 18.833 13.3601 18.833 12.9873C18.8329 12.6146 18.529 12.3125 18.1543 12.3125H16.8398L17.3457 10.582L17.3467 10.5781C17.4103 10.3521 17.4517 10.0393 17.2529 9.80371C17.1613 9.69523 17.0336 9.57779 16.8643 9.53125C16.6849 9.47909 16.4882 9.47568 16.3027 9.56445C16.0758 9.66691 15.9729 9.88985 15.9209 10.0645L14.5693 14.8916L13.2197 10.0703L13.2178 10.0635C13.1718 9.91094 13.0897 9.73767 12.9297 9.62598C12.798 9.52634 12.643 9.48311 12.4834 9.49121Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}
.icon-sell.active {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4C21.5523 4 22 4.44772 22 5V18C22 20.2091 20.2091 22 18 22H4C3.44772 22 3 21.5523 3 21V8C3 5.79086 4.79086 4 7 4H21ZM12.4834 9.49121C12.324 9.48319 12.1697 9.52651 12.0381 9.62598C11.8781 9.73767 11.796 9.91094 11.75 10.0635L10.3984 14.8916L9.04785 10.0703L9.04688 10.0645C8.99254 9.88202 8.88315 9.66555 8.6543 9.56543C8.47053 9.47367 8.27484 9.48146 8.10352 9.53125C7.93427 9.57777 7.80642 9.69527 7.71484 9.80371C7.51602 10.0393 7.55751 10.3521 7.62109 10.5781L8.12793 12.3125H6.84473C6.47024 12.3128 6.1671 12.6148 6.16699 12.9873C6.16699 13.3599 6.47018 13.6619 6.84473 13.6621H8.52246L9.16895 15.8721C9.19299 15.9664 9.22131 16.0606 9.25293 16.1543L9.25684 16.167L9.2627 16.1797C9.31309 16.299 9.37968 16.4092 9.46289 16.5078C9.56899 16.6335 9.70159 16.7271 9.85254 16.791C10.0174 16.8608 10.2076 16.8857 10.4033 16.8857C10.5968 16.8857 10.7875 16.8556 10.9551 16.7734C11.0916 16.7141 11.2163 16.6301 11.3154 16.5156C11.4095 16.4146 11.4813 16.2982 11.5273 16.168C11.568 16.0702 11.6013 15.9712 11.627 15.8711L12.4834 12.8545L13.3398 15.8711C13.364 15.9658 13.3921 16.0602 13.4238 16.1543L13.4336 16.1797C13.484 16.2991 13.5505 16.4092 13.6338 16.5078L13.6475 16.5234C13.7504 16.6318 13.8752 16.7138 14.0127 16.7734C14.1802 16.8555 14.3702 16.8857 14.5635 16.8857C14.7528 16.8857 14.9373 16.8607 15.0996 16.793C15.2515 16.7324 15.3888 16.6404 15.4932 16.5088C15.584 16.4095 15.6542 16.2952 15.6992 16.168C15.7397 16.0707 15.7723 15.9717 15.7979 15.8721L16.4443 13.6621H18.1543C18.5291 13.6621 18.833 13.3601 18.833 12.9873C18.8329 12.6146 18.529 12.3125 18.1543 12.3125H16.8398L17.3457 10.582L17.3467 10.5781C17.4103 10.3521 17.4517 10.0393 17.2529 9.80371C17.1613 9.69523 17.0336 9.57779 16.8643 9.53125C16.6849 9.47909 16.4882 9.47568 16.3027 9.56445C16.0758 9.66691 15.9729 9.88985 15.9209 10.0645L14.5693 14.8916L13.2197 10.0703L13.2178 10.0635C13.1718 9.91094 13.0897 9.73767 12.9297 9.62598C12.798 9.52634 12.643 9.48311 12.4834 9.49121Z' fill='%23333D4B'/%3E%3C/svg%3E%0A");
}
.icon-suggest {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7.95911V19.2873H20.2019C21.1946 19.2873 22 18.446 22 17.408V9.27845C22 8.24088 21.1951 7.39909 20.2019 7.39909H15.477V3.10415C15.477 2.21835 14.7897 1.5 13.9422 1.5H13.5913C13.1295 1.5 12.6934 1.71702 12.4021 2.09138L7 7.95911Z' fill='%23D9D9D9'/%3E%3Cpath d='M1.49969 7.39844H5.56445V19.2872H1.49969V7.39844Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A")
}
.icon-suggest.active {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7.95911V19.2873H20.2019C21.1946 19.2873 22 18.446 22 17.408V9.27845C22 8.24088 21.1951 7.39909 20.2019 7.39909H15.477V3.10415C15.477 2.21835 14.7897 1.5 13.9422 1.5H13.5913C13.1295 1.5 12.6934 1.71702 12.4021 2.09138L7 7.95911Z' fill='%23333D4B'/%3E%3Cpath d='M1.49969 7.39844H5.56445V19.2872H1.49969V7.39844Z' fill='%23333D4B'/%3E%3C/svg%3E%0A")
}
.icon-profit {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21V11.5104C3 11.2421 3.10786 10.985 3.29933 10.797L8.52841 5.66178C8.89384 5.30291 9.47133 5.27816 9.86613 5.60443L12.9482 8.15158C13.3117 8.45201 13.8357 8.45763 14.2056 8.16507L20.3796 3.28164C21.0353 2.76306 22 3.23002 22 4.06596V21C22 21.5523 21.5523 22 21 22H4C3.44772 22 3 21.5523 3 21Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}
.icon-profit.active {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 21V11.5104C3 11.2421 3.10786 10.985 3.29933 10.797L8.52841 5.66178C8.89384 5.30291 9.47133 5.27816 9.86613 5.60443L12.9482 8.15158C13.3117 8.45201 13.8357 8.45763 14.2056 8.16507L20.3796 3.28164C21.0353 2.76306 22 3.23002 22 4.06596V21C22 21.5523 21.5523 22 21 22H4C3.44772 22 3 21.5523 3 21Z' fill='%23333D4B'/%3E%3C/svg%3E%0A");
}
.icon-pick {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.12076 0.322266C11.6042 0.448064 13.5797 2.50192 13.5797 5.0166L13.5729 5.25781C13.4858 6.97977 12.4709 8.45584 11.0192 9.2002V11.0557C11.0511 9.90044 11.9959 8.97363 13.1588 8.97363C14.3418 8.97384 15.3004 9.93323 15.3004 11.1162V11.502C15.6437 10.777 16.3797 10.2746 17.235 10.2744C18.4181 10.2744 19.3776 11.2339 19.3776 12.417V12.7314C19.7212 12.0071 20.4572 11.5049 21.3122 11.5049C22.4952 11.505 23.4538 12.4644 23.4538 13.6475V15.5215L23.4567 15.5225V18.6836C23.4565 21.9971 20.7703 24.6836 17.4567 24.6836H12.9831C11.228 24.6836 9.64271 23.9588 8.50748 22.7939L8.45572 22.8262L2.38541 17.8643C1.40097 17.0595 1.25889 15.6426 2.06412 14.6562C2.89144 13.6432 4.40786 13.4617 5.45084 14.251L6.73306 15.2207V13.2314H6.73697V9.19922C5.28592 8.45481 4.2723 6.97914 4.18521 5.25781L4.17935 5.0166C4.17935 2.42086 6.28381 0.316406 8.87955 0.316406L9.12076 0.322266ZM8.87955 1.81641C7.11224 1.81641 5.67935 3.24929 5.67935 5.0166C5.67941 5.95873 6.08893 6.80301 6.73697 7.38867V5.22461C6.73697 4.04203 7.69599 3.08301 8.87857 3.08301C10.061 3.08317 11.0192 4.04213 11.0192 5.22461V7.39062C11.6686 6.80489 12.0797 5.95979 12.0797 5.0166C12.0797 3.24946 10.6466 1.81668 8.87955 1.81641Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}
.icon-pick.active {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.12076 0.322266C11.6042 0.448064 13.5797 2.50192 13.5797 5.0166L13.5729 5.25781C13.4858 6.97977 12.4709 8.45584 11.0192 9.2002V11.0557C11.0511 9.90044 11.9959 8.97363 13.1588 8.97363C14.3418 8.97384 15.3004 9.93323 15.3004 11.1162V11.502C15.6437 10.777 16.3797 10.2746 17.235 10.2744C18.4181 10.2744 19.3776 11.2339 19.3776 12.417V12.7314C19.7212 12.0071 20.4572 11.5049 21.3122 11.5049C22.4952 11.505 23.4538 12.4644 23.4538 13.6475V15.5215L23.4567 15.5225V18.6836C23.4565 21.9971 20.7703 24.6836 17.4567 24.6836H12.9831C11.228 24.6836 9.64271 23.9588 8.50748 22.7939L8.45572 22.8262L2.38541 17.8643C1.40097 17.0595 1.25889 15.6426 2.06412 14.6562C2.89144 13.6432 4.40786 13.4617 5.45084 14.251L6.73306 15.2207V13.2314H6.73697V9.19922C5.28592 8.45481 4.2723 6.97914 4.18521 5.25781L4.17935 5.0166C4.17935 2.42086 6.28381 0.316406 8.87955 0.316406L9.12076 0.322266ZM8.87955 1.81641C7.11224 1.81641 5.67935 3.24929 5.67935 5.0166C5.67941 5.95873 6.08893 6.80301 6.73697 7.38867V5.22461C6.73697 4.04203 7.69599 3.08301 8.87857 3.08301C10.061 3.08317 11.0192 4.04213 11.0192 5.22461V7.39062C11.6686 6.80489 12.0797 5.95979 12.0797 5.0166C12.0797 3.24946 10.6466 1.81668 8.87955 1.81641Z' fill='%23333D4B'/%3E%3C/svg%3E%0A");
}
.icon-price {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2234 20.5519C11.2234 20.5519 11.2234 20.5519 11.2234 20.5519V20.5519C11.2234 20.5519 11.2234 20.5519 11.2234 20.5519V20.5519C11.2234 20.5519 11.2234 20.5519 11.2234 20.5519L20.9911 11.077C21.4724 10.6102 21.5854 9.88068 21.2679 9.29012L17.7737 2.7898C17.5123 2.3034 17.0047 2 16.4525 2H11.2234H11.2233H5.99422C5.44201 2 4.93445 2.3034 4.673 2.7898L1.17883 9.29012C0.861383 9.88068 0.974395 10.6102 1.45565 11.077L11.2233 20.5519C11.2233 20.5519 11.2233 20.5519 11.2233 20.5519V20.5519C11.2233 20.5519 11.2234 20.5519 11.2234 20.5519V20.5519Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A")
}
.icon-price.active {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2234 20.5519C11.2234 20.5519 11.2234 20.5519 11.2234 20.5519V20.5519C11.2234 20.5519 11.2234 20.5519 11.2234 20.5519V20.5519C11.2234 20.5519 11.2234 20.5519 11.2234 20.5519L20.9911 11.077C21.4724 10.6102 21.5854 9.88068 21.2679 9.29012L17.7737 2.7898C17.5123 2.3034 17.0047 2 16.4525 2H11.2234H11.2233H5.99422C5.44201 2 4.93445 2.3034 4.673 2.7898L1.17883 9.29012C0.861383 9.88068 0.974395 10.6102 1.45565 11.077L11.2233 20.5519C11.2233 20.5519 11.2233 20.5519 11.2233 20.5519V20.5519C11.2233 20.5519 11.2234 20.5519 11.2234 20.5519V20.5519Z' fill='%23333D4B'/%3E%3C/svg%3E%0A")
}
.icon-suggest-list {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.75C12 6.00196 12.1141 6.24359 12.3173 6.42175C12.5205 6.59991 12.796 6.7 13.0833 6.7H18.5C18.5008 6.57497 18.4735 6.45103 18.4196 6.33529C18.3657 6.21954 18.2862 6.11427 18.1858 6.0255L12.7692 1.27552C12.6679 1.18747 12.5479 1.11781 12.4159 1.07053C12.2839 1.02326 12.1426 0.999293 12 1.00002V5.75Z' fill='%23D9D9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5858 7.0435C11.9609 7.39982 12.4696 7.6 13 7.6H19V18.1C19 18.6039 18.7893 19.0872 18.4142 19.4435C18.0391 19.7998 17.5304 20 17 20H5C4.46957 20 3.96086 19.7998 3.58579 19.4435C3.21071 19.0872 3 18.6039 3 18.1V2.9C3 2.39609 3.21071 1.91282 3.58579 1.5565C3.96086 1.20018 4.46957 1 5 1H11V5.7C11 6.20391 11.2107 6.68718 11.5858 7.0435ZM7 11C6.72386 11 6.5 11.2239 6.5 11.5C6.5 11.7761 6.72386 12 7 12H15C15.2761 12 15.5 11.7761 15.5 11.5C15.5 11.2239 15.2761 11 15 11H7ZM7 14.5C6.72386 14.5 6.5 14.7239 6.5 15C6.5 15.2761 6.72386 15.5 7 15.5H14.7403C15.0164 15.5 15.2403 15.2761 15.2403 15C15.2403 14.7239 15.0164 14.5 14.7403 14.5H7Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A")
}
.icon-suggest-list.active {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.75C12 6.00196 12.1141 6.24359 12.3173 6.42175C12.5205 6.59991 12.796 6.7 13.0833 6.7H18.5C18.5008 6.57497 18.4735 6.45103 18.4196 6.33529C18.3657 6.21954 18.2862 6.11427 18.1858 6.0255L12.7692 1.27552C12.6679 1.18747 12.5479 1.11781 12.4159 1.07053C12.2839 1.02326 12.1426 0.999293 12 1.00002V5.75Z' fill='%23333D4B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5858 7.0435C11.9609 7.39982 12.4696 7.6 13 7.6H19V18.1C19 18.6039 18.7893 19.0872 18.4142 19.4435C18.0391 19.7998 17.5304 20 17 20H5C4.46957 20 3.96086 19.7998 3.58579 19.4435C3.21071 19.0872 3 18.6039 3 18.1V2.9C3 2.39609 3.21071 1.91282 3.58579 1.5565C3.96086 1.20018 4.46957 1 5 1H11V5.7C11 6.20391 11.2107 6.68718 11.5858 7.0435ZM7 11C6.72386 11 6.5 11.2239 6.5 11.5C6.5 11.7761 6.72386 12 7 12H15C15.2761 12 15.5 11.7761 15.5 11.5C15.5 11.2239 15.2761 11 15 11H7ZM7 14.5C6.72386 14.5 6.5 14.7239 6.5 15C6.5 15.2761 6.72386 15.5 7 15.5H14.7403C15.0164 15.5 15.2403 15.2761 15.2403 15C15.2403 14.7239 15.0164 14.5 14.7403 14.5H7Z' fill='%23333D4B'/%3E%3C/svg%3E%0A")
}
.icon-chat {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4C21.5523 4 22 4.44772 22 5V17.3447C21.9998 17.8968 21.5521 18.3447 21 18.3447H11.5596L7.41113 22.373C7.09409 22.6809 6.5625 22.4556 6.5625 22.0137V18.3447H4C3.44786 18.3447 3.00024 17.8968 3 17.3447V5C3 4.44772 3.44772 4 4 4H21Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}
.icon-chat.active {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4C21.5523 4 22 4.44772 22 5V17.3447C21.9998 17.8968 21.5521 18.3447 21 18.3447H11.5596L7.41113 22.373C7.09409 22.6809 6.5625 22.4556 6.5625 22.0137V18.3447H4C3.44786 18.3447 3.00024 17.8968 3 17.3447V5C3 4.44772 3.44772 4 4 4H21Z' fill='%23333D4B'/%3E%3C/svg%3E%0A");
}
.icon-link-chat{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4912 2.23053C14.7163 2.52105 16.4694 3.88129 16.7298 5.73236C16.8804 6.80426 16.5037 7.85556 15.7608 8.72445L15.7598 11.9937L13.6626 10.2491C13.0883 10.5026 12.4543 10.6861 11.7798 10.7809C10.5999 10.9466 9.467 10.8153 8.49989 10.4588C8.57375 10.4511 8.64799 10.4439 8.72217 10.4335C12.0138 9.97092 14.3833 7.4718 14.0155 4.85251C13.8693 3.8131 13.3137 2.91157 12.4912 2.23053Z' fill='%233182F6'/%3E%3Cpath d='M7.4259 0.726318C4.17039 0.726318 1.53147 2.80027 1.53137 5.35815C1.53137 6.34515 1.92519 7.25902 2.59485 8.0105V10.8318L4.70618 9.46558C5.52002 9.79879 6.44469 9.98999 7.4259 9.98999C10.6812 9.98975 13.3204 7.91596 13.3204 5.35815C13.3203 2.80042 10.6812 0.726561 7.4259 0.726318Z' fill='%233182F6'/%3E%3Cellipse cx='0.55954' cy='0.559519' rx='0.55954' ry='0.559519' transform='matrix(-1 0 0 1 10.2853 4.85327)' fill='white'/%3E%3Cellipse cx='0.55954' cy='0.559519' rx='0.55954' ry='0.559519' transform='matrix(-1 0 0 1 7.98145 4.85327)' fill='white'/%3E%3Cellipse cx='0.55954' cy='0.559519' rx='0.55954' ry='0.559519' transform='matrix(-1 0 0 1 5.68445 4.85327)' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-community{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7927_1070)'%3E%3Cpath d='M22.25 5.20227C22.5261 5.20227 22.75 5.42613 22.75 5.70227V20.8712C22.7497 21.1471 22.526 21.3712 22.25 21.3712H5.75C5.47401 21.3712 5.25025 21.1471 5.25 20.8712V5.70227C5.25 5.42613 5.47386 5.20227 5.75 5.20227H22.25ZM9.86816 14.6788C9.48156 14.6788 9.16797 14.9924 9.16797 15.379C9.16806 15.7655 9.48162 16.0792 9.86816 16.0792H13.6729C14.0592 16.079 14.372 15.7654 14.3721 15.379C14.3721 14.9926 14.0592 14.6791 13.6729 14.6788H9.86816ZM9.61816 9.92297C9.23165 9.92297 8.91811 10.2367 8.91797 10.6232C8.91797 11.0098 9.23156 11.3234 9.61816 11.3234H18.6279C19.0143 11.3231 19.3281 11.0096 19.3281 10.6232C19.328 10.2368 19.0143 9.92319 18.6279 9.92297H9.61816Z' fill='%23D9D9D9'/%3E%3Crect x='9.19706' y='3.30005' width='1.90217' height='4.75543' rx='0.951087' fill='%23D9D9D9'/%3E%3Crect x='16.9008' y='3.30005' width='1.90217' height='4.75543' rx='0.951087' fill='%23D9D9D9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7927_1070'%3E%3Crect width='22' height='22' fill='white' transform='translate(3 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-community.active {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7927_1070)'%3E%3Cpath d='M22.25 5.20227C22.5261 5.20227 22.75 5.42613 22.75 5.70227V20.8712C22.7497 21.1471 22.526 21.3712 22.25 21.3712H5.75C5.47401 21.3712 5.25025 21.1471 5.25 20.8712V5.70227C5.25 5.42613 5.47386 5.20227 5.75 5.20227H22.25ZM9.86816 14.6788C9.48156 14.6788 9.16797 14.9924 9.16797 15.379C9.16806 15.7655 9.48162 16.0792 9.86816 16.0792H13.6729C14.0592 16.079 14.372 15.7654 14.3721 15.379C14.3721 14.9926 14.0592 14.6791 13.6729 14.6788H9.86816ZM9.61816 9.92297C9.23165 9.92297 8.91811 10.2367 8.91797 10.6232C8.91797 11.0098 9.23156 11.3234 9.61816 11.3234H18.6279C19.0143 11.3231 19.3281 11.0096 19.3281 10.6232C19.328 10.2368 19.0143 9.92319 18.6279 9.92297H9.61816Z' fill='%23333D4B'/%3E%3Crect x='9.19706' y='3.30005' width='1.90217' height='4.75543' rx='0.951087' fill='%23333D4B'/%3E%3Crect x='16.9008' y='3.30005' width='1.90217' height='4.75543' rx='0.951087' fill='%23333D4B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7927_1070'%3E%3Crect width='22' height='22' fill='white' transform='translate(3 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-search {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3451 8.52254C16.3451 12.2905 13.2905 15.3451 9.52254 15.3451C5.75456 15.3451 2.7 12.2905 2.7 8.52254C2.7 4.75456 5.75456 1.7 9.52254 1.7C13.2905 1.7 16.3451 4.75456 16.3451 8.52254ZM14.7498 15.2542C13.3065 16.3767 11.4926 17.0451 9.52254 17.0451C4.81567 17.0451 1 13.2294 1 8.52254C1 3.81567 4.81567 0 9.52254 0C14.2294 0 18.0451 3.81567 18.0451 8.52254C18.0451 10.647 17.2678 12.5899 15.9821 14.0823L19.5981 17.6983C19.93 18.0303 19.93 18.5685 19.5981 18.9004C19.2661 19.2324 18.728 19.2324 18.396 18.9004L14.7498 15.2542Z' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.icon-search.black{
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3451 8.52254C16.3451 12.2905 13.2905 15.3451 9.52254 15.3451C5.75456 15.3451 2.7 12.2905 2.7 8.52254C2.7 4.75456 5.75456 1.7 9.52254 1.7C13.2905 1.7 16.3451 4.75456 16.3451 8.52254ZM14.7498 15.2542C13.3065 16.3767 11.4926 17.0451 9.52254 17.0451C4.81567 17.0451 1 13.2294 1 8.52254C1 3.81567 4.81567 0 9.52254 0C14.2294 0 18.0451 3.81567 18.0451 8.52254C18.0451 10.647 17.2678 12.5899 15.9821 14.0823L19.5981 17.6983C19.93 18.0303 19.93 18.5685 19.5981 18.9004C19.2661 19.2324 18.728 19.2324 18.396 18.9004L14.7498 15.2542Z' fill='%23333333'/%3E%3C/svg%3E%0A")
}
.icon-hamburger {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.5C0 0.223858 0.223858 0 0.5 0H13.5C13.7761 0 14 0.223858 14 0.5C14 0.776142 13.7761 1 13.5 1H0.5C0.223858 1 0 0.776142 0 0.5Z' fill='%239AA3B1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.5C0 6.22386 0.223858 6 0.5 6H13.5C13.7761 6 14 6.22386 14 6.5C14 6.77614 13.7761 7 13.5 7H0.5C0.223858 7 0 6.77614 0 6.5Z' fill='%239AA3B1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12.5C0 12.2239 0.223858 12 0.5 12H13.5C13.7761 12 14 12.2239 14 12.5C14 12.7761 13.7761 13 13.5 13H0.5C0.223858 13 0 12.7761 0 12.5Z' fill='%239AA3B1'/%3E%3C/svg%3E%0A")
}
.icon-files {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.63672 18.3519C-0.545573 16.1557 -0.545573 12.5939 1.63672 10.3977L10.585 1.27919C12.2788 -0.426396 15.0358 -0.426396 16.7296 1.27919C18.4235 2.98477 18.4235 5.76033 16.7296 7.46529L7.78076 16.5838C6.56859 17.8044 4.60416 17.8044 3.39198 16.5838C2.18043 15.3632 2.18043 13.3845 3.39198 12.1652L10.1995 5.31034C10.4428 5.06598 10.8345 5.06598 11.0778 5.31034C11.3205 5.55471 11.3205 5.9497 11.0778 6.19407L4.26961 13.0495C3.54405 13.7808 3.54405 14.9695 4.26961 15.7007C4.9958 16.432 6.17694 16.432 6.90313 15.7007L15.8514 6.58219C17.0636 5.36159 17.0636 3.38414 15.8514 2.16354C14.6398 0.942947 12.6748 0.942947 11.4632 2.16354L2.60186 11.1927C0.904942 12.9014 0.904941 15.6726 2.60186 17.3788C4.29941 19.0888 7.04899 19.0888 8.74591 17.3801L15.4659 10.614C15.7092 10.3684 16.1009 10.3684 16.3436 10.614C16.5869 10.8583 16.5869 11.2533 16.3436 11.4977L9.53603 18.3519C7.35498 20.5494 3.81776 20.5494 1.63672 18.3519Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A")
}
.icon-file {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='21' height='27' viewBox='0 0 21 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 23.7727V2C0 0.895431 0.895428 0 2 0H10.8018C11.3244 0 11.8263 0.20456 12.1999 0.569901L20.3981 8.58494C20.783 8.96123 21 9.47677 21 10.015V23.7727C21 24.8773 20.1046 25.7727 19 25.7727H2C0.895431 25.7727 0 24.8773 0 23.7727Z' fill='%23B0C3F0'/%3E%3Cline x1='4.37451' y1='6.34399' x2='7.87451' y2='6.34399' stroke='white'/%3E%3Cline x1='4.37451' y1='10.6199' x2='15.7495' y2='10.6199' stroke='white'/%3E%3Cline x1='4.37451' y1='14.8987' x2='15.7495' y2='14.8987' stroke='white'/%3E%3C/svg%3E%0A")
}
.icon-zip {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='21' height='27' viewBox='0 0 21 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.94737 15.4304V14.3542H8.8421V13.3289H9.94737V12.3036H8.8421V11.2783H9.94737V10.253H8.8421V9.2277H9.94737V8.2024H8.8421V7.1771H9.94737V6.1518H8.8421V5.1265H9.94737V4.1012H8.8421V3.0759H9.94737V2.0506H8.8421V1.0253H9.94737V0H4.4279C1.98244 0 0 1.8378 0 4.09963V21.1004C0 23.3645 1.97563 25.2 4.4279 25.2H16.5721C19.0176 25.2 21 23.3622 21 21.1004V4.09963C21 1.83547 19.0244 0 16.5721 0H12.1579V1.0253H11.0526V2.0506H12.1579V3.0759H11.0526V4.1012H12.1579V5.1265H11.0526V6.1518H12.1579V7.1771H11.0526V8.2024H12.1579V9.2277H11.0526V10.253H12.1579V11.2783H11.0526V12.3036H12.1579V13.3289H11.0526V14.3542V15.4302C12.3205 15.6666 13.2632 16.7017 13.2632 17.9427C13.2632 19.3683 12.026 20.506 10.5 20.506C8.96331 20.506 7.73684 19.3584 7.73684 17.9427C7.73684 16.694 8.68613 15.6661 9.94737 15.4304ZM10.5 16.4048C9.58437 16.4048 8.8421 17.0874 8.8421 17.9427C8.8421 18.7921 9.57799 19.4807 10.5 19.4807C11.4156 19.4807 12.1579 18.798 12.1579 17.9427C12.1579 17.0934 11.422 16.4048 10.5 16.4048Z' fill='%23ABAEB5'/%3E%3C/svg%3E%0A")
}
.icon-download {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='21' height='27' viewBox='0 0 21 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 22V25H21V22H0Z' fill='%236FCCB6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2782 2H6.72266V10.499L2 10.499L10.5 18.9991L19 10.499L14.2782 10.499V2Z' fill='%236FCCB6'/%3E%3C/svg%3E%0A")
}
.icon-notice {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.59961 7.94531L6.59961 9L5.45974 9L5.45974 7.94531L6.59961 7.94531ZM6.59961 3.05318L6.59961 7.36118L5.45974 7.36118L5.45974 3.05318L6.59961 3.05318Z' fill='%23949494'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 11.0769C8.80391 11.0769 11.0769 8.80391 11.0769 6C11.0769 3.19609 8.80391 0.923077 6 0.923077C3.19609 0.923077 0.923077 3.19609 0.923077 6C0.923077 8.80391 3.19609 11.0769 6 11.0769ZM6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.icon-link{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4208_11242)'%3E%3Cpath d='M6.25142 10.8067C6.40243 10.9577 6.60726 11.0425 6.82082 11.0425C7.03439 11.0425 7.23922 10.9577 7.39023 10.8067L10.8067 7.39023C10.9577 7.23921 11.0425 7.03439 11.0425 6.82082C11.0425 6.60725 10.9577 6.40243 10.8067 6.25142C10.6557 6.1004 10.4508 6.01556 10.2373 6.01556C10.0237 6.01556 9.81888 6.1004 9.66786 6.25142L6.25142 9.66786C6.1004 9.81887 6.01556 10.0237 6.01556 10.2373C6.01556 10.4508 6.1004 10.6557 6.25142 10.8067ZM9.09845 11.3761L7.39023 13.0843C6.93718 13.5374 6.32272 13.7919 5.68201 13.7919C5.0413 13.7919 4.42684 13.5373 3.97379 13.0843C3.52074 12.6313 3.26622 12.0168 3.26622 11.3761C3.26622 10.7354 3.52074 10.1209 3.97379 9.66786L5.68201 7.95964C5.83303 7.80862 5.91787 7.6038 5.91787 7.39023C5.91787 7.17666 5.83303 6.97184 5.68201 6.82082C5.53099 6.66981 5.32617 6.58497 5.1126 6.58497C4.89903 6.58497 4.69421 6.66981 4.5432 6.82082L2.83498 8.52905C2.07989 9.28413 1.65569 10.3082 1.65569 11.3761C1.65569 12.4439 2.07989 13.468 2.83498 14.2231C3.59006 14.9782 4.61417 15.4024 5.68201 15.4024C6.74986 15.4024 7.77396 14.9782 8.52905 14.2231L10.2373 12.5149C10.3883 12.3639 10.4731 12.1591 10.4731 11.9455C10.4731 11.7319 10.3883 11.5271 10.2373 11.3761C10.0863 11.2251 9.88143 11.1402 9.66786 11.1402C9.45429 11.1402 9.24947 11.2251 9.09845 11.3761ZM8.52905 2.83497L6.82082 4.5432C6.66981 4.69421 6.58497 4.89903 6.58497 5.1126C6.58497 5.32617 6.66981 5.53099 6.82082 5.68201C6.97184 5.83303 7.17666 5.91787 7.39023 5.91787C7.6038 5.91787 7.80862 5.83303 7.95964 5.68201L9.66786 3.97379C10.1209 3.52074 10.7354 3.26622 11.3761 3.26622C12.0168 3.26622 12.6313 3.52074 13.0843 3.97379C13.5374 4.42684 13.7919 5.0413 13.7919 5.68201C13.7919 6.32272 13.5374 6.93718 13.0843 7.39023L11.3761 9.09845C11.2251 9.24947 11.1402 9.45429 11.1402 9.66786C11.1402 9.88143 11.2251 10.0863 11.3761 10.2373C11.5271 10.3883 11.7319 10.4731 11.9455 10.4731C12.1591 10.4731 12.3639 10.3883 12.5149 10.2373L14.2231 8.52905C14.9782 7.77396 15.4024 6.74986 15.4024 5.68201C15.4024 4.61417 14.9782 3.59006 14.2231 2.83497C13.468 2.07989 12.4439 1.65569 11.3761 1.65569C10.3082 1.65569 9.28413 2.07989 8.52905 2.83497Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.52148 11.3761C1.52148 10.2726 1.95982 9.21439 2.74007 8.43414L4.4483 6.72592C4.62448 6.54974 4.86344 6.45076 5.1126 6.45076C5.36177 6.45076 5.60073 6.54974 5.77691 6.72592C5.9531 6.90211 6.05208 7.14107 6.05208 7.39023C6.05208 7.63939 5.9531 7.87835 5.77691 8.05454L4.06869 9.76276C3.64081 10.1906 3.40043 10.771 3.40043 11.3761C3.40043 11.9812 3.64081 12.5615 4.06869 12.9894C4.49657 13.4173 5.0769 13.6577 5.68201 13.6577C6.28712 13.6577 6.86745 13.4173 7.29533 12.9894L9.00355 11.2812C9.17974 11.105 9.4187 11.006 9.66786 11.006C9.91702 11.006 10.156 11.105 10.3322 11.2812C10.5084 11.4574 10.6073 11.6963 10.6073 11.9455C10.6073 12.1947 10.5084 12.4336 10.3322 12.6098L8.62395 14.318C7.8437 15.0983 6.78545 15.5366 5.68201 15.5366C4.57857 15.5366 3.52032 15.0983 2.74007 14.318C1.95982 13.5378 1.52148 12.4795 1.52148 11.3761ZM2.92988 8.62395C2.19997 9.35386 1.78991 10.3438 1.78991 11.3761C1.78991 12.4083 2.19997 13.3983 2.92988 14.1282C3.65979 14.8581 4.64976 15.2682 5.68201 15.2682C6.71426 15.2682 7.70423 14.8581 8.43414 14.1282L10.1424 12.42C10.2682 12.2941 10.3389 12.1235 10.3389 11.9455C10.3389 11.7675 10.2682 11.5968 10.1424 11.471C10.0165 11.3451 9.84583 11.2744 9.66786 11.2744C9.48989 11.2744 9.3192 11.3451 9.19335 11.471L7.48513 13.1792C7.00692 13.6574 6.35831 13.9261 5.68201 13.9261C5.00571 13.9261 4.35711 13.6574 3.87889 13.1792C3.40067 12.701 3.13201 12.0524 3.13201 11.3761C3.13201 10.6998 3.40067 10.0512 3.87889 9.57296L5.58711 7.86474C5.71296 7.73889 5.78366 7.5682 5.78366 7.39023C5.78366 7.21226 5.71296 7.04157 5.58711 6.91572C5.46126 6.78988 5.29058 6.71918 5.1126 6.71918C4.93463 6.71918 4.76394 6.78988 4.6381 6.91572L2.92988 8.62395ZM6.45076 5.1126C6.45076 4.86344 6.54974 4.62448 6.72592 4.44829L8.43414 2.74007C9.21439 1.95982 10.2726 1.52148 11.3761 1.52148C12.4795 1.52148 13.5378 1.95982 14.318 2.74007C15.0983 3.52032 15.5366 4.57857 15.5366 5.68201C15.5366 6.78545 15.0983 7.8437 14.318 8.62395L12.6098 10.3322C12.4336 10.5084 12.1947 10.6073 11.9455 10.6073C11.6963 10.6073 11.4574 10.5084 11.2812 10.3322C11.105 10.156 11.006 9.91702 11.006 9.66786C11.006 9.4187 11.105 9.17974 11.2812 9.00355L12.9894 7.29533C13.4173 6.86745 13.6577 6.28712 13.6577 5.68201C13.6577 5.0769 13.4173 4.49657 12.9894 4.06869C12.5615 3.64081 11.9812 3.40043 11.3761 3.40043C10.771 3.40043 10.1906 3.64081 9.76276 4.06869L8.05454 5.77691C7.87835 5.9531 7.6394 6.05208 7.39023 6.05208C7.14107 6.05208 6.90211 5.9531 6.72592 5.77691C6.54974 5.60073 6.45076 5.36177 6.45076 5.1126ZM6.91573 4.6381C6.78988 4.76394 6.71918 4.93463 6.71918 5.1126C6.71918 5.29058 6.78988 5.46126 6.91573 5.58711C7.04157 5.71296 7.21226 5.78366 7.39023 5.78366C7.56821 5.78366 7.73889 5.71296 7.86474 5.58711L9.57296 3.87889C10.0512 3.40067 10.6998 3.13201 11.3761 3.13201C12.0524 3.13201 12.701 3.40067 13.1792 3.87889C13.6574 4.3571 13.9261 5.00571 13.9261 5.68201C13.9261 6.35831 13.6574 7.00691 13.1792 7.48513L11.471 9.19335C11.3451 9.3192 11.2744 9.48989 11.2744 9.66786C11.2744 9.84583 11.3451 10.0165 11.471 10.1424C11.5968 10.2682 11.7675 10.3389 11.9455 10.3389C12.1235 10.3389 12.2941 10.2682 12.42 10.1424L14.1282 8.43414C14.8581 7.70423 15.2682 6.71426 15.2682 5.68201C15.2682 4.64976 14.8581 3.65979 14.1282 2.92988C13.3983 2.19996 12.4083 1.7899 11.3761 1.78991C10.3438 1.7899 9.35386 2.19996 8.62395 2.92988L6.91573 4.6381ZM5.88135 10.2373C5.88135 9.9881 5.98033 9.74914 6.15652 9.57296L9.57296 6.15652C9.74914 5.98033 9.9881 5.88135 10.2373 5.88135C10.4864 5.88135 10.7254 5.98033 10.9016 6.15652C11.0778 6.3327 11.1767 6.57166 11.1767 6.82082C11.1767 7.06999 11.0778 7.30895 10.9016 7.48513L7.48513 10.9016C7.30895 11.0778 7.06999 11.1767 6.82082 11.1767C6.57166 11.1767 6.3327 11.0778 6.15652 10.9016C5.98033 10.7254 5.88135 10.4864 5.88135 10.2373ZM6.34632 9.76276C6.22047 9.88861 6.14977 10.0593 6.14977 10.2373C6.14977 10.4152 6.22047 10.5859 6.34632 10.7118C6.47217 10.8376 6.64285 10.9083 6.82082 10.9083C6.9988 10.9083 7.16948 10.8376 7.29533 10.7118L10.7118 7.29533C10.8376 7.16948 10.9083 6.9988 10.9083 6.82082C10.9083 6.64285 10.8376 6.47216 10.7118 6.34632C10.5859 6.22047 10.4152 6.14977 10.2373 6.14977C10.0593 6.14977 9.88861 6.22047 9.76276 6.34632L6.34632 9.76276Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4208_11242'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-download-app{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00002 1.25436V7.38426L9.16263 5.29753C9.36135 5.10578 9.68353 5.10578 9.88225 5.29753C10.081 5.48927 10.081 5.80015 9.88225 5.9919L6.92921 8.84132C6.69075 9.07142 6.30413 9.07142 6.06567 8.84132L3.11263 5.9919C2.91391 5.80015 2.91391 5.48927 3.11263 5.29753C3.31135 5.10578 3.63353 5.10579 3.83225 5.29753L6.00002 7.38924V1.25436C6.00002 0.978223 6.22388 0.754364 6.50002 0.754364C6.77617 0.754364 7.00002 0.978223 7.00002 1.25436Z' fill='white'/%3E%3Cpath d='M1.14999 10.7896V8.28082H0.149994V11.7896H12.85V8.28082H11.85V10.7896H1.14999Z' fill='white'/%3E%3C/svg%3E%0A");
}
.icon-thumbs-up{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17711)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 6.03906C0.5 5.76292 0.723858 5.53906 1 5.53906H3.76924C4.04538 5.53906 4.26924 5.76292 4.26924 6.03906V13.4237C4.26924 13.6999 4.04538 13.9237 3.76924 13.9237H1C0.723858 13.9237 0.5 13.6999 0.5 13.4237V6.03906ZM1.5 6.53906V12.9237H3.26924V6.53906H1.5Z' fill='%23AAAAAA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.51955 0.362639C6.58088 0.147989 6.77707 0 7.00031 0C8.296 0 9.34647 1.05048 9.34647 2.34616V5.53848H11.1542C12.4499 5.53848 13.5003 6.58896 13.5003 7.88465C13.5003 7.91218 13.4981 7.93966 13.4935 7.96682L12.6992 12.7341C12.5847 13.42 11.9907 13.9231 11.2954 13.9231H3.76953C3.49339 13.9231 3.26953 13.6993 3.26953 13.4231V6.03848C3.26953 5.90588 3.32221 5.7787 3.41598 5.68493L5.63206 3.46884L6.51955 0.362639ZM7.36332 1.04952L6.55799 3.86814C6.53465 3.94985 6.49087 4.02425 6.43079 4.08434L4.26953 6.24559V12.9231H11.2954C11.5019 12.9231 11.6787 12.7735 11.7128 12.5697M11.7128 12.5697L12.4998 7.84646C12.4796 7.12071 11.8848 6.53848 11.1542 6.53848H8.84647C8.57033 6.53848 8.34647 6.31463 8.34647 6.03848V2.34616C8.34647 1.72853 7.93042 1.20798 7.36332 1.04952' fill='%23AAAAAA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17711'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-thumbs-down{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17704)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 7.96094C13.5 8.23708 13.2761 8.46094 13 8.46094L10.2308 8.46094C9.95462 8.46094 9.73076 8.23708 9.73076 7.96094L9.73076 0.576291C9.73076 0.300149 9.95462 0.0762917 10.2308 0.0762918L13 0.076292C13.2761 0.076292 13.5 0.300149 13.5 0.576292L13.5 7.96094ZM12.5 7.46094L12.5 1.07629L10.7308 1.07629L10.7308 7.46094L12.5 7.46094Z' fill='%23AAAAAA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.48045 13.6374C7.41912 13.852 7.22293 14 6.99969 14C5.704 14 4.65353 12.9495 4.65353 11.6538L4.65353 8.46151L2.84582 8.46151C1.55014 8.46151 0.499663 7.41104 0.499663 6.11535C0.499663 6.08782 0.501938 6.06034 0.506463 6.03318L1.30077 1.26593C1.41533 0.579998 2.0093 0.0768692 2.70459 0.0768693L10.2305 0.0768699C10.5066 0.0768699 10.7305 0.300727 10.7305 0.57687L10.7305 7.96152C10.7305 8.09412 10.6778 8.2213 10.584 8.31507L8.36794 10.5312L7.48045 13.6374ZM6.63668 12.9505L7.44201 10.1319C7.46535 10.0502 7.50913 9.97575 7.56921 9.91566L9.73047 7.75441L9.73047 1.07687L2.70459 1.07687C2.4981 1.07687 2.32131 1.22645 2.28718 1.43028M2.28718 1.43028L1.50019 6.15354C1.52041 6.87928 2.11519 7.46151 2.84582 7.46151L5.15353 7.46151C5.42967 7.46151 5.65353 7.68537 5.65353 7.96151L5.65353 11.6538C5.65353 12.2715 6.06958 12.792 6.63668 12.9505' fill='%23AAAAAA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17704'%3E%3Crect width='14' height='14' fill='white' transform='translate(14 14) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-reply{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4580_10362)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8898 10.0204L13.9336 9.98676C15.232 8.98994 15.9375 7.70572 15.9375 6.375C15.9375 5.024 15.2098 3.71989 13.8729 2.71719C12.5356 1.71425 10.6395 1.0625 8.5 1.0625C6.36045 1.0625 4.46435 1.71425 3.12709 2.71719C1.79016 3.71989 1.0625 5.024 1.0625 6.375C1.0625 7.67563 1.7358 8.93039 2.97787 9.9176C4.22163 10.9062 5.99365 11.5828 8.01784 11.6764L9.03125 11.7233V13.3469C9.49864 13.1291 10.0186 12.8525 10.5652 12.5239C11.6999 11.8419 12.8792 10.9781 13.8498 10.0583L13.8898 10.0204ZM9.03125 14.5088C8.64073 14.6724 8.28169 14.7968 7.96875 14.875V12.7378C3.5218 12.5321 0 9.762 0 6.375C0 2.85418 3.80558 0 8.5 0C13.1944 0 17 2.85418 17 6.375C17 8.10847 16.0775 9.68034 14.5806 10.8295C12.9052 12.4172 10.6856 13.8157 9.03125 14.5088Z' fill='%23AAAAAA'/%3E%3Cpath d='M5.97153 6.52031C5.97153 7.04498 5.5462 7.47031 5.02153 7.47031C4.49686 7.47031 4.07153 7.04498 4.07153 6.52031C4.07153 5.99564 4.49686 5.57031 5.02153 5.57031C5.5462 5.57031 5.97153 5.99564 5.97153 6.52031Z' fill='%23AAAAAA'/%3E%3Cpath d='M9.37153 6.52031C9.37153 7.04498 8.9462 7.47031 8.42153 7.47031C7.89686 7.47031 7.47153 7.04498 7.47153 6.52031C7.47153 5.99564 7.89686 5.57031 8.42153 5.57031C8.9462 5.57031 9.37153 5.99564 9.37153 6.52031Z' fill='%23AAAAAA'/%3E%3Cpath d='M12.7715 6.52031C12.7715 7.04498 12.3462 7.47031 11.8215 7.47031C11.2969 7.47031 10.8715 7.04498 10.8715 6.52031C10.8715 5.99564 11.2969 5.57031 11.8215 5.57031C12.3462 5.57031 12.7715 5.99564 12.7715 6.52031Z' fill='%23AAAAAA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4580_10362'%3E%3Crect width='17' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-profile{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4701_9966)'%3E%3Ccircle cx='7' cy='7' r='7' fill='url(%23paint0_linear_4701_9966)'/%3E%3Cmask id='mask0_4701_9966' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='1' y='1' width='12' height='12'%3E%3Ccircle cx='7' cy='7' r='6' fill='url(%23paint1_linear_4701_9966)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4701_9966)'%3E%3Cpath d='M7 8C8.38071 8 9.5 6.88071 9.5 5.5C9.5 4.11929 8.38071 3 7 3C5.61929 3 4.5 4.11929 4.5 5.5C4.5 6.88071 5.61929 8 7 8Z' fill='white'/%3E%3Cpath d='M12 12.375V13C12 13.1658 11.9342 13.3247 11.8169 13.4419C11.6997 13.5592 11.5408 13.625 11.375 13.625H2.625C2.45924 13.625 2.30027 13.5592 2.18306 13.4419C2.06585 13.3247 2 13.1658 2 13V12.375C2 11.3804 2.39509 10.4266 3.09835 9.72335C3.80161 9.02009 4.75544 8.625 5.75 8.625H8.25C9.24456 8.625 10.1984 9.02009 10.9017 9.72335C11.6049 10.4266 12 11.3804 12 12.375Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_4701_9966' x1='7' y1='0' x2='7' y2='17' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233182F6'/%3E%3Cstop offset='1' stop-color='%239FC4F9'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_4701_9966' x1='7' y1='1' x2='7' y2='13' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233182F6'/%3E%3Cstop offset='1' stop-color='%239FC4F9'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_4701_9966'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-speaker{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4876_11466)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.8139 2.95385H1.10769V7.2H3.8139L10.8923 8.77298V1.38087L3.8139 2.95385ZM3.69231 1.84615H0V8.30769H3.69231L12 10.1538V0L3.69231 1.84615Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.09844 7.39819L2.98288 11.7321L1.91016 11.456L3.02571 7.12207L4.09844 7.39819Z' fill='white'/%3E%3Cpath d='M2.76929 1.84619H3.87698V8.30773H2.76929V1.84619Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4876_11466'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-top{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3334 10.4373V26.6666H14.6667V10.4373L7.51473 17.5893L5.62939 15.704L16.0001 5.33331L26.3707 15.704L24.4854 17.5893L17.3334 10.4373Z' fill='%232E2E2E'/%3E%3C/svg%3E%0A");
}
.icon-exit{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.4108 14H15V28.0441H26.4108' stroke='%23333333' stroke-width='1.5'/%3E%3Cpath d='M19.8277 21.022H28.8247' stroke='%23333333' stroke-width='1.5'/%3E%3Cpath d='M24.6553 16.6333L29 20.9779L24.6553 25.3226' stroke='%23333333' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.icon-chat-exit{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7991_16193)'%3E%3Cpath d='M9 1H1V11H9' stroke='%23333333' stroke-width='1.72'/%3E%3Cpath d='M11.126 6.00049L7.77539 9.3501L6.78516 8.35986L8.25586 6.89014H3.40723V5.16943H8.31445L6.78516 3.64014L7.77539 2.6499L11.126 6.00049Z' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7991_16193'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-delivery{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.94529 0.601006C3.99455 0.256152 4.2899 0 4.63825 0H12.6857C13.1142 0 13.4421 0.381474 13.3778 0.805084L13.1286 2.44617H14.2792C14.4747 2.44617 14.6522 2.5601 14.7337 2.7378L15.9365 5.36146C15.9779 5.45177 15.9914 5.55237 15.9754 5.65041L15.5685 8.14216C15.529 8.38399 15.3201 8.56157 15.075 8.56157H13.99C13.896 7.68368 13.1528 7 12.25 7C11.3472 7 10.604 7.68368 10.51 8.56156H7.98997C7.89598 7.68368 7.15283 7 6.25 7C5.34717 7 4.60402 7.68368 4.51003 8.56156H3.61517C3.18919 8.56156 2.86197 8.18427 2.92221 7.76256L3.10258 6.5H1.5C1.22386 6.5 1 6.27614 1 6C1 5.72386 1.22386 5.5 1.5 5.5H3.24543H4.60746C4.8836 5.5 5.10746 5.27614 5.10746 5C5.10746 4.72386 4.8836 4.5 4.60746 4.5H3.38829H1H0.5C0.223858 4.5 0 4.27614 0 4C0 3.72386 0.223858 3.5 0.5 3.5H1H3.53115H5.10746C5.3836 3.5 5.60746 3.27614 5.60746 3C5.60746 2.72386 5.3836 2.5 5.10746 2.5H3.67401H2C1.72386 2.5 1.5 2.27614 1.5 2C1.5 1.72386 1.72386 1.5 2 1.5H3.81686L3.94529 0.601006ZM12.9686 3.5L12.6801 5.4H14.6131C14.7599 5.4 14.8567 5.24707 14.7938 5.11438L14.0291 3.5H12.9686Z' fill='url(%23paint0_linear_5720_207)'/%3E%3Cellipse cx='6.25' cy='8.75' rx='1.25' ry='1.25' fill='url(%23paint1_linear_5720_207)'/%3E%3Cellipse cx='12.25' cy='8.75' rx='1.25' ry='1.25' fill='url(%23paint2_linear_5720_207)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5720_207' x1='11.5623' y1='0' x2='11.5623' y2='8.56156' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6E44'/%3E%3Cstop offset='1' stop-color='%23FF3854'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_5720_207' x1='6.25' y1='7.5' x2='6.25' y2='10' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6E44'/%3E%3Cstop offset='1' stop-color='%23FF3854'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_5720_207' x1='12.25' y1='7.5' x2='12.25' y2='10' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF6E44'/%3E%3Cstop offset='1' stop-color='%23FF3854'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-date{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5919_1906)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 1.6C3 1.26863 3.26863 1 3.6 1C3.93137 1 4.2 1.26863 4.2 1.6V2H7.79999V1.6C7.79999 1.26863 8.06862 1 8.39999 1C8.73136 1 8.99999 1.26863 8.99999 1.6V2H10C10.5523 2 11 2.44772 11 3V10C11 10.5523 10.5523 11 10 11H2C1.44772 11 1 10.5523 1 10V3C1 2.44772 1.44772 2 2 2H3V1.6ZM7.79999 3.2V3.6C7.79999 3.93137 8.06862 4.2 8.39999 4.2C8.73136 4.2 8.99999 3.93137 8.99999 3.6V3.2H9.8V9.8H2.2V3.2H3V3.6C3 3.93137 3.26863 4.2 3.6 4.2C3.93137 4.2 4.2 3.93137 4.2 3.6V3.2H7.79999ZM8.39538 5.98243C8.60654 5.76407 8.6007 5.41588 8.38234 5.20472C8.16398 4.99357 7.81578 4.99941 7.60463 5.21777L5.81173 7.07184L4.97351 6.29633C4.75055 6.09005 4.40257 6.10357 4.19628 6.32654C3.99 6.5495 4.00352 6.89748 4.22649 7.10377L5.31601 8.11178C5.61532 8.3887 6.08104 8.37574 6.3645 8.08261L8.39538 5.98243Z' fill='%23213573'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5919_1906'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-grade-bronze{
    background-image: url(../../images/common/img_badge_bronze.png);
}
.icon-grade-silver{
    background-image: url(../../images/common/img_badge_silver.png);
}
.icon-grade-gold{
    background-image: url(../../images/common/img_badge_gold.png);
}
.icon-new{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='6' viewBox='0 0 20 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6293_708)'%3E%3Cpath d='M1.31353 1.82147V4.37675C1.31353 4.7869 1.38735 5.05077 1.53501 5.16835C1.6854 5.28593 1.87681 5.34471 2.10923 5.34471V5.79999H0.0215332V5.34471C0.199268 5.34471 0.35376 5.30233 0.48501 5.21757C0.61626 5.13007 0.699658 5.03026 0.735205 4.91815C0.770752 4.80331 0.788525 4.62421 0.788525 4.38085V1.54257C0.788525 0.976551 0.523291 0.693543 -0.00717774 0.693543V0.238269H1.87134L4.9188 3.64257V1.60409C4.9188 0.997058 4.66313 0.693543 4.15181 0.693543V0.238269H6.14927V0.693543C6.00981 0.693543 5.87856 0.731824 5.75552 0.808386C5.6352 0.884949 5.55317 0.983386 5.50942 1.1037C5.46567 1.22128 5.4438 1.39354 5.4438 1.6205V5.89022H4.9188L1.31353 1.82147ZM8.77427 3.14218V4.5162C8.77427 4.7787 8.78931 4.95096 8.81938 5.033C8.84946 5.11229 8.93013 5.17928 9.06138 5.23397C9.19263 5.28593 9.39224 5.3119 9.6602 5.3119C10.0239 5.3119 10.2905 5.26678 10.46 5.17655C10.6323 5.08632 10.7854 4.92772 10.9194 4.70077C11.0561 4.47382 11.1545 4.23182 11.2147 3.97479H11.6741L11.6372 5.79999H6.55122V5.34471H6.65376C6.92993 5.34471 7.10903 5.29413 7.19106 5.19296C7.27583 5.08905 7.31821 4.91268 7.31821 4.66386V1.3662C7.31821 1.1119 7.27446 0.935535 7.18696 0.837097C7.1022 0.735926 6.92446 0.68534 6.65376 0.68534H6.55122V0.238269H11.2885L11.3706 1.67792H10.9112C10.8291 1.42636 10.7375 1.22675 10.6364 1.07909C10.5352 0.928699 10.4327 0.832996 10.3288 0.79198C10.2276 0.74823 10.0553 0.726355 9.81196 0.726355H8.77427V2.64589H9.29106C9.53716 2.64589 9.69985 2.5994 9.77915 2.50643C9.86118 2.41346 9.90767 2.23026 9.9186 1.95682H10.3821V3.84354H9.9186C9.92134 3.808 9.9227 3.78202 9.9227 3.76561C9.9227 3.60702 9.88852 3.46346 9.82017 3.33495C9.75454 3.20643 9.58364 3.14218 9.30747 3.14218H8.77427ZM13.9668 5.91483L12.6133 1.50975C12.493 1.116 12.3877 0.882215 12.2975 0.808386C12.21 0.731824 12.0706 0.693543 11.8791 0.693543V0.238269H14.4139V0.693543C14.1104 0.693543 13.9586 0.786511 13.9586 0.972449C13.9586 1.07909 13.9805 1.20487 14.0243 1.34979L14.8036 3.83124L15.9766 0.238269H16.6124L18.0192 3.83124L18.6426 1.57538C18.6891 1.40038 18.7124 1.26639 18.7124 1.17343C18.7124 0.853504 18.5305 0.693543 18.1668 0.693543V0.238269H19.9469V0.693543C19.7801 0.693543 19.6352 0.752332 19.5122 0.86991C19.3891 0.984754 19.2456 1.33475 19.0815 1.91991L17.9659 5.91483H17.326L15.8741 2.18241L14.6272 5.91483H13.9668Z' fill='%23F03F45'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6293_708'%3E%3Crect width='20' height='6' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-lock{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M8.20983 6.58036V4.20982C8.20983 2.98937 7.22046 2 6.00001 2V2C4.77956 2 3.79019 2.98937 3.79019 4.20982V6.58036' stroke='%23B6B8BE' stroke-width='1.3'/%3E%3Crect x='1.5' y='5.2002' width='9' height='5.8' rx='0.838485' fill='%23B6B8BE'/%3E%3Cpath d='M5.99854 7.2002C6.21927 7.20041 6.39795 7.3798 6.39795 7.60059V8.7998C6.39795 9.02059 6.21927 9.19998 5.99854 9.2002C5.77762 9.2002 5.59814 9.02072 5.59814 8.7998V7.60059C5.59814 7.37967 5.77762 7.2002 5.99854 7.2002Z' fill='white'/%3E%3C/svg%3E");
}
.icon-kakaotalk{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10.8848C14 12.6055 12.6051 14 10.8851 14H3.11491C1.39487 14 0 12.6055 0 10.8848V3.11521C0 1.39452 1.39487 0 3.11491 0H10.8851C12.6051 0 14 1.39452 14 3.11521V10.8857V10.8848Z' fill='%23FAE100'/%3E%3Cpath d='M6.99991 2.65039C4.21874 2.65039 1.96432 4.43224 1.96432 6.63151C1.96432 8.06251 2.91896 9.31665 4.35281 10.0184C4.24726 10.4111 3.97152 11.4427 3.91638 11.6633C3.84792 11.9371 4.01621 11.9333 4.12746 11.8601C4.21398 11.8021 5.50711 10.9226 6.06525 10.5432C6.36856 10.5879 6.68043 10.6117 6.99991 10.6117C9.78109 10.6117 12.0355 8.82983 12.0355 6.63151C12.0355 4.43319 9.78109 2.65039 6.99991 2.65039Z' fill='%23371D1E'/%3E%3Cpath d='M9.03091 5.41309C9.15912 5.4132 9.28295 5.46283 9.2858 5.56445C9.2924 5.83036 9.2859 6.30943 9.2858 6.31738C9.2858 6.31738 10.0574 5.54583 10.1676 5.43652C10.2808 5.32337 10.6314 5.67686 10.5182 5.78906C10.3241 5.98231 9.83169 6.51465 9.83169 6.51465L10.5573 7.46973C10.6951 7.65133 10.2606 7.98139 10.1227 7.79883L9.43912 6.86719L9.28384 6.99219C9.28384 6.99219 9.28384 7.45383 9.28384 7.69629C9.28368 7.90439 8.75081 7.90534 8.75064 7.69629L8.7565 5.5791C8.75365 5.46976 8.89399 5.41309 9.03091 5.41309ZM5.93423 5.41113C6.08147 5.41113 6.23402 5.47621 6.27603 5.56641C6.36826 5.76227 6.87174 7.14704 7.01724 7.53125C7.11895 7.80027 6.62696 7.98656 6.52505 7.71777C6.39954 7.38593 6.43228 7.37012 6.43228 7.37012H5.48404L5.38052 7.73242C5.27023 7.98629 4.79366 7.77926 4.90396 7.52539C5.01811 7.26137 5.30618 6.44919 5.49673 5.94141L5.64322 5.56641C5.6936 5.45538 5.8127 5.41122 5.93423 5.41113ZM7.48111 5.41113C7.6207 5.41129 7.7613 5.48987 7.76138 5.64746C7.76233 5.97455 7.7604 7.31836 7.7604 7.31836C7.77049 7.31842 8.20828 7.32129 8.44888 7.32129C8.69195 7.32165 8.6929 7.83847 8.44986 7.83887C8.20659 7.83887 7.6582 7.84179 7.40982 7.8418C7.16165 7.8418 7.20279 7.55273 7.20279 7.55273L7.19986 5.64844C7.19897 5.49067 7.34137 5.41113 7.48111 5.41113ZM5.06021 5.41211C5.38254 5.41211 5.38254 5.91895 5.06021 5.91895C4.72898 5.91894 4.5554 5.91802 4.54556 5.91797L4.54361 7.65723C4.54456 7.89874 4.00552 7.89578 4.00552 7.65332C4.00837 7.32068 4.00552 5.89844 4.00552 5.89844H3.48404C3.18072 5.89844 3.17977 5.40137 3.48404 5.40137C3.49234 5.40144 4.69793 5.4121 5.06021 5.41211ZM5.65494 6.89355H6.25552L5.96744 5.99023L5.65494 6.89355Z' fill='%23FAE100'/%3E%3C/svg%3E%0A");
}
.icon-sample{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='12' fill='white'/%3E%3Cpath d='M10.9998 2.82218C10.9979 2.57282 10.9453 2.32647 10.8453 2.09819C10.7453 1.86991 10.6 1.6645 10.4181 1.49452C9.69749 0.812602 8.52899 0.838433 7.81348 1.55651L6.68617 2.68787C6.45037 2.47351 6.14151 2.35827 5.82345 2.36596C5.50539 2.37365 5.20242 2.50369 4.97718 2.7292L4.61685 3.09082C4.46407 3.24643 4.37843 3.45612 4.37843 3.67458C4.37843 3.89304 4.46407 4.10273 4.61685 4.25834L4.72495 4.36682L2.13058 6.96533C1.8941 7.20459 1.71902 7.49789 1.62039 7.82003C1.52176 8.14217 1.50253 8.48352 1.56435 8.81477L1.05989 9.97196C1.0023 10.1026 0.985734 10.2477 1.0124 10.388C1.03907 10.5282 1.10771 10.657 1.20917 10.7572C1.28516 10.8345 1.37575 10.8957 1.47563 10.9374C1.57551 10.9791 1.68267 11.0004 1.79084 11C1.90405 11.0001 2.01611 10.9773 2.12029 10.9328L3.20127 10.4576C3.53133 10.5196 3.87147 10.5003 4.19246 10.4013C4.51345 10.3023 4.8057 10.1266 5.0441 9.8893L7.63332 7.28563L7.74142 7.39411C7.81752 7.47127 7.90812 7.53253 8.00796 7.57433C8.1078 7.61613 8.21491 7.63765 8.32309 7.63765C8.43127 7.63765 8.53838 7.61613 8.63822 7.57433C8.73806 7.53253 8.82866 7.47127 8.90477 7.39411L9.26509 7.03249C9.48979 6.80644 9.61937 6.50239 9.62703 6.18319C9.6347 5.86398 9.51987 5.55402 9.30627 5.31737L10.4593 4.16535C10.6339 3.98879 10.7716 3.77905 10.8644 3.54842C10.9572 3.31779 11.0033 3.07089 10.9998 2.82218ZM4.41006 9.30219C4.38902 9.32291 4.36994 9.34553 4.35306 9.36976C4.13371 9.68478 3.74736 9.83825 3.37164 9.75962L3.20127 9.72396L2.40385 10.0266C2.17448 10.1137 1.95313 9.88237 2.05015 9.65705L2.38889 8.87037L2.37183 8.82928C2.22682 8.48003 2.31442 8.07744 2.59144 7.82003L5.30662 4.95059L7.05165 6.70187L4.41006 9.30219ZM9.87251 3.57642L8.43119 5.02291C8.35386 5.10127 8.31048 5.20709 8.31048 5.31737C8.31048 5.42766 8.35386 5.53348 8.43119 5.61184L8.68342 5.8598C8.76075 5.93816 8.80413 6.04398 8.80413 6.15427C8.80413 6.26455 8.76075 6.37038 8.68342 6.44873L8.32309 6.81035L5.19853 3.67458L5.55885 3.31296C5.59717 3.27391 5.64285 3.2429 5.69322 3.22173C5.74359 3.20056 5.79766 3.18966 5.85227 3.18966C5.90687 3.18966 5.96094 3.20056 6.01131 3.22173C6.06168 3.2429 6.10736 3.27391 6.14568 3.31296L6.39276 3.56609C6.47083 3.6437 6.57628 3.68723 6.68617 3.68723C6.79606 3.68723 6.9015 3.6437 6.97958 3.56609L8.39516 2.14027C8.80181 1.73732 9.45555 1.71666 9.85192 2.09894C9.95269 2.19277 10.0334 2.30619 10.0892 2.43229C10.1449 2.5584 10.1745 2.69457 10.1762 2.83252C10.1795 2.97084 10.1542 3.10834 10.1019 3.23637C10.0497 3.3644 9.97155 3.48018 9.87251 3.57642Z' fill='%236764FF' stroke='%236764FF' stroke-width='0.4'/%3E%3Cpath d='M1.92603 7.48145H6.55566' stroke='%236764FF' stroke-width='0.8'/%3E%3C/svg%3E%0A");
}
.icon-block{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='4.63913' stroke='%23333333' stroke-width='1.72174'/%3E%3Cline x1='2.72641' y1='9.3332' x2='9.20823' y2='2.85138' stroke='%23333333' stroke-width='1.90526'/%3E%3C/svg%3E");
}
.icon-block-red{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='6' cy='6' r='4.63913' stroke='%23FF4646' stroke-width='1.72174'/%3E%3Cline x1='2.72641' y1='9.3332' x2='9.20823' y2='2.85138' stroke='%23FF4646' stroke-width='1.90526'/%3E%3C/svg%3E");
}
.icon-decrease{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8685_3212)'%3E%3Cpath d='M7.39941 6.5H10.25L6 10.5L1.75 6.5H4.59961V2H7.39941V6.5Z' fill='%23FF4646'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8685_3212'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-coin{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8685_3221)'%3E%3Ccircle cx='6' cy='6' r='4.9' stroke='%233182F6' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M8.29883 4.10919H8.2998C8.37275 4.12171 8.44172 4.14906 8.50586 4.19025H8.50488C8.5681 4.22706 8.62052 4.27421 8.66113 4.33185C8.70632 4.39096 8.73683 4.4622 8.75293 4.54279C8.7735 4.62314 8.7727 4.70912 8.75293 4.79865V4.79962L8.55371 5.58283H8.90234C9.18467 5.58307 9.41309 5.81217 9.41309 6.09455C9.41306 6.3769 9.18465 6.60603 8.90234 6.60627H8.29395L8.01758 7.69611C7.93355 8.07423 7.60539 8.34357 7.22559 8.34357C6.84746 8.34354 6.52019 8.07612 6.43457 7.70002V7.69904L5.97656 5.90412L5.51367 7.73908C5.43332 8.09242 5.126 8.34357 4.77051 8.34357C4.41656 8.34347 4.11005 8.09442 4.02832 7.74298L3.72656 6.60627H3.09961C2.81708 6.60627 2.58789 6.37707 2.58789 6.09455C2.588 5.81212 2.81715 5.58283 3.09961 5.58283H3.45508L3.24902 4.80646V4.80353C3.2296 4.71157 3.22693 4.6253 3.24316 4.54572V4.54279C3.25307 4.50416 3.26616 4.46749 3.28223 4.43341L3.34082 4.33771C3.38485 4.27651 3.43882 4.22651 3.50293 4.18927C3.57025 4.14859 3.64108 4.12167 3.71387 4.10919L3.82715 4.10041C3.86456 4.10043 3.90207 4.10313 3.93945 4.10919L3.93848 4.11017C4.01276 4.11844 4.08206 4.13962 4.14551 4.1756C4.21503 4.20923 4.27323 4.25832 4.31836 4.32111L4.35254 4.37091C4.38389 4.42428 4.40618 4.48635 4.4209 4.55548L4.88574 6.62873L5.34375 4.70783V4.70685C5.36719 4.6186 5.40323 4.54216 5.45215 4.47931L5.45312 4.47736C5.50347 4.41772 5.5572 4.37033 5.61426 4.33673L5.70605 4.29084L5.80176 4.26252C5.8627 4.2471 5.92126 4.23908 5.97656 4.23908C6.03167 4.23911 6.08969 4.24718 6.15039 4.26252C6.2158 4.27512 6.27822 4.30024 6.33496 4.33771H6.33398C6.39383 4.37111 6.4467 4.4182 6.49316 4.47736C6.51979 4.50894 6.54339 4.54457 6.5625 4.58283L6.6084 4.70685L6.60938 4.70783L7.09473 6.77326L7.59766 4.55548C7.61359 4.46367 7.64573 4.38488 7.69531 4.32111C7.74346 4.25928 7.80046 4.21037 7.86621 4.17658C7.92994 4.14017 7.99952 4.11855 8.07422 4.11017V4.10919C8.14902 4.09711 8.22403 4.0971 8.29883 4.10919ZM6.45605 4.51056C6.47983 4.53882 6.50019 4.57047 6.51758 4.60529C6.50016 4.57019 6.47998 4.53796 6.45605 4.50959C6.43415 4.48147 6.41053 4.45688 6.38574 4.43537C6.41045 4.45703 6.43408 4.48233 6.45605 4.51056ZM4.03223 4.18048C4.06423 4.19085 4.09475 4.20459 4.12402 4.2215C4.09469 4.20454 4.06431 4.18988 4.03223 4.17951L3.93164 4.159L4.03223 4.18048ZM7.98145 4.17951C7.94919 4.1899 7.91816 4.20446 7.88867 4.2215L7.98145 4.18048C8.01354 4.17013 8.04719 4.16277 8.08203 4.159L7.98145 4.17951Z' fill='%233182F6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8685_3221'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-check-green{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.36523 5.68852L4.74048 8.23274C4.92216 8.42735 5.23215 8.42254 5.40771 8.2224L9.63446 3.4039' stroke='%231BC02C' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.icon-cancel{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22506 4.49615L7.96562 1.75551L7.21562 1.00549L4.475 3.74613L1.75002 1.02114L1 1.77115L3.72498 4.49615L1.01526 7.20583L1.76528 7.95591L4.475 5.24615L7.20034 7.97151L7.95042 7.22151L5.22506 4.49615Z' fill='%23F5222D'/%3E%3Cpath d='M8.17773 1.75549L5.43652 4.49573L8.16211 7.22131L8.05664 7.32776L7.30664 8.07776L7.2002 8.18323L4.47461 5.45764L1.76562 8.1676L1.65918 8.06213L0.802734 7.20569L0.90918 7.10022L3.5127 4.49573L0.893555 1.87756L0.788086 1.77112L0.893555 1.66467L1.64355 0.914673L1.75 0.809204L1.85645 0.914673L4.47461 3.53381L7.10938 0.899048L7.21582 0.793579L8.17773 1.75549ZM4.47461 3.95862L4.36914 3.85217L1.75 1.23303L1.21191 1.77112L3.83105 4.39026L3.9375 4.49573L1.22656 7.20569L1.76465 7.74377L4.36914 5.14026L4.47461 5.03381L7.2002 7.7594L7.73828 7.22131L5.0127 4.49573L5.11914 4.39026L7.75293 1.75549L7.21484 1.21741L4.47461 3.95862Z' fill='%23F5222D'/%3E%3C/svg%3E%0A");
}
.icon-picklist{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3502 3.5C21.9024 3.5001 22.3502 3.94778 22.3502 4.5V20C22.3502 20.5522 21.9024 20.9999 21.3502 21H4.65C4.09772 21 3.65 20.5523 3.65 20V4.5C3.65 3.94772 4.09772 3.5 4.65 3.5H21.3502ZM13.4596 7.97461C13.286 7.57163 12.7142 7.57163 12.5406 7.97461L11.6695 9.99707C11.5972 10.1652 11.4387 10.2809 11.2564 10.2979L9.06309 10.501C8.6262 10.5415 8.44928 11.0854 8.77891 11.375L10.4342 12.8281C10.5717 12.9489 10.6316 13.1359 10.5914 13.3145L10.107 15.4629C10.0106 15.8908 10.473 16.2266 10.8502 16.0029L12.7447 14.8779C12.9021 14.7846 13.0981 14.7845 13.2555 14.8779L15.149 16.0029C15.5263 16.2269 15.9887 15.8909 15.8922 15.4629L15.4078 13.3145C15.3676 13.1359 15.4285 12.9489 15.566 12.8281L17.2213 11.375C17.5509 11.0854 17.374 10.5415 16.9371 10.501L14.7438 10.2979C14.5615 10.281 14.4031 10.1652 14.3307 9.99707L13.4596 7.97461Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
}
.icon-picklist.active{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3502 3.5C21.9024 3.5001 22.3502 3.94778 22.3502 4.5V20C22.3502 20.5522 21.9024 20.9999 21.3502 21H4.65C4.09772 21 3.65 20.5523 3.65 20V4.5C3.65 3.94772 4.09772 3.5 4.65 3.5H21.3502ZM13.4596 7.97461C13.286 7.57163 12.7142 7.57163 12.5406 7.97461L11.6695 9.99707C11.5972 10.1652 11.4387 10.2809 11.2564 10.2979L9.06309 10.501C8.6262 10.5415 8.44928 11.0854 8.77891 11.375L10.4342 12.8281C10.5717 12.9489 10.6316 13.1359 10.5914 13.3145L10.107 15.4629C10.0106 15.8908 10.473 16.2266 10.8502 16.0029L12.7447 14.8779C12.9021 14.7846 13.0981 14.7845 13.2555 14.8779L15.149 16.0029C15.5263 16.2269 15.9887 15.8909 15.8922 15.4629L15.4078 13.3145C15.3676 13.1359 15.4285 12.9489 15.566 12.8281L17.2213 11.375C17.5509 11.0854 17.374 10.5415 16.9371 10.501L14.7438 10.2979C14.5615 10.281 14.4031 10.1652 14.3307 9.99707L13.4596 7.97461Z' fill='%23333D4B'/%3E%3C/svg%3E%0A");
}
.icon-item{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.43366 8.92875C5.47104 8.40545 5.90648 8 6.43112 8L19.5689 8C20.0935 8 20.529 8.40545 20.5663 8.92875L21.4235 20.9288C21.4648 21.5076 21.0064 22 20.426 22H5.57398C4.99363 22 4.53517 21.5076 4.57652 20.9288L5.43366 8.92875Z' fill='%23D9D9D9'/%3E%3Cpath d='M13 2.75C14.7949 2.75 16.25 4.20507 16.25 6V9.25H9.75V6C9.75 4.20507 11.2051 2.75 13 2.75Z' stroke='%23D9D9D9' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.icon-item.active{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.43366 8.92875C5.47104 8.40545 5.90648 8 6.43112 8L19.5689 8C20.0935 8 20.529 8.40545 20.5663 8.92875L21.4235 20.9288C21.4648 21.5076 21.0064 22 20.426 22H5.57398C4.99363 22 4.53517 21.5076 4.57652 20.9288L5.43366 8.92875Z' fill='%23333D4B'/%3E%3Cpath d='M13 2.75C14.7949 2.75 16.25 4.20507 16.25 6V9.25H9.75V6C9.75 4.20507 11.2051 2.75 13 2.75Z' stroke='%23333D4B' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.divider {
    border-top: .8rem solid #F3F4F6 !important
}
.divider-bottom{
    border-top:0 !important;
    border-bottom: .8rem solid #F3F4F6 !important
}
.divider-none {
    border-top: none !important
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    outline: 0;
    z-index: 1050
}
.modal.fade .modal-dialog {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    -webkit-transition: -webkit-transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    transition: -webkit-transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    transition: transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    transition: transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 120ms cubic-bezier(0, 0, 0.2, 1) 0ms
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
.modal-dialog {
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    pointer-events: none
}
@media (max-width: 768px) {
    .modal-dialog {
        max-width: none
    }
}
.modal-dialog .modal-content {
    border-radius: 1.5rem 1.5rem 0 0
}
.modal.fade .modal-popup {
    opacity: 0;
    top: 0;
    width: 28.6rem;
    min-width: 28.6rem;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}
.modal.show .modal-popup {
    opacity: 1
}
.modal.fade .modal-fullscreen {
    opacity: 0;
    top: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}
.modal.show .modal-fullscreen {
    opacity: 1
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    outline: 0;
    border-radius: 1rem 1rem 0 0;
    background: #fff
}
.modal-content .mypage-profile-thumb {
    margin: 1.1rem 0 1.2rem
}
.modal-content .mypage-profile-thumb .thumbnail {
    width: 9.6rem;
    height: 9.6rem
}
.modal-content .mypage-profile-thumb .thumbnail::after {
    display: none
}
.modal-header {
    padding: 3.1rem 2rem 0
}
.modal-header p {
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.417;
    margin-top: .5rem;
    padding:0 .4rem;
    word-break:keep-all;
}
.modal-header .swiper-pagination {
    position: relative;
    text-align: left;
    top: 0;
    bottom: 0
}
.modal-header .swiper-pagination-bullets .swiper-pagination-bullet:first-child {
    margin-left: -.2rem
}
.modal-header .swiper-pagination-bullets .swiper-pagination-bullet {
    position: relative;
    opacity: 1;
    display: inline-block;
    width: auto;
    height: auto;
    color: #797979;
    font-size: 1.6rem;
    line-height: 1.438;
    padding: .6rem 1rem;
    margin: 0 .4rem;
    background: none
}
.modal-header .swiper-pagination-bullets .swiper-pagination-bullet-active {
    color: #3182F6;
    font-weight: 500;
}
.modal-header .swiper-pagination-bullets .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: .2rem;
    width: 85%;
    height: .2rem;
    background: #3182F6;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.modal-title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
}
.modal-button {
    z-index: 10;
    position: absolute;
    top: 1.1rem;
    right: 1.2rem
}
.modal-button .btn {
    padding: 0;
    border: none
}
.modal-button .btn .icon {
    display: block;
    width: 4.2rem;
    height: 4.2rem
}
.modal-body {
    text-align: center;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2rem 2rem 1.8rem;
    font-size:1.3rem;
}
.modal-scrollable {
    padding-bottom: 0
}
.modal-scrollable-wrap {
    max-height: 31.4rem;
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-chklst-wrap.swiper-slide .category-info{
    padding: 0 2rem;
}
.modal-chklst-wrap.swiper-slide .form-group .category-info{
    padding: 0;
}
/* 맞춤조건 카테고리 하단 간격 조정 */
/*.modal-chklst-wrap >.form-group .category-info ul{*/
/*    padding-bottom: 0;*/
/*    margin-bottom: -.7rem;*/
/*}*/
.modal-chklst-wrap .category-info ul {
    flex-wrap: wrap;
    display: flex;
    gap: .8rem .4rem;
}
.modal-chklst-wrap > .form-group {
    padding: 0 2rem 2rem
}
.modal-chklst-wrap .form-label {
    display: block;
    text-align: left;
    line-height: 1.462;
    margin: -.2rem 0 .8rem
}
.modal-chklst-wrap .form-label + .category-info{
    padding: 0;
}
.modal-chklst-wrap .form-text {
    color: #4D4D4D;
    font-size: 1.3rem
}
.modal-chklst-wrap .form-radio-box .label input[type="radio"] + span::before,
.modal-chklst-wrap .form-radio-box .label input[type="checkbox"] + span::before {
    display: none;
}

.modal-chklst-wrap .form-radio-box .label input[type="radio"]:checked + span,
.modal-chklst-wrap .form-radio-box .label input[type="checkbox"]:checked + span {
    background: rgba(49, 130, 246, 0.07);
}

.modal-chklst-wrap .form-radio-box .label input[type="radio"]:checked + span::before,
.modal-chklst-wrap .form-radio-box .label input[type="checkbox"]:checked + span::before {
    display: inline-block;
}

.modal-chklst-wrap .form-radio-box .label span {
    padding: 1.2rem 1.4rem 1rem
}
.modal-chklst-wrap .form-radio-box.flex .label:first-child span {
    border-radius: .6rem 0 0 .6rem
}
.modal-chklst-wrap .form-radio-box.flex .label:nth-child(2) span {
    border-radius: 0
}
.modal-chklst-wrap .form-radio-box.flex .label:last-child span {
    border-radius: 0 .6rem .6rem 0
}
/* 사이간격 8px */
.modal-chklst-wrap.compact .form-group + .form-group{
    margin-top: -1.2rem;
}
/* 체크박스 리스트 타입 */
.modal-chklstbox-wrap{
    padding: 0 2rem;
}
.modal-chklstbox-wrap.modal-scrollable-wrap{
    max-height: 23rem;
}
.modal-chklstbox-wrap li + li{
    border-top: 1px solid #F3F4F6;
}
.modal-chklstbox-wrap label{
    position: relative;
    width: 100%;
    text-align: left;
}
.modal-chklstbox-wrap label input[type="checkbox"]{
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
}
.modal-chklstbox-wrap label input[type="checkbox"] + span{
    display: block;
    color: #4D4D4D;
    font-size: 1.4rem;
    line-height: 1.429;
    padding: 1.4rem .8rem;
}
.modal-chklstbox-wrap label input[type="checkbox"] + span::before {
    content: '';
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    vertical-align: middle;
    margin: -.3rem .8rem 0 0;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%23D4D4D4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-size: 100% auto;
}
.modal-chklstbox-wrap label input[type="checkbox"]:checked + span{
    color: #3182F6;
    font-weight: 500;
}
.modal-chklstbox-wrap label input[type="checkbox"]:checked + span::before {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%233182F6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.modal-share {
    padding: 1.4rem 2rem 2rem
}
.modal-share > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.modal-share .product-list-area-thumb {
    margin-right: 1.3rem
}
.modal-share .product-list-area-thumb .thumbnail {
    width: 6rem;
    height: 6rem
}
.modal-share .text-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left;
    margin-top: .3rem
}
.modal-share .text-wrap strong {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438
}
.modal-share .text-wrap p {
    color: #aaa;
    font-size: 1.3rem;
    line-height: 1.462;
    margin-top: .4rem
}
.modal-multiple {
    padding: 0 2rem;
    background: #fff
}
.modal-multiple .form-group {
    padding: 0;
    margin-bottom: 2rem;
    border-radius: .6rem;
    border: 0.1rem solid #E2E5E9
}
.modal-multiple .form-select {
    width: 100%;
    border: none;
    padding: 1.6rem 3rem 1.4rem 1.4rem
}
.modal-multiple .form-control {
    border: none
}
.modal-multiple .input-group {
    border-bottom: 0.1rem solid #E2E5E9
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 2rem 2rem;
    background: #fff
}
.modal-footer .btn-share {
    width: 19.2rem;
    margin-left: .7rem
}
.modal-footer .btn-share .icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .7rem;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 6.93785C4.75 8.04242 3.85457 8.93785 2.75 8.93785C1.64543 8.93785 0.75 8.04242 0.75 6.93785C0.75 5.83328 1.64543 4.93785 2.75 4.93785C3.85457 4.93785 4.75 5.83328 4.75 6.93785Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 7.93785C3.30228 7.93785 3.75 7.49014 3.75 6.93785C3.75 6.38557 3.30228 5.93785 2.75 5.93785C2.19772 5.93785 1.75 6.38557 1.75 6.93785C1.75 7.49014 2.19772 7.93785 2.75 7.93785ZM2.75 8.93785C3.85457 8.93785 4.75 8.04242 4.75 6.93785C4.75 5.83328 3.85457 4.93785 2.75 4.93785C1.64543 4.93785 0.75 5.83328 0.75 6.93785C0.75 8.04242 1.64543 8.93785 2.75 8.93785Z' fill='%23fff'/%3E%3Cpath d='M14.0004 2C14.0004 3.10457 13.1049 4 12.0004 4C10.8958 4 10.0004 3.10457 10.0004 2C10.0004 0.89543 10.8958 0 12.0004 0C13.1049 0 14.0004 0.89543 14.0004 2Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0004 3C12.5527 3 13.0004 2.55228 13.0004 2C13.0004 1.44772 12.5527 1 12.0004 1C11.4481 1 11.0004 1.44772 11.0004 2C11.0004 2.55228 11.4481 3 12.0004 3ZM12.0004 4C13.1049 4 14.0004 3.10457 14.0004 2C14.0004 0.89543 13.1049 0 12.0004 0C10.8958 0 10.0004 0.89543 10.0004 2C10.0004 3.10457 10.8958 4 12.0004 4Z' fill='%23fff'/%3E%3Cpath d='M14.0002 12C14.0002 13.1046 13.1048 14 12.0002 14C10.8957 14 10.0002 13.1046 10.0002 12C10.0002 10.8954 10.8957 10 12.0002 10C13.1048 10 14.0002 10.8954 14.0002 12Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 13C12.5525 13 13.0002 12.5523 13.0002 12C13.0002 11.4477 12.5525 11 12.0002 11C11.448 11 11.0002 11.4477 11.0002 12C11.0002 12.5523 11.448 13 12.0002 13ZM12.0002 14C13.1048 14 14.0002 13.1046 14.0002 12C14.0002 10.8954 13.1048 10 12.0002 10C10.8957 10 10.0002 10.8954 10.0002 12C10.0002 13.1046 10.8957 14 12.0002 14Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5436 1.97725L3.59935 6.44939L3.15214 5.55496L12.0964 1.08283L12.5436 1.97725Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.32658 6.93676L11.2502 11.45L10.7989 12.3424L1.87526 7.82912L2.32658 6.93676Z' fill='%23fff'/%3E%3C/svg%3E%0A")
}
.modal-footer .btn-import {
    width: 10.4rem;
    margin-right: .8rem
}
.modal-footer .btn-import .icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-left: .5rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3262 3.49158C9.46049 2.00172 7.84723 1 6 1C3.23858 1 1 3.23858 1 6C1 8.76142 3.23858 11 6 11C8.76142 11 11 8.76142 11 6' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.875 3.5H10.375V1' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}
.modal-footer .btn-outline-gray{
    font-weight: 400;
}
.modal-footer .btn-blue {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.08s linear;
    transition: opacity 0.08s linear
}
.modal-backdrop.show {
    opacity: .5;
    filter: alpha(opacity=50)
}
.modal-popup .modal-content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 1rem
}
.modal-popup .modal-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 2.4rem 1.6rem 1.5rem;
    border-radius: 1rem 1rem 0 0
}
.modal-popup .modal-body {
    color: #797979;
    line-height: 1.5;
    word-break: keep-all;
    padding: 0 1.6rem;
    border-radius: 0;
    background: none
}
.modal-popup .modal-footer {
    padding: 1.6rem;
    border-radius: 0 0 1rem 1rem
}
.modal-popup .modal-footer .btn {
    min-width: 8.3rem;
    height: 4.4rem;
    line-height: 1.25;
}
.modal-popup .modal-footer .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.modal-popup .modal-footer .btn-wrap .btn + .btn {
    margin-left: .4rem
}
.modal-popup .modal-footer .btn-wrap.half .btn{
    min-width: unset;
    width: 50%;
}
.modal-popup .modal-footer:has(.btn-nomore){
    flex-wrap: wrap;
}
.modal-popup .modal-footer .btn-nomore{
    min-width: 17rem;
    height: auto;
    color: #797979;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    text-decoration: underline;
    line-height: 1.417;
    padding: .7rem 1rem;
    margin: .6rem auto -.4rem;
    border: none;
}
.modal-fullscreen {
    /*max-width: 640px;*/
    width: 100%;
    height: 100%
}
.modal-fullscreen .modal-content {
    display: block;
    height: 100%;
    border: 0;
    border-radius: 0
}
.modal-fullscreen .modal-header {
    display: block;
    height: 5rem;
    font-size: 1.7rem;
    text-align: center;
    padding: 1.78rem 0 1.8rem;
    background: #fff
}
.modal-fullscreen .modal-header .modal-button {
    top: .4rem;
    right: 0
}
.modal-fullscreen .modal-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    height: 100%;
    border-radius: 0
}
.modal-fullscreen .modal-body.scroll {
    overflow-y: auto
}
.modal-fullscreen .modal-body.niceid-wrap {
    height: auto;
    padding: 0
}
.modal-fullscreen .modal-body.niceid-wrap .niceid-content {
    min-height: calc(100vh - 11rem);
    padding: .9rem 2rem 0
}
.modal-fullscreen .modal-body.niceid-wrap .niceid-top {
    text-align: center;
    padding-top: 5.3rem;
    background: url(../images/img_niceid.png) no-repeat top left 54%;
    background-size: 13.5rem
}
.modal-fullscreen .modal-body.niceid-wrap .niceid-top strong {
    display: block;
    font-size: 2.1rem;
    font-weight: 500;
    line-height: 1.429;
    letter-spacing: -.08rem;
    margin-top: .2rem
}
.modal-fullscreen .modal-body.niceid-wrap .niceid-bottom {
    width: 100%;
    height: 6rem;
    padding: 1.8rem 2rem;
    border-top: 1px solid rgba(0, 0, 0, 0.03)
}
.modal-fullscreen .modal-body.niceid-wrap .niceid-bottom > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.modal-fullscreen .modal-body.niceid-wrap .niceid-bottom > div::after {
    content: '';
    display: inline-block;
    width: 9.6rem;
    height: 2.3rem;
    background: url(../images/img_niceid_ft.png) no-repeat center right;
    background-size: 100%
}
.modal-fullscreen .modal-body.niceid-wrap .niceid-bottom > div em {
    display: inline-block;
    color: #3182F6;
    font-size: 1.1rem;
    line-height: 1.455;
    letter-spacing: 0
}
.modal-fullscreen .modal-body.niceid-wrap .form-list {
    text-align: left;
    padding: 0;
    margin-top: 1.2rem
}
.modal-fullscreen .modal-body.niceid-wrap .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6rem;
    padding-bottom: 2rem
}
.modal-fullscreen .modal-body.niceid-wrap .btn-wrap .btn-gray {
    width: 10.4rem;
    margin-right: .8rem;
}
.modal-fullscreen .modal-body.niceid-wrap .btn-wrap .btn-blue {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.modal-fullscreen .modal-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 1.8rem 2rem;
    border-top: 1px solid rgba(0, 0, 0, 0.03)
}
.modal-fullscreen .modal-footer.gradient {
    width: 100%;
    height: 10rem;
    padding: 3rem 2rem 2rem;
    border-top: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(26.56%, #fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 26.56%)
}
/* 픽셀 다운로드 모달 */
.modal-download{
    background:rgba(0,0,0,.4);
}
.modal-download .modal-content{
    background: transparent;
}
.modal-download .modal-popup .modal-body > strong{
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
    padding: 0;
    margin-bottom: .6rem;
}
.modal-download .modal-popup .modal-body > strong::before{
    content: '';
    display: block;
    width: 20.6rem;
    height: 16.4rem;
    margin: 0 auto .6rem;
    background: url(../images/img_download_visual.png) no-repeat center;
    background-size: 100% auto;
}
.modal-download .modal-footer{
    background: transparent;
}
.modal-download .modal-footer{
    display: block;
    text-align: center;
}
.modal-download .modal-footer .btn-download p{
    margin-left: -.4rem;
}
.modal-download .modal-footer .btn-download .icon-download-app{
    width: 1.3rem;
    height: 1.2rem;
    margin: 0 0 -.1rem .4rem;
}
.modal-download .modal-footer .btn-close{
    color: #ccc;
    height: auto;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: underline;
    line-height: 1.417;
    padding: 1rem;
    border: none;
}
.sr-only {
    position: absolute;
    width: .1rem;
    height: .1rem;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}
.col-12 {
    width: 100%;
}
.col-11 {
    width: 91.66666666666666%;
}
.col-10 {
    width: 83.33333333333334%;
}
.col-9 {
    width: 75%;
}
.col-8 {
    width: 66.66666666666666%;
}
.col-7 {
    width: 58.333333333333336%;
}
.col-6 {
    width: 50%;
}
.col-5 {
    width: 41.66666666666667%;
}
.col-4 {
    width: 33.33333333333333%;
}
.col-3 {
    width: 25%;
}
.col-2 {
    width: 16.666666666666664%;
}
.col-1 {
    width: 8.333333333333332%;
}
.display-block{
    display:block !important;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.center-block-no-important {
    display: block;
    width: 100%;
}
.center-block {
    display: block !important;
    width: 100% !important
}
.rounded-pill {
    border-radius: 50rem !important
}
.text-center{
    text-align:center !important;
}
.text-left {
    text-align:left !important;
}
.text-red {
    color: #FF4646 !important
}
.text-pink{
    color:#F5628c !important
}
.text-green {
    color: #1BC02C !important
}
.text-blue {
    color: #3182F6 !important
}
.text-lightgray {
    color: #aaa !important
}
.text-gray {
    color: #797979 !important
}
.text-darkgray {
    color: #4D4D4D !important
}
.text-black {
    color: #333 !important
}
.font-normal {
    font-weight: 400 !important;
}
.break-keep{
    word-break:keep-all !important;
}
.border-b-1 {
    border-bottom: 1px solid #F3F4F6 !important
}
.p-0 {
    padding: 0 !important
}
.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}
.px-8 {
    padding-left:8px !important;
    padding-right:8px !important
}
.mt-0 {
    margin-top: 0 !important
}
.mt-4 {
    margin-top:.4rem !important
}
.mt-8 {
    margin-top:.8rem !important
}
.mt-1{
    margin-top:1rem !important
}
.mt-12{
    margin-top:1.2rem !important
}
.mt-20{
    margin-top:2rem !important
}
.mb-0 {
    margin-bottom: 0 !important
}
.mb-4 {
    margin-bottom:.4rem !important
}
.floating-list {
    padding-bottom:9.2rem !important
}
.floating-notice{
    z-index: 1;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 6rem;
    max-width: 640px;
    margin: 0 auto;
}
.floating-notice a{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.462;
    padding: 1.4rem 2.8rem;
    border-top: 1px solid #3182F6;
    border-radius: 1.6rem 1.6rem 0 0;
    background: rgba(49, 130, 246, .84);
    box-shadow: 0 0 1.2rem .4rem rgba(49, 130, 246, .08);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
}
.floating-notice .icon-speaker{
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle;
    margin:0 .8rem .2rem 0;
}
@media (max-width: 768px) {
    .floating-notice{
        max-width: none
    }
}
.loading-wrap {
    z-index: 9900;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 640px;
    min-height: 100vh;
    margin: 0 auto
}
.loading-wrap .visual {
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.loading-wrap .visual .spinner {
    position: relative;
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    border-radius: 50%
}
.loading-wrap .visual .spinner span {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0.7rem solid #3182F6;
    border-top: .7rem solid #F0F6FF;
    border-left: .7rem solid #F0F6FF;
    border-right: .7rem solid #F0F6FF;
    -webkit-animation: spin .7s linear infinite;
    animation: spin .7s linear infinite
}
.loading-wrap .visual p {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    margin-top: 1.6rem
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }    100% {
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg)
         }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }    100% {
             -webkit-transform: rotate(360deg);
             transform: rotate(360deg)
         }
}
.loading-bg {
    opacity: .5;
    width: 100%;
    height: 100%;
    background: #000
}
.wrapper {
    position: relative;
    max-width: 640px;
    min-height: 100vh;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05)
}
@media (max-width: 425px) {
    .wrapper {
        height: auto
    }
}
@media (max-width: 768px) {
    .wrapper {
        max-width: none
    }
}
.drawer--right .drawer-nav {
    right: -100%;
    width: 100%;
    max-width: 640px;
    overflow-y: auto;
    background: #fff;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1)
}
.drawer--right.drawer-open .drawer-nav {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}
.header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    height: 5rem;
    padding: 1.78rem 0 1.8rem;
    font-size: 1.7rem;
    background: #fff;
    text-align: center;
    z-index: 10
}
.header > h1{
    font-weight: 500;
}
.header-category{
    position:relative;
    top: -.4rem;
    display:inline-block;
     margin-left:1.2rem;
}
.header-category a{
    display:block;
    padding: .5rem;
    color: #949494;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.539;
    letter-spacing:-.1rem;
}
.header-category a::before{
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
    margin: -.4rem .2rem 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.header-category a:first-child::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03003 6.3H12.97V12.6353C12.97 12.8367 12.8067 13 12.6053 13H2.39474C2.19331 13 2.03003 12.8367 2.03003 12.6353V6.3Z' fill='%23949494'/%3E%3Cpath d='M1.2998 2.3646C1.2998 2.16318 1.46309 1.99989 1.66451 1.99989H13.3351C13.5365 1.99989 13.6998 2.16318 13.6998 2.3646V5.13636C13.6998 5.33779 13.5365 5.50107 13.3351 5.50107H1.66451C1.46309 5.50107 1.2998 5.33779 1.2998 5.13636V2.3646Z' fill='%23949494'/%3E%3C/svg%3E%0A");
}
/*.header-category a:first-child::before{*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M10.1396 1.22131C10.4729 1.02232 10.8965 1.26283 10.8965 1.651V13.3522C10.8962 13.7401 10.4728 13.9798 10.1396 13.7809L5.26074 10.8678H2.5C1.94787 10.8678 1.50025 10.4199 1.5 9.86779V5.13635C1.5 4.58406 1.94772 4.13635 2.5 4.13635H5.25879V4.13537L10.1396 1.22131Z' fill='%23949494'/%3E%3Cpath d='M11.6208 4.75195C12.6931 5.01173 13.5 6.14384 13.5 7.50085C13.5 8.85778 12.693 9.98879 11.6208 10.2486V4.75195Z' fill='%23949494'/%3E%3C/svg%3E");*/
/*}*/
/*.header-category a:last-child::before{*/
/*    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.875' y='1.2002' width='11.25' height='12.8017' rx='0.75' fill='%23949494'/%3E%3Crect x='4.97839' y='3.91553' width='1.55172' height='1.55172' fill='white'/%3E%3Crect x='4.97852' y='6.63086' width='1.55172' height='1.55172' fill='white'/%3E%3Crect x='4.97852' y='9.34619' width='1.55172' height='1.55172' fill='white'/%3E%3Crect x='8.47021' y='3.91553' width='1.55172' height='1.55172' fill='white'/%3E%3Crect x='8.47021' y='6.63086' width='1.55172' height='1.55172' fill='white'/%3E%3Crect x='8.47021' y='9.44971' width='1.55172' height='1.55172' fill='white'/%3E%3C/svg%3E%0A");*/
/*}*/
.header-category a + a{
    margin-left: .7rem;
}
.header-category .icon-arrow-right{
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: -.1rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.45471 10.909L9.85163 6.51209C9.97944 6.38428 9.97944 6.17706 9.85163 6.04926L5.45471 1.65234' stroke='%23C9C9C9' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.header-link {
    display: table;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.header-link .btn {
    position: relative;
    padding: 0;
    border: none;
    width: 4.2rem;
    height: 4.2rem
}
.header-link .btn-alarm::after {
    content: '';
    position: absolute;
    top: 1.3rem;
    right: 1rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #FF4646
}
.header-link .btn .icon {
    display: block;
    width: 4.2rem;
    height: 4.2rem
}
.header.divider-line {
    border-bottom: 1px solid #EBECEF
}
.header-right {
    right: 0
}
.header-main{
    padding:1rem 0;
    height:4.6rem;
    font-size: 0;
    text-align:left;
    background: transparent;
    transition: background-color .3s;
}
.header-main.active{
    background: #fff;
}
/*.header-main h1{*/
/*    display:inline-block;*/
/*    width: 6.8rem;*/
/*    height: 2.2rem;*/
/*    margin-left:2rem;*/
/*    background-image: url("data:image/svg+xml,%0A%3Csvg width='68' height='22' viewBox='0 0 68 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7766_721)'%3E%3Cpath d='M58.1398 19.868H63.0084H66.3079H67.8369V21.4171H57.2747C56.6912 21.4171 56.2084 21.2562 55.8462 20.9343C55.4841 20.5722 55.3232 20.1094 55.3232 19.5461V16.8905H64.6783V15.4419H55.1421V13.8727H67.4748V18.3792H58.1398V19.868ZM59.6285 12.7863C59.2262 12.746 58.8439 12.6052 58.4415 12.404C58.0392 12.2028 57.6569 11.9614 57.2948 11.6395C56.9326 11.378 56.6309 11.0762 56.3894 10.7141C56.1279 10.372 55.9669 10.03 55.9066 9.66789C55.8261 10.03 55.6652 10.372 55.4237 10.7141C55.1823 11.0762 54.8805 11.378 54.5385 11.6395C54.1764 11.9614 53.8143 12.2028 53.4119 12.404C52.9894 12.6052 52.587 12.746 52.1847 12.7863L50.8971 11.6798C51.4202 11.559 51.903 11.3176 52.3456 10.9555C52.7882 10.6135 53.1504 10.191 53.4722 9.66789C53.7941 9.14481 54.0557 8.56137 54.2569 7.87734C54.4178 7.23355 54.5184 6.50928 54.5184 5.70454V4.39683H57.2948V5.72466C57.2948 7.2939 57.5764 8.56137 58.18 9.48683C58.7433 10.4525 59.6285 11.1768 60.8356 11.6798L59.6285 12.7863ZM61.3386 7.41462C61.3386 7.11284 61.3587 6.81106 61.3587 6.5294C61.3587 6.26786 61.3587 6.00632 61.3587 5.76489C61.3587 5.36252 61.3587 5.00039 61.3587 4.63825C61.3587 4.29624 61.3386 4.11517 61.3386 4.09505H64.0345V12.7863H61.3386V8.98386C61.0972 8.98386 60.8759 8.96375 60.6747 8.96375C60.4534 8.96375 60.2522 8.96375 60.0711 8.96375C59.7492 8.96375 59.4475 8.96375 59.1859 8.96375C58.9043 8.96375 58.7634 8.98386 58.7634 8.98386V7.41462H61.3386ZM65.0203 4.09505H67.676V12.7863H65.0203V4.09505Z' fill='url(%23paint0_linear_7766_721)'/%3E%3Cpath d='M46.305 4.09505H49.1417V14.0537H46.305V12.6656C45.8624 12.8265 45.3997 12.9472 44.9168 13.0076C44.4139 13.088 43.9511 13.1283 43.5286 13.1283H34.8173V11.559H36.4871V6.18738H34.938V4.59802H45.0979V6.18738H43.6292V11.559C44.0718 11.559 44.5346 11.5188 45.0174 11.4786C45.4801 11.4584 45.9026 11.3981 46.305 11.2774V4.09505ZM49.1417 16.8905V21.4171H46.305C46.305 21.397 46.3251 21.2763 46.3251 21.0349C46.3251 20.7733 46.3251 20.4514 46.3251 20.0692C46.3251 19.6668 46.3251 19.2645 46.3251 18.8621C46.305 18.4597 46.305 18.0976 46.305 17.7757V16.649H36.7286V15.0597H47.1701C47.7737 15.0597 48.2565 15.2206 48.6186 15.5425C48.9607 15.8845 49.1417 16.3271 49.1417 16.8905ZM40.8328 11.559V6.18738H39.2635V11.559H40.8328Z' fill='url(%23paint1_linear_7766_721)'/%3E%3Cpath d='M20.3873 9.44659C20.3873 9.8892 20.4476 10.3117 20.5683 10.6939C20.6689 11.0963 20.8299 11.4584 21.0311 11.7401C21.2322 12.0419 21.4535 12.2833 21.7352 12.4443C21.9967 12.6253 22.2784 12.7058 22.6003 12.7058C22.882 12.7058 23.1435 12.6253 23.4252 12.4443C23.6867 12.2833 23.9281 12.062 24.1293 11.7602C24.3305 11.4786 24.4914 11.1164 24.6122 10.7141C24.7329 10.3117 24.7932 9.8892 24.7932 9.42647C24.7932 9.0241 24.7329 8.60161 24.6122 8.19924C24.4914 7.81699 24.3305 7.47497 24.1293 7.17319C23.9281 6.89153 23.6867 6.65011 23.4252 6.44892C23.1435 6.28798 22.8618 6.18738 22.5802 6.18738C22.1778 6.18738 21.8559 6.30809 21.5743 6.50928C21.2926 6.7507 21.0512 7.03236 20.8902 7.35426C20.7092 7.69627 20.5884 8.05841 20.508 8.42054C20.4275 8.8028 20.3873 9.14481 20.3873 9.44659ZM22.5802 4.59802C23.2441 4.59802 23.8879 4.71873 24.4914 4.96015C25.095 5.22169 25.6181 5.56371 26.1009 5.9862C26.5435 6.4288 26.9258 6.93177 27.2075 7.51521C27.469 8.11877 27.6098 8.76256 27.6098 9.44659C27.6098 10.1306 27.469 10.7744 27.2075 11.3579C26.9258 11.9614 26.5435 12.4644 26.1009 12.8869C25.6181 13.3295 25.095 13.6715 24.4914 13.9129C23.8879 14.1543 23.2441 14.275 22.5802 14.275C21.8962 14.275 21.2725 14.1543 20.6689 13.8928C20.0654 13.6514 19.5222 13.3094 19.0796 12.8667C18.5967 12.4443 18.2346 11.9413 17.973 11.3377C17.6914 10.7543 17.5505 10.1306 17.5505 9.44659C17.5505 8.76256 17.6914 8.11877 17.973 7.51521C18.2547 6.93177 18.6168 6.40869 19.0997 5.96608C19.5624 5.54359 20.1056 5.20157 20.7092 4.96015C21.3127 4.71873 21.9364 4.59802 22.5802 4.59802ZM29.159 21.4574V20.6929C29.159 20.4514 29.159 20.1698 29.159 19.8479C29.159 19.5059 29.159 19.1437 29.1791 18.7414V12.7863C29.1791 11.6999 29.1791 10.6336 29.1791 9.58742C29.159 8.58149 29.159 7.65604 29.159 6.85129V4.15541H31.9756C31.9353 4.23588 31.9353 4.35659 31.9353 4.53766C31.9353 4.73885 31.9353 4.96015 31.9353 5.22169L31.9957 21.4574H29.159Z' fill='url(%23paint2_linear_7766_721)'/%3E%3Cpath d='M0.16307 13.3496V4.65837H8.81406V15.2005H2.11457C1.47078 15.2005 0.987932 15.0194 0.666035 14.6573C0.324019 14.2952 0.16307 13.8727 0.16307 13.3496ZM11.007 21.4171V20.6728C11.007 20.4313 11.007 20.1497 11.0271 19.8278C11.0271 19.4858 11.0271 19.1236 11.0271 18.7011V6.79094C11.0271 6.40869 11.0271 6.04655 11.0271 5.70454C11.007 5.38264 11.007 5.08086 11.007 4.83944V4.09505H13.8236V8.34007C14.0851 8.36019 14.3265 8.36019 14.568 8.36019C14.7893 8.36019 15.0106 8.36019 15.2319 8.36019C15.5739 8.36019 15.8958 8.36019 16.1976 8.36019C16.4792 8.36019 16.6402 8.36019 16.6402 8.34007V9.92944H13.8236V21.4171H11.007ZM2.97967 6.24774V13.6111H5.99746V6.24774H2.97967Z' fill='url(%23paint3_linear_7766_721)'/%3E%3Cpath d='M66.3077 19.7048L66.3079 19.868H63.0084L63.0086 19.7048H66.3077ZM67.4748 18.3792V13.8727H55.1421V15.4419H64.6783V16.8905H55.3232V19.5461L55.3308 19.7526C55.3666 20.2235 55.5294 20.6174 55.8462 20.9343C56.1631 21.216 56.5725 21.3742 57.0608 21.4093L57.2747 21.4171H67.8369V19.868H66.3079L66.3077 19.7048H68V21.5803H57.2748C56.6609 21.5803 56.1364 21.4102 55.7381 21.0562L55.7307 21.0499C55.3318 20.651 55.1599 20.1431 55.1599 19.5461V16.7275H64.515V15.605H54.9788V13.7093H67.6379V18.5425H58.3029V19.7048H63.0086L63.0084 19.868H58.1398V18.3792H67.4748ZM54.5184 4.39683V5.70454C54.5184 6.50928 54.4178 7.23355 54.2569 7.87734C54.0557 8.56137 53.7941 9.14481 53.4722 9.66789L53.3497 9.85954C53.0587 10.2955 52.7329 10.6562 52.3456 10.9555C51.903 11.3176 51.4202 11.559 50.8971 11.6798L52.1847 12.7863C52.5367 12.7511 52.8886 12.6386 53.2541 12.4763L53.4119 12.404C53.8143 12.2028 54.1764 11.9614 54.5385 11.6395C54.8805 11.378 55.1823 11.0762 55.4237 10.7141C55.6652 10.372 55.8261 10.03 55.9066 9.66789C55.9669 10.03 56.1279 10.372 56.3894 10.7141C56.6309 11.0762 56.9326 11.378 57.2948 11.6395C57.6569 11.9614 58.0392 12.2028 58.4415 12.404C58.7936 12.5801 59.1303 12.7101 59.4785 12.7668L59.6285 12.7863L60.8356 11.6798C59.704 11.2083 58.8554 10.5422 58.2896 9.66519L58.18 9.48683C57.6141 8.61916 57.3313 7.45086 57.2982 6.01509L57.2948 5.72466V4.39683H54.5184ZM64.0345 4.09505H61.3386C61.3386 4.11517 61.3587 4.29624 61.3587 4.63825V6.5294L61.3487 6.96452C61.3437 7.11288 61.3386 7.26375 61.3386 7.41462H58.7634V8.98386C58.7634 8.98386 58.9043 8.96375 59.1859 8.96375H60.6747C60.8759 8.96375 61.0972 8.98386 61.3386 8.98386V12.7863H64.0345V4.09505ZM67.676 4.09505H65.0203V12.7863H67.676V4.09505ZM57.458 5.72463C57.458 7.18045 57.7033 8.35397 58.2115 9.22712L58.3167 9.39757L58.3188 9.40129L58.3209 9.40447C58.863 10.3338 59.7176 11.037 60.8984 11.529L61.1342 11.6272L59.7387 12.9064L59.6851 12.9558L59.6123 12.9484C59.1824 12.9054 58.78 12.7557 58.3687 12.5501C57.9562 12.3439 57.5611 12.0948 57.1862 11.7616C56.8163 11.4923 56.5041 11.1802 56.2537 10.8047C56.1053 10.6094 55.9868 10.4111 55.899 10.2079C55.8104 10.4104 55.6972 10.6082 55.5592 10.8042C55.3072 11.1822 54.9939 11.4954 54.6427 11.7648C54.271 12.0945 53.8985 12.3434 53.4851 12.5501L53.4819 12.5512C53.0511 12.7563 52.6296 12.9055 52.2011 12.9484L52.1316 12.9553L52.0785 12.9101L50.546 11.5933L50.8603 11.521C51.3574 11.4063 51.818 11.1765 52.2425 10.8291L52.2457 10.8265C52.6701 10.4986 53.0197 10.0918 53.3332 9.58236C53.6461 9.07387 53.9013 8.50575 54.0984 7.83749C54.2562 7.20629 54.3554 6.49536 54.3554 5.70446V4.23358H57.458V5.72463ZM64.1975 12.9494H61.1756V9.14216C61.1096 9.14018 61.0456 9.13963 60.9844 9.13685C60.8727 9.13177 60.7709 9.12676 60.6748 9.12676H59.1859C59.049 9.12676 58.9471 9.13156 58.8806 9.13632C58.8474 9.13869 58.823 9.14101 58.8073 9.14269C58.7995 9.14353 58.7938 9.14438 58.7903 9.14481C58.7886 9.14503 58.7866 9.14534 58.7866 9.14534L58.6002 9.17189V7.25126H61.1793C61.1812 7.15242 61.1824 7.05424 61.1857 6.95868C61.1907 6.80984 61.1957 6.66703 61.1958 6.52963V4.63821C61.1957 4.47047 61.1905 4.34258 61.1857 4.25482C61.1832 4.21102 61.1811 4.1768 61.1793 4.15234C61.1779 4.13443 61.1756 4.10811 61.1756 4.09499V3.93198H64.1975V12.9494ZM67.8391 12.9494H64.857V3.93198H67.8391V12.9494Z' fill='url(%23paint4_linear_7766_721)'/%3E%3Cpath d='M49.1417 16.8905C49.1417 16.3271 48.9607 15.8845 48.6186 15.5425C48.2565 15.2206 47.7737 15.0597 47.1701 15.0597L47.1699 14.8966C47.7637 14.8966 48.2622 15.0457 48.6508 15.3565L48.7268 15.4207L48.7342 15.4271C49.1097 15.8026 49.305 16.2883 49.305 16.8905V21.5803H46.1419V21.4173C46.1419 21.401 46.1451 21.3759 46.1461 21.3658C46.1479 21.3485 46.1501 21.3256 46.1525 21.2962C46.1572 21.2374 46.162 21.151 46.162 21.035V18.8701C46.1417 18.4632 46.1419 18.0973 46.1419 17.7757V16.8119H36.5653V14.8966H47.1699L47.1701 15.0597H36.7286V16.649H46.305V17.7757L46.3075 18.2886C46.3101 18.4697 46.3151 18.6609 46.3251 18.8621V21.0349L46.3219 21.1938C46.3162 21.3304 46.305 21.4021 46.305 21.4171H49.1417V16.8905ZM40.8328 6.18738V11.559H39.2635V6.18738H40.8328ZM46.305 4.09505V11.2774C45.9026 11.3981 45.4801 11.4584 45.0174 11.4786C44.5346 11.5188 44.0718 11.559 43.6292 11.559V6.18738H45.0979V4.59802H34.938V6.18738H36.4871V11.559H34.8173V13.1283H43.5286L43.8533 13.1209C44.1852 13.1059 44.5397 13.0679 44.9168 13.0076C45.3997 12.9472 45.8624 12.8265 46.305 12.6656V14.0537H49.1417V4.09505H46.305ZM39.4268 11.3957H40.6694V6.35069H39.4268V11.3957ZM49.305 14.2169H46.1419V12.8942C45.7574 13.0205 45.3573 13.1159 44.9418 13.1682L44.9423 13.1687C44.4327 13.2503 43.9614 13.2914 43.5288 13.2914H34.6542V11.3957H36.3242V6.35069H34.7747V4.43483H45.2609V6.35069H43.7922V11.3925C44.1773 11.3845 44.5793 11.3515 45.0039 11.3161L45.0103 11.3155L45.1781 11.3065C45.521 11.2834 45.8387 11.2348 46.1419 11.1536V3.93198H49.305V14.2169Z' fill='url(%23paint5_linear_7766_721)'/%3E%3Cpath d='M28.9958 3.99251H32.2397L32.1213 4.22827C32.1151 4.24071 32.1072 4.26646 32.1027 4.32173C32.0983 4.37668 32.0985 4.44507 32.0985 4.53785V5.22125L32.1595 21.6207H28.9958V19.8477C28.9958 19.506 28.9957 19.14 29.016 18.7331V9.59085L29.0043 8.85064C28.9958 8.12711 28.9958 7.45486 28.9958 6.85142V3.99251ZM27.6098 9.44659C27.6098 8.76256 27.469 8.11877 27.2075 7.51521C26.961 7.00473 26.6373 6.55602 26.2638 6.15528L26.1009 5.9862C25.6181 5.56371 25.095 5.22169 24.4914 4.96015C23.9634 4.74895 23.4044 4.6301 22.8283 4.60369L22.5802 4.59802C21.9364 4.59802 21.3127 4.71873 20.7092 4.96015C20.1056 5.20157 19.5624 5.54359 19.0997 5.96608C18.6168 6.40869 18.2547 6.93177 17.973 7.51521C17.6914 8.11877 17.5505 8.76256 17.5505 9.44659L17.557 9.70024C17.5878 10.2859 17.7266 10.8272 17.973 11.3377C18.2346 11.9413 18.5967 12.4443 19.0796 12.8667C19.5222 13.3094 20.0654 13.6514 20.6689 13.8928C21.197 14.1216 21.7406 14.2428 22.3265 14.2695L22.5802 14.275C23.2441 14.275 23.8879 14.1543 24.4914 13.9129C25.095 13.6715 25.6181 13.3295 26.1009 12.8869C26.4882 12.5172 26.8291 12.0858 27.097 11.5795L27.2075 11.3579C27.4363 10.8474 27.5725 10.2907 27.603 9.7013L27.6098 9.44659ZM24.63 9.42624C24.6299 9.03979 24.5718 8.6333 24.4558 8.24636C24.3399 7.88004 24.1866 7.5538 23.9965 7.26772C23.8074 7.00311 23.5799 6.7755 23.3327 6.58433C23.0689 6.43521 22.8196 6.35071 22.5803 6.35069C22.2164 6.35069 21.928 6.4577 21.6728 6.63902C21.4065 6.86857 21.1837 7.13194 21.0361 7.42702L21.0345 7.43074C20.8617 7.75722 20.7451 8.10504 20.6671 8.4561C20.5886 8.82946 20.5503 9.15921 20.5503 9.44642C20.5503 9.82101 20.5953 10.1786 20.6836 10.5063L20.7239 10.6449L20.7255 10.6497L20.7266 10.6544C20.811 10.9922 20.9389 11.2968 21.0951 11.5433L21.1636 11.6453L21.1668 11.6495C21.3359 11.9032 21.5134 12.103 21.7238 12.2453L21.8162 12.3027L21.822 12.3059L21.8279 12.3101C22.0598 12.4706 22.3087 12.5427 22.6005 12.5427L22.6003 12.7058L22.4815 12.702C22.2085 12.6841 21.964 12.6026 21.7352 12.4443C21.4535 12.2833 21.2322 12.0419 21.0311 11.7401C20.8299 11.4584 20.6689 11.0963 20.5683 10.6939C20.4476 10.3117 20.3873 9.8892 20.3873 9.44659C20.3873 9.14481 20.4275 8.8028 20.508 8.42054C20.5784 8.10362 20.6798 7.78675 20.8253 7.48331L20.8902 7.35426C21.0512 7.03236 21.2926 6.7507 21.5743 6.50928C21.8559 6.30809 22.1778 6.18738 22.5802 6.18738L22.686 6.19192C22.9324 6.21339 23.1788 6.30813 23.4252 6.44892C23.6867 6.65011 23.9281 6.89153 24.1293 7.17319C24.3305 7.47497 24.4914 7.81699 24.6122 8.19924C24.7329 8.60161 24.7932 9.0241 24.7932 9.42647C24.7932 9.8892 24.7329 10.3117 24.6122 10.7141C24.4914 11.1164 24.3305 11.4786 24.1293 11.7602C23.9281 12.062 23.6867 12.2833 23.4252 12.4443C23.1435 12.6253 22.882 12.7058 22.6003 12.7058L22.6005 12.5427C22.8466 12.5427 23.0779 12.4735 23.337 12.3069L23.3396 12.3053L23.4294 12.2469C23.6371 12.104 23.8295 11.9162 23.9938 11.6697L23.9965 11.6655C24.184 11.4029 24.3384 11.0586 24.4558 10.6672C24.5716 10.2812 24.63 9.87432 24.63 9.42624ZM27.7729 9.44642C27.7729 10.1531 27.6272 10.8197 27.3561 11.4244L27.3551 11.4271C27.0639 12.0508 26.669 12.5697 26.2134 13.0047L26.2113 13.0073C25.7154 13.4618 25.1756 13.8151 24.5519 14.0645C23.9284 14.3139 23.2641 14.4383 22.5803 14.4384C21.8774 14.4384 21.2327 14.3138 20.6082 14.0438C19.9869 13.7953 19.4242 13.4424 18.9642 12.9824C18.4665 12.5448 18.0928 12.0239 17.8236 11.4026C17.5328 10.798 17.3876 10.1515 17.3876 9.44642C17.3877 8.73928 17.5332 8.07184 17.8252 7.44614L17.8262 7.44455C18.1152 6.84588 18.489 6.30462 18.9897 5.8457L19.1723 5.68587C19.6078 5.32306 20.1046 5.02621 20.6485 4.80866C21.2711 4.5596 21.9155 4.43483 22.5803 4.43483C23.2641 4.43485 23.9284 4.55929 24.5519 4.80866L24.5561 4.81025C25.1764 5.07902 25.7137 5.43068 26.2081 5.86323L26.2123 5.86694L26.2161 5.87066C26.6125 6.26711 26.9638 6.7131 27.2404 7.22206L27.3545 7.44455L27.3572 7.45039L27.4528 7.68615C27.6615 8.24075 27.7729 8.82782 27.7729 9.44642ZM29.159 6.85129L29.1615 8.14388C29.164 8.60158 29.169 9.08444 29.1791 9.58742V18.7414C29.159 19.1437 29.159 19.5059 29.159 19.8479V21.4574H31.9957L31.9353 5.22169V4.53766C31.9353 4.35659 31.9353 4.23588 31.9756 4.15541H29.159V6.85129Z' fill='url(%23paint6_linear_7766_721)'/%3E%3Cpath d='M8.81406 4.65837H0.16307V13.3496L0.170451 13.541C0.205902 13.9772 0.366836 14.3404 0.666035 14.6573C0.987932 15.0194 1.47078 15.2005 2.11457 15.2005H8.81406V4.65837ZM5.99746 6.24774V13.6111H2.97967V6.24774H5.99746ZM3.143 13.448H5.83411V6.41069H3.143V13.448ZM16.1977 8.19698L16.1976 8.36019H15.2319L15.2318 8.19698H16.1977ZM15.2318 8.19698L15.2319 8.36019H14.568L14.568 8.19698H15.2318ZM13.8236 4.09505H11.007V4.83944L11.0092 5.24195C11.0118 5.38775 11.017 5.54366 11.0271 5.70454V19.8278C11.007 20.1497 11.007 20.4313 11.007 20.6728V21.4171H13.8236V9.92944H16.6402V8.34007C16.6402 8.36019 16.4792 8.36019 16.1976 8.36019L16.1977 8.19698C16.3397 8.19698 16.4469 8.19725 16.5189 8.19485C16.5559 8.19362 16.5775 8.19151 16.5874 8.19007C16.5935 8.18917 16.5862 8.18997 16.5736 8.19485C16.5677 8.19715 16.5493 8.20433 16.5301 8.2214C16.5088 8.24022 16.4771 8.28015 16.477 8.33981H16.8035V10.0926H13.9866V21.5803H10.8441V20.6728C10.8441 20.4331 10.8437 20.1488 10.8638 19.8238V5.70446C10.8439 5.38068 10.8441 5.07803 10.8441 4.83946V3.93198H13.9866V8.18636C14.1849 8.1964 14.3743 8.19698 14.568 8.19698L14.568 8.36019L14.2032 8.35787C14.08 8.35535 13.9543 8.35013 13.8236 8.34007V4.09505ZM8.9771 15.3634H2.11445C1.4421 15.3633 0.909554 15.1738 0.547462 14.7686C0.175031 14.3743 4.50088e-05 13.9116 0 13.3498V4.49537H8.9771V15.3634Z' fill='url(%23paint7_linear_7766_721)'/%3E%3Cpath d='M46.4852 2.11416C46.4003 2.02922 46.4003 1.89151 46.4852 1.80657L47.6387 0.653116C47.7236 0.568178 47.8613 0.568178 47.9463 0.653116L49.0997 1.80657C49.1847 1.89151 49.1847 2.02922 49.0997 2.11416L47.9463 3.26762C47.8613 3.35256 47.7236 3.35256 47.6387 3.26762L46.4852 2.11416Z' fill='%233A87F6'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_7766_721' x1='-211.714' y1='11.3417' x2='74.2202' y2='11.3417' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234F94F7'/%3E%3Cstop offset='1' stop-color='%233182F6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_7766_721' x1='-174.037' y1='11.3417' x2='164.104' y2='11.3417' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234F94F7'/%3E%3Cstop offset='1' stop-color='%233182F6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_7766_721' x1='-91.3' y1='11.2809' x2='244.016' y2='11.2809' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234F94F7'/%3E%3Cstop offset='1' stop-color='%233182F6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_7766_721' x1='-8.28374' y1='11.3417' x2='285.681' y2='11.3417' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234F94F7'/%3E%3Cstop offset='1' stop-color='%233182F6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_7766_721' x1='-204.11' y1='11.3373' x2='73.4015' y2='11.3373' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234F94F7'/%3E%3Cstop offset='1' stop-color='%233182F6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_7766_721' x1='-169.402' y1='11.3373' x2='161.205' y2='11.3373' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234F94F7'/%3E%3Cstop offset='1' stop-color='%233182F6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_7766_721' x1='-88.0523' y1='11.2774' x2='238.075' y2='11.2774' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234F94F7'/%3E%3Cstop offset='1' stop-color='%233182F6'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_7766_721' x1='-7.46292' y1='11.3373' x2='280.791' y2='11.3373' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234F94F7'/%3E%3Cstop offset='1' stop-color='%233182F6'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_7766_721'%3E%3Crect width='68' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");*/
/*    background-size:100%;*/
/*}*/

.header-main h1{
    margin-left:2rem;
}
.header-main h1.logotype-img{
    display: inline-block;
    max-width:17rem;
    width:100%;
    height:2.6rem;
}
.header-main h1.logotype-img > img{
    max-width:100%;
    max-height:2.6rem;
    object-fit: contain;
}
.header-main h1.logotype-txt{
    display: block;
    height: 100%;
    width: 20rem;
    padding: .4rem 0;
}
.header-main h1.logotype-txt span{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
}
.header-main-mcn{
    padding:1.5rem 0;
}
.header-main-mcn h1 {
    text-align: left;
    background:none !important;
}
.header-main-mcn h1 svg{
    width: 3.4rem;
    height: 2rem;
}
/*로그인*/
.login-wrap {
    font-size: 1.3rem;
    text-align: center;
    padding: 2rem 2.6rem;
}
.login-wrap > h1{
    text-align: center;
}
.login-wrap > h1.logo{
    display: inline-block;
    font-size: 0;
    line-height: 1;
}
.login-wrap > h1 > span svg{
    width: 12.6rem;
    height: auto;
}
.login-wrap > h1.mcn > span svg{
    width: 12.6rem;
    height: auto;
}
.login-wrap > h1 > span{
    display: inline-block;
}
.login-wrap .login-info{
    word-break: keep-all;
    color: #797979;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.417;
    padding: .9rem 2rem 1rem;
    margin: 2.4rem auto 2.8rem;
    border-radius: .6rem;
    border: 1px solid #f3f4f6;
    background: #fafafa;
}
.login-form .button-area {
    margin-top: 2rem
}
.login-input-wrap .input-group {
    padding: .4rem 0
}
.login-input-wrap .input-group + .input-group {
    margin-top: 0
}
.login-check-area {
    text-align: left;
    margin: .8rem 0 0 .3rem
}
.login-check-area label:last-child {
    margin-left: 2rem
}
.login-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #797979;
    margin: 2.3rem auto 4.4rem
}
.login-link a {
    padding: 1.2rem 2rem;
}
.login-link a:nth-child(2) {
    position: relative
}
.login-link a:nth-child(2)::before{
    content: '';
    position: absolute;
    top: 50%;
    background: #EBECEF;
    width: .1rem;
    height: 1.2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.login-link a:nth-child(2)::before {
    left: 0
}
.btn-login-linkstory{
    margin-top:.8rem;
}
.btn-login-linkstory em{
    position:relative;
    top:-.2rem;
    display:inline-block;
    width:8.8rem;
    height:1.8rem;
    margin-right:.4rem;
    background:url(/css/images/logo_linkstory.svg)no-repeat;
    background-size:100%;
    vertical-align:middle;
}

.agree-wrap {
    padding: 2.4rem 0 1.1rem;
    margin-top: 1.2rem;
    border-top: 1px solid #EBECEF
}
.agree-wrap ul {
    margin-top: .3rem
}
.agree-wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.3rem .5rem 0 .3em
}
.agree-wrap ul li a {
    color: #797979;
    font-size: 1.2rem
}
.check-wrap {
    padding-top: 1.2rem
}
.check-wrap p {
    padding-left: .3rem
}
.button-area {
    text-align: center;
    margin-top:2.4rem
}
.button-area > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.button-area > div > a{
    flex:1;
}
.button-area > div > div{
    padding-right:.8rem;
}
.button-area > div > div a{
    width:12rem;
}
.page-wrap {
    position: relative;
    padding: 0 2rem
}
.page-wrap > strong {
    position: relative;
    display: block;
    color: #333;
    font-size: 2.1rem;
    font-weight: 500;
    text-align: center;
    padding-top: 3.6rem;
    line-height: 1.5;
}
.page-wrap > strong::before {
    content: '';
    display: block;
    width: 4.6rem;
    height: 4.6rem;
    margin: 0 auto 2.1rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center
}
.page-wrap > strong span {
    display: block
}
.page-wrap > strong em {
    color: #3182F6;
    font-weight: 500;
}
.page-wrap .text-info-area {
    padding-top: 1.7rem;
    margin-top: .7rem
}
.page-wrap .text-info-area span {
    display: inline-block
}
.page-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.4rem;
    border-radius: .9rem;
    background: #F3F4F6
}
.page-info p {
    color: #4D4D4D;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    margin-right: 2.2rem
}
.page-info p strong {
    color: #333;
    font-size: 1.8rem;
    font-weight: 600;
    margin-left: 1.2rem;
}
.page-guide {
    padding-bottom: 10rem
}
.page-guide ul {
    padding: 2.2rem 2rem 1.8rem;
    border-radius: .9rem;
    background: #F6F7F9
}
.page-guide ul li {
    word-break: keep-all;
    position: relative;
    font-size: 1.2rem;
    line-height: 1.417;
    letter-spacing: -.04rem;
    padding-left: .6rem
}
.page-guide ul li::before {
    content: '-';
    position: absolute;
    left: 0;
    width: .4rem
}
.page-guide ul li + li {
    margin-top: .5rem
}
.page-guide ul li em {
    color: #3182F6
}
.check-page {
    padding-bottom: 2rem
}
.check-page > strong {
    padding-bottom: 3.7rem
}
.check-page > strong::before {
    background-color: #F0FAF1;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%231BC02C' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-size: 2.4rem auto;
}
.reset-page {
    padding-bottom: 2rem
}
.reset-page > strong {
    font-weight: 500;
    padding-bottom: 3rem;
}
.reset-page > strong::before {
    background-color: #F0F6FF;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.52002 11.015H0V3.69502L0.25 3.94502L2.23999 5.88503C3.19995 4.41499 4.43994 3.13503 5.93005 2.15504C7.32996 1.235 8.90002 0.585037 10.55 0.25502L10.5699 0.375015V0.354996L10.55 0.25502C12.27 -0.0850067 14.03 -0.0850067 15.75 0.25502C20.52 1.20503 24.33 4.74501 25.59 9.30501C25.83 10.165 25.17 11.015 24.26 11.015C23.95 11.015 23.66 10.915 23.42 10.735C23.1801 10.555 23.01 10.305 22.9301 10.015L22.9392 10.0123C21.7683 5.80367 17.819 2.69502 13.15 2.69502C9.32996 2.69502 6 4.78499 4.27002 7.84499L7.26001 10.755L7.52002 11.015Z' fill='%233182F6'/%3E%3Cpath d='M26.0499 21.375L26.04 21.385L26.3 21.635V14.275H18.8301L19.0901 14.535L22.04 17.445C20.3101 20.515 16.9801 22.595 13.15 22.595C8.4801 22.595 4.53003 19.485 3.36011 15.275C3.28003 14.985 3.11011 14.735 2.87 14.555C2.63 14.375 2.34009 14.275 2.03003 14.275C1.12 14.275 0.460083 15.125 0.700073 15.985C2.45007 22.275 8.95007 26.405 15.76 25.035C19.25 24.335 22.2101 22.255 24.0601 19.415L26.0499 21.375Z' fill='%233182F6'/%3E%3C/svg%3E%0A");
    background-size: 2.6rem auto
}
.reset-page .button-area {
    margin-top: 2rem
}
.confirm-page p {
    color: #797979;
    font-size: 1.3rem;
    text-align: center;
    padding-top: 2rem
}
.confirm-page > strong {
    padding: 1.2rem 0 4rem
}
.confirm-page > strong::before {
    display: none
}
.confirm-page > strong::after {
    content: '';
    display: inline-block;
    width: 13rem;
    height: 13.8rem;
    margin-top: 3.2rem;
    background: url(../images/img_confirm.png) no-repeat center;
    background-size: 100%
}
.video-wrap{
    position:relative;
    height:0;
    padding-bottom:56.25%;
    overflow:hidden;
}
.video-wrap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.thumbnail {
    position: relative;
    width: auto;
    height: auto;
    background:#fff;
    overflow: hidden;
    border-radius: .6rem
}
.thumbnail::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.03);
    border-radius: .6rem;
}
.thumbnail img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.chat-message-area .prd-thumbnail img{
    width: 100%;
    height: 100%
}
.thumbnail-circle,
.thumbnail-circle::after{
    border-radius: 50%
}
.thumbnail .soldout {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 1rem;
    background: rgba(51, 51, 51, 0.6)
}
.rank{
    position: absolute;
    top: 0;
    left: 0;
    padding: .3rem .2rem .2rem;
    color: #fff;
    font-size:1.3rem;
    lette-spacing:-.1rem;
    text-align: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.4rem 0;
    background:#697192;
}
.rank.top-rank{
    background:#48c7e0;
}
.rank strong{
    font-weight: 600;
}
.list-sort-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*margin: .3rem auto .9rem;*/
    color: #4D4D4D;
    font-size: 1.3rem;
    line-height: 1;
    position: relative;
    /*padding: 0 2rem;*/
    padding: .3rem 2rem .9rem;
    background: #fff;
}
.list-sort-area .sort-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: right;
}
/* 필터 버튼 */
.btn-select-arrow ul {
    overflow: hidden;
    height: 1.95rem;
    font-size: 0;
    text-align: right;
}
.btn-select-arrow ul li {
    position: relative;
    display: inline-block;
    color: #333;
    font-size: 1.3rem;
    letter-spacing: -.08rem;
    line-height: 1.5;
}
.btn-select-arrow ul li + li::before {
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin: 0 .4rem .4rem .4rem;
    border-radius: 50%;
    background: #333
}
.btn-select-arrow .btn-sort-category ul li::after{
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin: 0 .4rem .4rem .4rem;
    border-radius: 50%;
    background: #333;
}
.btn-select-arrow ul li span {
    color: #3182F6
}
.btn-select-arrow {
    font-weight: 400;
    margin: -.6rem 0;
    border: none;
    max-width: 28rem;
    padding-right: 1.5rem;
}
.btn-select-arrow::after {
    position: absolute;
    top: 1.25rem;
    right: 2rem;
    margin-left: 0;
}
.btn-select-arrow .link-arrow {
    color: #4D4D4D;
    font-size: 1.3rem
}
.btn-select-arrow .link-arrow .icon-arrow-right {
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%234D4D4D' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")
}
/* 필터버튼 아이템 정렬 */
.btn-select-arrow ul li:nth-last-child(2):not(:nth-child(-n+3)){
    padding-right: 1.5rem;
}
.btn-select-arrow ul li:nth-last-child(2):not(:nth-child(-n+3))::after{
    content: '···';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.8rem;
    letter-spacing: -.2rem;
    line-height: 1;
}
@media (max-width: 385px) {
    .btn-select-arrow{
        max-width: 25rem;
    }
    .btn-select-arrow ul li:nth-last-of-type(-n+3):nth-last-of-type(n+2):not(:nth-child(-n+2)){
        padding-right: 1.5rem;
    }
    .btn-select-arrow ul li:nth-last-of-type(-n+3):nth-last-of-type(n+2):not(:nth-child(-n+2))::after{
        content: '···';
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.8rem;
        letter-spacing: -.2rem;
        line-height: 1;
    }
}

/* 상품목록&픽한상품 필터 */
.prd-select-filter{
    font-weight: 400;
    border: none;
    padding-right: 1.5rem;
}
.prd-select-filter::after{
    content: '';
    position: absolute;
    top: 1.25rem;
    right: 2rem;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0;
    border: 0 solid transparent;
    border-right-width: .4rem;
    border-left-width: .4rem;
    border-top: 0.45rem solid #333;
    vertical-align: middle;
}
.prd-select-filter ul{
    overflow: hidden;
    height: 2.3rem;
    font-size: 0;
    text-align: right;
}
.prd-select-filter ul li{
    position: relative;
    display: inline-block;
}
.prd-select-filter ul li + li::before{
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    margin: 0 .4rem;
    border-radius: 50%;
    background: #333
}
.prd-select-filter ul li .btn{
    color: #333;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 0;
    line-height: 1.77;
    letter-spacing: -.08rem;
    border: none;
}
.prd-select-filter ul li .btn > span{
    position: relative;
    color: #3182F6;
    clip-path: unset;
}
/* 상품목록&픽한상품 필터 아이템 정렬 */
.prd-select-filter ul li:nth-last-child(2):not(:nth-child(-n+4)){
    padding-right: 1.5rem;
}
.prd-select-filter ul li:nth-last-child(2):not(:nth-child(-n+4))::after{
    content: '···';
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.8rem;
    letter-spacing: -.2rem;
    line-height: 1;
}
@media (max-width: 425px) {
    .prd-select-filter {
        max-width: 30rem;
    }
    .prd-select-filter ul li:nth-last-child(2):not(:nth-child(-n+3)) {
        padding-right: 1.5rem;
    }
    .prd-select-filter ul li:nth-last-child(2):not(:nth-child(-n+3))::after {
        content: '···';
        position: absolute;
        top: .2rem;
        right: 0;
        font-size: 1.8rem;
        letter-spacing: -.2rem;
    }
}
@media (max-width: 385px) {
    .prd-select-filter {
        max-width: 25rem;
    }
    .prd-select-filter ul li:nth-last-of-type(-n+3):nth-last-of-type(n+2):not(:nth-child(-n+2)){
        padding-right: 1.5rem;
    }
    .prd-select-filter ul li:nth-last-of-type(-n+3):nth-last-of-type(n+2):not(:nth-child(-n+2))::after{
        content: '···';
        position: absolute;
        top: .2rem;
        right: 0;
        font-size: 1.8rem;
        letter-spacing: -.2rem;
    }
}


.agency-list {
    border-top: .8rem solid #F3F4F6
}
.agency-list li {
    position: relative;
    padding: 0 2rem
}
.agency-list li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F3F4F6
}
.agency-list-item {
    position: relative;
    font-size: 1.4rem;
    padding: 1.8rem 0
}
.agency-list-item > a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 -2rem;
}
.agency-list-item .agency-list-button + a{
    height: calc(100% - 5.5rem);
}
.agency-list-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.078;
}
.agency-list-info-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .1rem 0 .5rem;
}
.agency-list-info-top .icon-grade{
    min-width: 1.5rem;
    height: 1.5rem;
    margin-top: -.1rem;
}
.agency-list-info-top .icon-new{
    min-width: 2rem;
    height: .6rem;
    margin-top: -.1rem;
}
.agency-list-info-top label + label {
    margin-left: .2rem
}
.agency-list-info-left{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(100% - 3rem);
}
.agency-list-info-right {
    margin-left: auto
}
.agency-list-info-right .form-switch-pick{
    z-index: 1;
}
.agency-list-info-category{
    font-size: 0;
    word-break:keep-all;
}
/*.agency-list-info-category span{*/
/*    display:inline-block;*/
/*}*/
.agency-list-info-category .label-sm{
    padding: .1rem .4rem;
    margin: .1rem;
}
.agency-list-info-star-grade {
    margin-top: .4rem
}
.agency-list-info-product {
    font-size: 0;
    line-height: 1.5;
    margin-bottom: .7rem;
}

.agency-list-info-product .agency-date-info span{
    color:#949494;
    letter-spacing: -.06rem;
}

.agency-list-info-product span {
    position: relative;
    color: #797979;
    font-size: 1.2rem;
    margin-top: .2rem
}
.agency-list-info-product span + span {
    padding-left: .5rem;
    margin-left: .3rem
}
.agency-list-info-product span + span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #797979;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.agency-list-info-product span em {
    color: #333
}
.agency-list-info-product span em.text-blue{
    font-weight: 600;
}
/*.agency-list-info-margin .margin-text {*/
/*    color: #3182F6;*/
/*    font-size: 1.3rem;*/
/*    font-weight: 500;*/
/*    letter-spacing: -.05rem*/
/*}*/
/*.agency-list-info-margin strong {*/
/*    font-size: 1.2rem;*/
/*    margin-right: .5rem*/
/*}*/
/*.agency-list-info-margin span {*/
/*    font-size: 1.2rem;*/
/*    line-height: 1.417*/
/*}*/
/*.agency-list-info-margin span + span {*/
/*    margin-left: .5rem*/
/*}*/
/*.agency-list-info-margin span em {*/
/*    font-weight: 500;*/
/*}*/
.agency-list-info-state {
    line-height: 1
}
.agency-list-info-state span {
    color: #797979;
    font-size: 1.2rem
}
.agency-list-info-state span + span {
    margin-left: .4rem
}
.agency-list-info-state span em {
    color: #333
}
.agency-list-info-state span strong {
    color: #3182F6;
    font-weight: 500;
}
.agency-list-info-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.429;
    margin-right: .4rem;
}
.agency-list-info-price {
    margin-top: .3rem
}
.agency-list-info-price span {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.417;
    margin-right: .3rem
}
.agency-list-info-date {
    font-size: 1.2rem;
    margin-top: .2rem
}
.agency-list-info-date span {
    display: block;
    color: #797979;
    line-height: 1.417
}
.agency-list-info-date span em {
    color: #333
}
.agency-list-info-text span {
    color: #797979;
    font-size: 1.2rem;
    margin-top: .2rem
}
.agency-list-info-text span em {
    color: #333
}
.agency-list-area-thumb {
    position: relative;
    margin-right: 1.5rem
}
.agency-list-area-thumb .thumbnail {
    width: 6.5rem;
    height: 6.5rem
}
.agency-list-area-thumb .rank {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%
}
.agency-list-area-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0
}
/*.agency-list-area-text > a {*/
/*    display: block*/
/*}*/
.agency-list-area-button {
    z-index: 1;
    position: absolute;
    top: -1rem;
    right: -2rem
}
.agency-list-area-button .btn {
    display: block;
    padding: 0;
    border: 0;
    width: 4.2rem;
    height: 4.2rem
}
.agency-list-area-button .btn .icon {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.355' cy='26.6452' r='1.35484' transform='rotate(-90 21.355 26.6452)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='21.306' r='1.35484' transform='rotate(-90 21.355 21.306)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='15.9667' r='1.35484' transform='rotate(-90 21.355 15.9667)' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.agency-list-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 1.9rem;
}
.agency-list-button .memo-wrap {
    width: calc(100% - 8.3rem);
    padding-right: .4rem
}
.agency-list-button a {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
/* 차단업체리스트 */
.block-agency-list li{
    position: relative;
    padding: 0 2rem;
}
.block-agency-list li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F3F4F6;
}
.block-agency-list-item{
    position: relative;
    font-size: 1.4rem;
    padding:1.6rem 0;
}
.block-agency-list-info{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.block-agency-list-info-left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.block-agency-list-info-thumb{
    position: relative;
    margin-right: .8rem;
}
.block-agency-list-info-thumb .thumbnail{
    width:3.6rem;
    height:3.6rem;
}
.block-agency-list-info-left strong{
    font-weight:500;
}
.sale-list {
    border-top: .8rem solid #F3F4F6
}
.sale-list li {
    position: relative;
    padding: 0 2rem
}
.sale-list li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F0F2F4
}
.sale-list-wrap .list-sort-area {
    margin: 1.6rem auto 1rem
}
.sale-list-item {
    padding: 1.8rem 0 2.1rem;
    font-size: 1.4rem
}
.sale-list-area-thumb {
    position: relative;
    margin-right: 1.5rem
}
.sale-list-area-thumb .thumbnail {
    width: 7.8rem;
    height: 7.8rem
}
.sale-list-area-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0
}
.sale-list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.sale-list-info-top {
    margin-top: .2rem
}
.sale-list-info-top small {
    color: #aaa
}
.sale-list-info-top .link-arrow {
    float: right;
    top: -.5rem
}
.sale-list-info-name {
    display: block;
    padding-top: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.sale-list-info-price {
    margin-top: .6rem
}
.sale-list-info-price strong {
    margin-right: .1rem
}
.sale-list-info-price span {
    position: relative;
    padding-left: .5rem;
    font-size: 1.2rem
}
.sale-list-info-price span + span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #797979
}
.sale-list-info-sales {
    color: #797979;
    font-size: 1.2rem;
    margin-top: .7rem
}
.sale-list-info-sales span:first-child {
    margin-right: 1rem
}
.sale-list-info-score {
    margin-top: .7rem
}
.sale-list-info-score em {
    color: #3182F6;
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: -.05rem
}
.sale-list-info-score .btn-tooltip {
    padding: 0;
    margin-top: -.2rem;
    border: 0;
    width: 1.3rem;
    height: 1.3rem
}
.sale-list-info-score .btn-tooltip .icon {
    vertical-align: top;
    width: 100%;
    height: 100%
}
.sale-list-info-margin {
    margin: .7rem auto .1rem
}
.sale-list-info-margin .margin-text {
    color: #3182F6;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: -.05rem
}
.sale-list-info-margin .margin-text em {
    font-size: 110%;
    font-weight: bold
}
.sale-list.daily-list {
    position: relative;
    border-top-width: 0
}
.sale-list.daily-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 2rem;
    right: 2rem;
    height: .1rem;
    background: #F3F4F6
}
.sale-list.daily-list .sale-list-item {
    padding-bottom: 1.9rem
}
.sale-list.daily-list .sale-list-info-margin {
    margin-top: .8rem
}
.profit-list.product-list li + li{
    border-top: none;
}
/*.profit-list.product-list li:first-child .product-list-item {*/
/*    border-top: 1px solid #F3F4F6*/
/*}*/
.profit-list.product-list li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F0F2F4
}
.profit-list.product-list li .product-list-item {
    padding-bottom: 2.3rem
}
.profit-list.agency-list {
    border-top: none
}
.profit-list.agency-list li:first-child .agency-list-item {
    border-top: 1px solid #F3F4F6
}
.profit-nodata.board-nodata .board-nodata-list {
    padding: 3.1rem 2rem 13.6rem
}
.deposit-alert-wrap {
    padding: 1.6rem 2rem
}
.deposit-alert-wrap .btn-alert {
    border-radius: .9rem;
    background: #F0F6FF
}
.deposit-list {
    padding-top: .3rem
}
.deposit-list li {
    position: relative
}
.deposit-list li::after {
    content: '';
    position: absolute;
    left: 2rem;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #F0F2F4
}
.deposit-list li:first-child .deposit-list-info {
    border-top: 1px solid #F3F4F6
}
.deposit-list-item {
    display: block;
    position: relative;
    padding: 0 2rem;
    font-size: 1.3rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23aaa' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: right 2rem top 50%;
    background-repeat: no-repeat;
    background-size: 1.1rem auto;
}
.deposit-list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2rem 0
}
.deposit-list-area-date {
    color: #797979;
    padding: 0 2rem 0 .3rem
}
.deposit-list-area-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.deposit-list-area-text p {
    margin-top: .8rem
}
.deposit-list-area-left {
    letter-spacing: -.05rem
}
.deposit-list-area-left p {
    color: #797979;
    font-size: 1.2rem;
    margin: 0 0 0 .3rem
}
.deposit-list-area-left > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.deposit-list-area-left > div p::before {
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    margin: 0 .3rem .4rem 0;
    background: #797979
}
.deposit-list-area-left > div + div {
    margin-top: .8rem
}
.deposit-list-area-left > div + div p {
    color: #FF4646
}
.deposit-list-area-left > div + div p::before {
    background-color: #FF4646
}
.deposit-list-area-right {
    padding-right: 2.6rem;
    text-align: right
}
.deposit-list-area-right .price-text {
    color: #3182F6;
    font-size: 1.5rem
}
.deposit-nodata.board-nodata .board-nodata-profit {
    margin-top: 4.2rem
}
/*판매실적(작업시 페이지 전부 분리)*/
.performance-list .product-list-info-date span{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.performance-list .product-list-info-date span em{
    padding-left:0;
}
.performance-list .product-list-info-sample{
    margin-top: .6rem;
}
.performance-list.product-list li:first-child{
    border-top: none;
}
.performance-list.product-list li > a{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* 판매내역 상세 */
.performance-detail-wrap::before{
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #F6F7F9;
}
.performance-detail-wrap .info-detail-wrap{
    padding-bottom: 40px;
}
.order-detail-card-item{
    position: relative;
    padding: 1.8rem;
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
}
.order-detail-card-item > a{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.order-detail-card-item-info{
    display: flex;
    align-items: flex-start;
}
.order-detail-card-item-thumb{
    margin-right: 1.5rem;
}
.order-detail-card-item-thumb .thumbnail{
    width: 6.5rem;
    height: 6.5rem;
}
.order-detail-card-item-text{
    position: relative;
    width: calc(100% - 8rem);
    text-align: left;
}
.order-detail-card-item-status{
    display: flex;
    font-size: 1.2rem;
    line-height: 1.417;
}
.order-detail-card-item-status em{
    margin-left: .2rem;
}
.order-detail-card-item-status em .icon{
    width: 1.2rem;
    height: 1.2rem;
    margin: -.2rem .1rem 0 0;
    vertical-align: middle;
}
.order-detail-card-item-top .link-arrow{
    z-index: 2;
    position: absolute;
    right: 0;
    top: -.5rem;
    max-width: 9rem;
    padding-right: 1rem;
    text-align: right;
}
.order-detail-card-item-top .link-arrow > span{
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.order-detail-card-item-top .link-arrow .icon{
    position: absolute;
    top: .8rem;
    right: 0;
}
.order-detail-card-item-name{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.215;
    margin-top: .5rem;
}
.order-detail-card-item-price{
    flex-wrap: wrap;
    display: flex;
    align-items: flex-end;
    line-height: 1;
    margin-top: .2rem;
}
.order-detail-card-item-price strong{
    min-width: 0;
    display: inline-block;
    line-height: 1.334;
    margin-right: .5rem;
}
.order-detail-card-item-price > div{
    font-size: 0;
}
.order-detail-card-item-price span{
    display: inline-block;
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.25;
}
.order-detail-card-item-price > div em{
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    margin-left: .5rem;
}
.order-detail-card-item-price > div em .icon-cancel{
    width: .9rem;
    height: .9rem;
    vertical-align: middle;
    margin-top: -.2rem;
}

.product-list-info-price > div em .icon-cancel{
    width: .9rem;
    height: .9rem;
    vertical-align: middle;
    margin-top: -.2rem;
}

.benefit-wrap {
    padding: .9rem .4rem .7rem
}
.benefit-wrap::after {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #F0F2F4;
    background: #F6F7F9
}
.benefit-wrap.mcn-benefit-wrap{
    padding: 2.4rem 2rem;
    margin-bottom: 5rem;
}
.benefit-box-item + .benefit-box-item{
    margin-top: 2.4rem;
}
.benefit-box-title{
    padding-left: .8rem;
    margin-bottom: 1.2rem;
}
.benefit-box-title h3{
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.429;
}
.benefit-box-title .btn-tooltip{
    width: 1.7rem;
    height: 1.7rem;
    vertical-align: top;
    padding: 0;
    margin: .1rem 0 0 .3rem;
    border: none;
    border-radius: 0;
}
.benefit-box-title .btn-tooltip .icon-tooltip-white{
    width: 100%;
    height: 100%;
    vertical-align: top;
    background-size: 100% auto;
}
.benefit-box-cont{
    padding: .8rem 1.6rem;
    border-radius: .9rem;
    background: #fff;
    -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.08);
}
.benefit-list-wrap {
    padding: 1rem 0 .6rem;
    margin:0 1.6rem 0 1.2rem;
}
.mcn-benefit-wrap + .fixed-button .btn-wrap button{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 12rem;
}
.mcn-benefit-wrap + .fixed-button .btn-wrap button.btn-outline-blue {
    font-weight: 400;
}
.mcn-benefit-wrap + .fixed-button .btn-wrap a {
    width: 100%;
}
.mcn-benefit-wrap + .fixed-button .btn-wrap button + a{
    margin-left: .8rem;
}
.benefit-list-wrap + .benefit-list-wrap {
    border-top: 1px solid #ECECEC
}
.benefit-list-wrap.total .benefit-list-summary{
    font-weight: 500;
}
.benefit-list-wrap.total .benefit-list-summary em {
    font-weight: 500;
    line-height: 1.462;
}
.benefit-list-wrap.total .benefit-list-summary .price{
    font-weight: 600;
}
.benefit-list-wrap.total .benefit-list-summary .price span{
    font-weight: 500;
}
.benefit-list-item {
    color: #333;
    font-size: 1.3rem;
    padding: .3rem 0
}
.benefit-box-list + .benefit-box-list{
    margin-top: .4rem;
}
.benefit-box-list a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    padding: 1.2rem 1.7rem 1.2rem 2.2rem;
    border-radius: .9rem;
    background: #fff;
    -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.08)
}
.benefit-box-list a > span{
    display: inline-block;
    color: #797979;
    line-height: 1.462;
}
.benefit-box-list p.price{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.358;
}
.benefit-box-list p.price strong {
    font-size: 1.4rem;
    font-weight: 600;
}
.benefit-box-list p .icon-arrow-bottom.black{
    width: .9rem;
    height: .9rem;
    margin-left: .8rem;
    transform: unset;
}
.benefit-list-item.detail {
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.benefit-list-item.detail .benefit-link{
    position:absolute;
    top:-.2rem;
    right:-1.8rem;
    bottom:-.2rem;
    left:-1.2rem;
}
.benefit-list-item.detail .benefit-link::after{
    content:'';
    position:absolute;
    top:.9rem;
    right:.7rem;
    width:1.2rem;
    height:1.2rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%233182F6' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
}

.benefit-cancel .benefit-list-item.detail .benefit-link::after{
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23FF4646' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.benefit-list-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.benefit-list-summary strong{
    font-weight: 600;
}
.benefit-list-summary > span{
    font-weight: 500;
}
.benefit-list-summary .price {
    font-size: 1.4rem;
    line-height: 1.358
}
.benefit-list-summary .price span {
    font-size: 1.3rem
}
.benefit-detail-wrap {
    margin-top: .5rem
}
.benefit-detail-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #797979;
    font-size: 1.2rem
}
.benefit-detail-item + li {
    padding-top: .5rem
}
.benefit-detail-item em {
    position: relative;
    font-size: 1.2rem;
    padding-left: 1rem
}
.benefit-detail-item em::before {
    content: '';
    position: absolute;
    top: .4rem;
    left: 0;
    width: .6rem;
    height: .6rem;
    border: 1px solid #ccc;
    border-width: 0 0 .1rem .1rem
}
.benefit-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333;
    font-size: 1.3rem;
    padding:0 1.6rem 0 1.2rem;
}
.benefit-text em {
    font-weight: 500;
    line-height: 1.462
}
.benefit-text strong {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.357;
}
.benefit-text strong span {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 500;
}
.benefit-box {
    position:relative;
    color: #3182F6;
    padding:1rem .3rem .9rem 0;
    margin: .3rem -.2rem 1.1rem 0;
    border-radius: .4rem;
    background: #E9EEF6
}
.benefit-box.red {
    background: #F7ECEC
}
.benefit-box.red .benefit-text {
    color: #FF4646
}
.benefit-box.lightblue{
    background: #F0F6FF;
}
.benefit-box .benefit-text {
    color: #3182F6;
    font-weight: 500;
}
.benefit-box .benefit-link{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.benefit-box .benefit-link::after{
    content:'';
    position:absolute;
    top:1.3rem;
    right:.7rem;
    width:1.2rem;
    height:1.2rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%233182F6' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
}
.tax-wrap .text-notice-area {
    margin-bottom: 1.6rem;
    border-top: none
}
.tax-list {
    margin-top: 1.2rem
}
.tax-list li {
    position: relative
}
.tax-list li:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 4rem);
    height: .1rem;
    background-color: #F0F2F4;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.tax-list li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F0F2F4
}
.tax-list-item {
    display: block;
    position: relative;
    padding: 0 2rem;
    font-size: 1.3rem
}
.tax-list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2rem 0
}
.tax-list-area-date {
    color: #797979;
    padding: 0 2rem 0 .3rem
}
.tax-list-area-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.tax-list-area-text p {
    color: #797979;
    font-size: 1.2rem;
    margin-top: .8rem
}
.tax-list-area-left {
    letter-spacing: -.05rem
}
.tax-list-area-left span {
    color: #797979
}
.tax-list-area-left span em {
    color: #333
}
.tax-list-area-right {
    text-align: right;
    padding-right: .5rem
}
.tax-list-area-right .tax-list-detail {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.tax-list-area-right .tax-list-detail .label-sm {
    max-width: 3.3rem;
    min-width: 3.3rem;
    font-weight: 500;
    margin-right: .4rem
}
.tax-list-area-right p {
    font-size: 1.3rem;
    margin-top: 0
}
.tax-list-area-right p .price-text {
    color: #3182F6;
    font-size: 1.4rem
}
.tax-list-area-right small {
    display: block;
    color: #797979;
    letter-spacing: -.05rem;
    margin-top: .7rem
}
.tax-list-area-right small span::after {
    content: '';
    display: inline-block;
    width: .1rem;
    height: 1rem;
    margin: 0 .4rem 0 .5rem;
    background: #EBECEF
}
.tax-list-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.tax-list-detail .label-sm {
    max-width: 4.2rem;
    min-width: 4.2rem;
    padding: .1rem .3rem .2rem;
    margin-right: .2rem;
    border-radius: .4rem
}
.tax-list-detail span {
    color: #797979;
    font-size: 1.2rem;
    margin-left: .2rem
}
.tax-list-detail + div {
    margin-top: .7rem
}
.tax-list-detail + div .label {
    letter-spacing: 1.75rem
}
.tax-nodata.board-nodata .board-nodata-profit {
    margin-top: 10.7rem
}
.product-list li {
    position: relative;
    padding: 0 2rem;
    border-top: .8rem solid #F3F4F6
}
.product-list-item {
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 1.8rem 0
}
.product-list-area-status{
    flex: 0 0 100%;
    line-height: 1;
    margin-bottom: .8rem;
}
.product-list-area-status strong{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.215;
}
.product-list-area-status em{
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.334;
    vertical-align: top;
    margin-left: .4rem;
}
.product-list-area-status em .icon{
    width: 1.2rem;
    height: 1.2rem;
    margin: -.3rem .1rem 0 0;
    vertical-align: middle;
}
.product-list-area-thumb {
    position: relative;
    margin-right: 1.5rem
}
.product-list-area-thumb .thumbnail {
    width: 7.8rem;
    height: 7.8rem
}
.product-list-area-thumb .rank {
    position: absolute;
    top: 0;
    left: 0
}
.product-list-area-text {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0
}
.product-list-area-text a {
    display:block;
}
.product-list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.product-list-info-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    justify-content: space-between;
}
.product-list-info-top .product-list-info-date{
    max-width:20rem;
}
.product-list-info-top .product-list-badge{
    margin-bottom:.2rem;
    font-size:0;
}
.product-list-info-top .product-list-badge label{
    margin:0 .2rem .1rem 0;
}
.product-list-info-top strong {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.462
}
.product-list-info-top small {
    padding:.2rem 0;
    color: #aaa
}
.product-list-info-top .link-arrow{
    z-index: 2;
    position: absolute;
    right: 0;
    flex:0 0 auto;
    top:-.5rem;
    max-width:12rem;
    padding-right:1rem;
    margin-bottom:-.4rem;
    text-align:right;
    margin-left:auto;
}
.product-list-info-top .link-arrow span{
    display:block;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.product-list-info-top .link-arrow .icon{
    position:absolute;
    top:.8rem;
    right:0;
}
.product-list-info-right {
    margin-left: auto
}
.product-list-info-right .switch-wrap {
    position: relative;
    top: -.1rem;
    right: -.3rem
}
.product-list-info-date span {
    display: block;
    color: #aaa;
    font-size: 1.2rem;
    line-height: 1.417
}
.product-list-info-date span em {
    display:inline-block;
    color: #333;
    padding-left: .3rem
}
.product-list-info-date small {
    color: #aaa
}
.product-list-info-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    text-overflow: ellipsis;
    font-size: 1.4rem;
    line-height: 1.215;
    padding-top: .5rem;
}
.product-list-info-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .8rem
}
.product-list-info-price > span{
    color: #797979;
    font-size: 1.2rem;
    margin-left: .5rem;
}
.product-list-info-price > span.text-red{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
}
.product-list-info-price > span.text-red .icon{
    width: .9rem;
    height: .9rem;
    vertical-align: top;
}
.product-list-info-margin {
    color: #3182F6;
    line-height: 1.462;
    margin-top: .4rem;
}
.product-list-info-margin strong {
    font-size: 1.3rem;
    font-weight:600;
    letter-spacing: -.05rem;
}
.product-list-info-margin strong::before {
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    margin: 0 .3rem .4rem 0;
    background: #3182F6
}
.product-list-info-margin span {
    font-size: 1.2rem;
    margin-left: .5rem
}
.product-list-info-margin .margin-text {
    color: #3182F6;
    font-size: 1.3rem;
    font-weight:600;
    letter-spacing: -.05rem
}
.product-list-info-margin .label{
    top:-.1rem;
    margin-left: .3rem;
}
.product-list-info-sample{
    color: #6764ff;
    font-size: 1.2rem;
    line-height: 1.167;
    letter-spacing:-.06rem;
    margin-top: .3rem;
}
.product-list-info-sample strong{
    font-weight:500;
}
.product-list-info-sample .icon{
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: top;
    margin: .1rem .2rem 0 0;
}
.product-list-info-count{
    font-size: 1.2rem;
    line-height: 1.417;
    margin-top: .4rem;
    letter-spacing:-.04rem;
}
.product-list-info-count span{
    position: relative;
    padding-right: .6rem;
    color: #949494;
}
.product-list-info-count span + span::before {
    content: '';
    position: absolute;
    top:48%;
    left:-.5rem;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #ccc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.product-list-info-review {
    margin-top: .7rem
}
.product-list-info-hotdeal {
    margin-top: .6rem
}
.product-list-info-state {
    margin-top: .4rem
}
.product-list-info-state span {
    color: #797979;
    font-size: 1.2rem
}
.product-list-info-state span + span {
    margin-left: .4rem
}
.product-list-info-state span em {
    color: #333
}
.product-list-info-state span strong {
    color: #3182F6;
    font-weight: 500;
}
.product-list-info-explain{
    position: relative;
    color: #797979;
    font-size: 1.2rem;
    padding-left: 1.6rem;
    margin: .2rem 0 .3rem;
}
.product-list-info-explain::before{
    content: '';
    position: absolute;
    top: .2rem;
    left: .4rem;
    width: .6rem;
    height: .6rem;
    border: 1px solid #ccc;
    border-width: 0 0 .1rem .1rem;
}
.product-list-info-user{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top:.7rem;
    color:#797979;
    font-size:1.2rem;
}
.product-list-info-user .label{
    margin-right:.4rem;
}
.product-list-info-period{
    margin-top: .5rem;
}
.product-list-info-delivery{
    margin-left: .6rem;
}
.product-list-info-hashtag{
    margin-top: .2rem;
}
.product-list-info-hashtag > a{
    display: inline-block;
    color: #3182F6;
    font-size: 1.2rem;
    margin-right: .2rem;
}

.product-list-gauge-wrap{
    margin-top: 1.6rem;
}
.product-list-gauge-wrap .status-bar{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: .5rem;
    border-radius: 50px;
    background: #EBECEF;
}
.product-list-gauge-wrap .status-bar span{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 50px;
    background: #3182F6;
}
.product-list-gauge-wrap .status-txt{
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    line-height: 1.155;
    margin-top: .7rem;
}
.product-list-gauge-wrap .status-txt strong{
    display: inline-block;
    color: #3182F6;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.231;
    margin-top: -.1rem;
}
.product-list-gauge-wrap .status-txt > div span{
    display: inline-block;
    color: #aaa;
    line-height: 1.417;
}
.product-list-gauge-wrap .status-txt > div .benefit-box-title{
    padding-left: 0;
    margin-bottom: 0;
}
.product-list-gauge-wrap .status-txt > div .benefit-box-title .btn-tooltip{
    margin-top: -.1rem;
}
.product-list-gauge-wrap .status-txt > div strong + span{
    margin-left: .4rem;
}
.product-list-button-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top:2.4rem
}
.product-list-button-area > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.product-list-button-area > div:first-child > .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
}
.product-list-button-area > div:first-child > .btn + .btn{
    margin-left:.4rem;
}
.product-list-button-area > div:first-child .btn.btn-share .icon {
    position:relative;
    top:-.1rem;
    width:1.3rem;
    height:1.3rem;
    margin-right:.3rem;
    vertical-align: middle;
}
.product-list-button-area .btn-more {
    width: 3.7rem;
    height: 3.7rem;
    padding: 0;
    margin-left: .4rem
}
.product-list-button-area .btn-more .icon {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.product-view-area-thumb .thumbnail {
    width: 100%;
    height: 100%;
    border-radius: 0
}
.product-view-info {
    position: relative;
    padding: 0 2rem;
    margin:1.8rem auto 1.9rem
}
.product-view-info-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #797979;
    font-size: 1.3rem;
    margin-bottom:1.2rem;
}
.product-view-info-top .agency-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin:-.6rem 0 -.5rem;
}
.product-view-info-top .agency-link .thumbnail {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem
}
.product-view-info-top .agency-link .icon {
    position: relative;
    top: -.1rem
}
.product-view-info-top p{
    color:#949494;
    font-size:1.2rem;
}
.product-view-info-top p span{
    position:relative;
    display:inline-block;
}
.product-view-info-top p span + span{
    padding-left:.4rem;
    margin-left:.2rem;
}
.product-view-info-top p span + span::before{
    content: '';
    position: absolute;
    top:48%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #ccc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.product-view-info-badge{
    font-size:0;
}
.product-view-info-badge label{
    margin:0 .2rem .1rem 0;
}
.product-view-info-name {
    margin:.6rem auto .4rem;
    font-size:1.8rem;
    font-weight:600;
    line-height:1.471;
    letter-spacing:-.06rem;
}
.product-view-info .product-view-info-count{
    color:#949494;
    font-size:1.2rem;
    margin-bottom:.2rem;
}
.product-view-info .product-view-info-count span{
    position:relative;
    display:inline-block;
}
.product-view-info .product-view-info-count span + span{
    padding-left:.5rem;
    margin-left:.1rem;
}
.product-view-info .product-view-info-count span + span::before{
    content: '';
    position: absolute;
    top:48%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #ccc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.product-view-area-text{
    padding-top:1.8rem;
    margin-top: 1.8rem;
    border-top: 1px solid #ebecef;
}
.product-view-area-text .delivery-text{
    font-size:1.2rem;
    margin-top: .3rem;
}
.product-view-area-text .delivery-text .icon{
    top:.2rem;
    margin-right:.4rem;
    width:1.9rem;
    height:1.2rem;
}
.product-view-area-text .delivery-text + .product-list-info-sample{
    margin-left:.6rem;
}
.product-view-area-text .product-list-info-sample{
    display:inline-block;
}
.product-view-info-hotdeal .hotdeal-text {
    padding: .5rem 1rem .4rem;
    border-radius: .4rem
}
.product-view-info-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align:end;
    -ms-flex-align:end;
    -webkit-align-items:flex-end;
    align-items:flex-end;
    margin-top: 1.6rem;
    font-size: 1.3rem
}
.product-view-info-price .price-text {
    font-size: 2.1rem
}
.product-view-info-price .price-text em {
    font-size: 1.7rem
}
.product-view-info-margin{
    padding-bottom:.1rem;
    text-align:right;
}
.product-view-info-margin > div{
    margin-top:.4rem;
    color: #3182F6;
    font-size:1.4rem;
    font-weight:600;
}
.product-view-info-margin > div strong{
    font-weight:600;
}
.product-view-info-margin > div strong::before{
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    margin: 0 .3rem .4rem 0;
    background: #3182F6;
}
.product-detail .product-view-info-box{
    margin-top:1.8rem;
    padding-top:1.5rem;
    border-top:1px solid #ebecef;
}
.product-detail .product-view-info-period{
    margin-bottom:1rem;
}
.product-detail .product-view-info-period ul{
    padding:0;
}
.product-detail .product-view-info-period ul + .product-view-info-hashtag{
    margin-top: .8rem;
}
.product-detail .product-view-info-period li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding:1.2rem 1.8rem 1.1rem;
    color:#797979;
    font-size:1.3rem;
    border-radius:8px;
    background:#f7fafd;
}
.product-detail .product-view-info-box li p{
    flex:1;
    color:#213573;
    font-weight:600;
    text-align:right;
}
.product-view-info-hashtag{
    margin: .8rem 0 0 .6rem;
}
.product-view-info-hashtag > a{
    display: inline-block;
    color: #3182F6;
    font-size: 1.2rem;
    margin-right: .2rem;
}
.product-view-info .button-area {
    margin-top: 1.7rem
}
.product-description {
    color: #333;
    font-size: 1.4rem;
    padding: 2.2rem 2rem .8rem
}
.product-description em {
    display: block;
    line-height: 1.358
}
.product-description p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 11.5rem;
    color: #797979;
    line-height: 1.643;
    margin: .8rem 0 1.4rem
}
.product-description .btn-list-more {
    color: #797979;
    font-size: 1.2rem;
    padding: 1rem 0;
    border-top: 1px solid #F0F2F4
}
.product-description .btn-list-more::after {
    content: '';
    display: inline-block;
    margin: 0 0 .1rem .4rem;
    width: .9rem;
    height: .9rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23ccc' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
/* 상품상세 판매가이드 */
.product-guide-wrap{
    position: relative;
    margin-bottom: 2rem;
}
.product-guide-wrap .message-wrap{
    top: -2.6rem;
    left: -1rem;
    padding: .8rem 1.1rem .7rem;
    background: linear-gradient(90deg, #587FFC 26.8%, #8D78FE 95.73%);
}
.product-guide-wrap .message-wrap::before{
    border-right: .9rem solid #587FFC;
    border-top: .9rem solid #587FFC;
}
.product-guide-wrap button{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: .9rem 1.5rem 1rem 1.6rem;
    border-radius: .8rem;
    border: 1px solid rgba(51, 164, 210, .35);
    background: #F2FBFF;
    box-shadow: 0 2px 5px 0 rgba(72, 168, 208, .15);
}
.product-guide-wrap button p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 5.3rem);
    height: 1.9rem;
    color: #33a4d2;
    font-size: 1.3rem;
    line-height: 1.462;
    text-align: left;
    padding-left: 1.8rem;
    margin-right: .8rem;
    background: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5840_136)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.8139 2.95385H1.10769V7.2H3.8139L10.8923 8.77298V1.38087L3.8139 2.95385ZM3.69231 1.84615H0V8.30769H3.69231L12 10.1538V0L3.69231 1.84615Z' fill='%2333A4D2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.09844 7.39819L2.98288 11.7321L1.91016 11.456L3.02571 7.12207L4.09844 7.39819Z' fill='%2333A4D2'/%3E%3Cpath d='M2.76929 1.84616H3.87698V8.3077H2.76929V1.84616Z' fill='%2333A4D2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5840_136'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat top .4rem left;
    background-size: 1.2rem 1.2rem;
}

.product-guide-wrap button p br{
    display: none;
}

.product-guide-wrap button em{
    display: inline-block;
    width: 4.5rem;
    color: #8d9ea5;
    font-size: 1.2rem;
    font-weight: 400;
}

.product-guide-wrap button em .icon-arrow-right-gray{
    width: .9rem;
    height: .9rem;
}
.product-review {
    padding: 0 2rem;
}
.product-review .tab{
    margin: 0 -2rem;
    border-bottom: 0;
}
.product-review .tab::before{
    content: "";
    position: absolute;
    bottom: -1px;
    left: 2rem;
    right: 2rem;
    height: 1px;
    background: #EBECEF;
}
.product-review .tab button{
    color: #949494;
    border: none;
}
.product-review .tab button:hover, .product-review .tab button.active{
    color: #4D4D4D;
}
/* 업체문의 리스트 상단 간격 */
.business-board-list.floating-list{
    margin-top: .4rem;
}
.product-review.review-inquiry .product-inquiry-list-wrap{
    margin: 1.4rem -2rem 0;
}
.product-review.review-inquiry .product-inquiry-list:first-child::before{
    content: '';
    position: absolute;
    top: 0;
    right: 2rem;
    left: 2rem;
    height: 1px;
    background-color: #F3F4F6;
}
.product-review-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1.467;
    padding-top: 1.6rem;
    margin-bottom: -.5rem;
}
.product-review-total {
    font-size: 1.4rem;
    text-align: center;
    margin: 1.2rem 0 1rem;
    padding: 2.2rem;
    border-radius: .9rem;
    background: #FFFCF3
}
.product-review-total em {
    display: inline-block;
    color: #797979;
    line-height: 1.429;
}
.product-review-total .star-grade-wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .3rem;
}
.product-review-total .star-grade-wrap strong {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.154;
    letter-spacing: -.05rem;
    margin: .2rem 0 0 1rem;
}
.product-review-total .star-grade-area {
    width: 12rem;
    height: 2.4rem
}
.product-review-total .star-grade-frame {
    background-size: 2.4rem 2.4rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9991 0H0V15.3717V40H40V0H19.9991ZM19.9991 0C20.7219 0 21.4446 0.402314 21.7726 1.20694L25.899 11.3283C26.1756 12.0068 26.8011 12.4703 27.5191 12.529L38.2299 13.4042C39.9331 13.5434 40.6237 15.7117 39.3259 16.8454L31.1662 23.9741C30.6191 24.4521 30.3801 25.2021 30.5472 25.9168L33.0404 36.58C33.4368 38.2752 31.629 39.6151 30.171 38.7067L21.0003 32.9932C20.3856 32.6103 19.6126 32.6103 18.998 32.9932L9.82731 38.7067C8.3693 39.6151 6.56149 38.2752 6.95784 36.58L9.45105 25.9167C9.61815 25.202 9.37925 24.4521 8.83226 23.9741L0.673914 16.8453C0.20975 16.4397 0 15.9018 0 15.3717C0 14.42 0.676198 13.4936 1.77006 13.4042L12.4792 12.529C13.1972 12.4703 13.8227 12.0068 14.0993 11.3283L18.2257 1.20694C18.5537 0.402315 19.2764 0 19.9991 0Z' fill='%23FFFCF3'/%3E%3C/svg%3E%0A")
}
.product-review-list {
    position: relative;
    padding: 2rem 0 2.4rem;
}
.product-review-list:first-child{
    margin-top: 1rem;
    border-top: 1px solid #F3F4F6;
}
.product-review-list::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 2rem);
    height: 1px;
    background-color: #F3F4F6;
}
.product-review-list > a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2rem;
    right: -2rem;
}
.product-review-user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
}
.product-review-user-info .thumbnail {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1rem;
}
.product-review-user-info .star-grade-wrap span {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.143;
}
.product-review-user-info .star-grade-area {
    width: 7rem;
    height: 1.4rem
}
.product-review-user-info .star-grade-frame {
    background-size: 1.4rem
}
.product-review-user-info .review-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #797979;
    font-size: 1.3rem;
    line-height: 1.462;
    padding-top: .6rem;
}
.product-review-user-info .review-user span {
    position: relative;
    padding-left: 1rem;
}
.product-review-user-info .review-user span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: .4rem;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #797979;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.product-review-button{
    z-index: 1;
    position: absolute;
    top: .8rem;
    right: -2rem;
}
.product-review-button .btn{
    display: block;
    padding: 0;
    border: 0;
    width: 4.2rem;
    height: 4.2rem;
}
.product-review-button .btn .icon{
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.355' cy='26.6452' r='1.35484' transform='rotate(-90 21.355 26.6452)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='21.306' r='1.35484' transform='rotate(-90 21.355 21.306)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='15.9667' r='1.35484' transform='rotate(-90 21.355 15.9667)' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.product-review-link{
    z-index: 1;
    position: relative;
    margin-left: 3.8rem;
}
.product-review-link a{
    display: flex;
    align-items: center;
    color: #4D4D4D;
    font-size: 1.3rem;
    line-height: 1;
    padding: .6rem 2.3rem .6rem .6rem;
    border-radius: .6rem;
    background: #f8fafc;
}
.product-review-link .thumbnail{
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .3rem;
}
.product-review-link .thumbnail::after{
    border-radius: .3rem;
}
.product-review-link .info-box{
    display: flex;
    align-items: center;
    width: calc(100% - 3.6rem);
    margin-left: .8rem;
}
.product-review-link p{
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 1.3rem);
    font-weight: 500;
    letter-spacing: -.1rem;
    padding-right: .2rem;
}
.product-review-link .icon{
    width: 1.1rem;
    height: 1.1rem;
}
.product-review-image{
    display: flex;
    margin: 1rem 0 0 3.8rem;
}
.product-review-image li{
    position: relative;
    overflow: hidden;
    width: 9.2rem;
    height: 12.3rem;
    vertical-align: top;
    border-radius: .6rem;
}
.product-review-image li::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.03);
    border-radius: .6rem;
}
.product-review-image li + li{
    margin-left: .3rem;
}
.product-review-image li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-review-user-text {
    font-size: 1.4rem;
    letter-spacing: -.1rem;
    margin: .8rem 0 0 3.8rem;
}
.product-review-user-text > div {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 11.5rem;
    line-height: 1.572;
}
.product-review-user-text div.on {
    -webkit-line-clamp: 200;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
}
.product-review-user-text .btn-review-more {
    position: relative;
    color: #949494;
    font-size: 1.3rem;
    line-height: 1.462;
    font-weight: 400;
    vertical-align: top;
    padding: 0 1.3rem 0 0;
    margin-top: .2rem;
    border: 0;
}
.product-review-user-text .btn-review-more::before{
    content: "더보기";
    display: inline-block;
}
.product-review-user-text .btn-review-more .icon-arrow-bottom{
    width: .9rem;
    height: .9rem;
    margin: 0 0 .1rem .4rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23949494' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
.product-review-comment{
    display: flex;
    margin-top: 1.4rem;
}
.product-review-comment .thumbnail {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1rem;
}
.product-review-comment .txt-box{
    position: relative;
    flex: 1 1 0%;
    color: #4D4D4D;
    font-size: 1.4rem;
    line-height: 1.572;
    padding: 1.2rem 1.6rem;
    border-radius: 0 1rem 1rem 1rem;
    background: #f6f7f9;
}
.product-review-comment .txt-box::before{
    content: '';
    position: absolute;
    top: 0;
    left: -.8rem;
    width: .8rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6645 0H8V10L1.0398 1.29976C0.620756 0.775945 0.993695 0 1.6645 0Z' fill='%23F6F7F9'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.product-review-comment .txt-box p{
    color: #333;
    font-size: 1.3rem;
    line-height: 1.462;
    margin-bottom: .3rem;
}
.product-review-comment .txt-box p > span{
    display: inline-block;
    color: #949494;
    font-size: 1.2rem;
    line-height: 1.417;
    vertical-align: bottom;
    margin-left: .8rem;
}
/* 리뷰리스트 클릭 */
.product-review-list.active::before{
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 -2rem;
    background: #f6f7f9;
}
.product-review-list.active .product-review-user-text .btn-review-more::before{
    content: "접기";
}
.product-review-list.active .product-review-user-text .btn-review-more .icon-arrow-bottom{
    margin-bottom: -.05rem;
    transform: rotate(-90deg);
}
.product-review-list.active .product-review-user-info .star-grade-frame{
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9991 0H0V15.3717V40H40V0H19.9991ZM19.9991 0C20.7219 0 21.4446 0.402314 21.7726 1.20694L25.899 11.3283C26.1756 12.0068 26.8011 12.4703 27.5191 12.529L38.2299 13.4042C39.9331 13.5434 40.6237 15.7117 39.3259 16.8454L31.1662 23.9741C30.6191 24.4521 30.3801 25.2021 30.5472 25.9168L33.0404 36.58C33.4368 38.2752 31.629 39.6151 30.171 38.7067L21.0003 32.9932C20.3856 32.6103 19.6126 32.6103 18.998 32.9932L9.82731 38.7067C8.3693 39.6151 6.56149 38.2752 6.95784 36.58L9.45105 25.9167C9.61815 25.202 9.37925 24.4521 8.83226 23.9741L0.673914 16.8453C0.20975 16.4397 0 15.9018 0 15.3717C0 14.42 0.676198 13.4936 1.77006 13.4042L12.4792 12.529C13.1972 12.4703 13.8227 12.0068 14.0993 11.3283L18.2257 1.20694C18.5537 0.402315 19.2764 0 19.9991 0Z' fill='%23f6f7f9'/%3E%3C/svg%3E%0A");
}
.product-review-list.active .product-review-link a{
    background: #e9eff9;
}
.product-review-list.active .product-review-image{
    display: block;
}
.product-review-list.active .product-review-image li{
    width: 100%;
    height: auto;
}
.product-review-list.active .product-review-image li + li{
    margin: .5rem 0 0;
}
.product-review-list.active .product-review-user-text > div{
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
    text-overflow: unset;
    word-wrap: normal;
    max-height: none;
    word-break:break-all;
}
.product-review-list.active .product-review-comment .txt-box{
    background: #edeff3;
}
.product-review-list.active .product-review-comment .txt-box::before{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6645 0H8V10L1.0398 1.29976C0.620756 0.775945 0.993695 0 1.6645 0Z' fill='%23EDEFF3'/%3E%3C/svg%3E%0A");
}
.product-inquiry-list{
    position: relative;
}
.product-inquiry-list a{
    display: block;
    font-size: 1.4rem;
    padding: 1.5rem 2rem 1.8rem;
}
.product-inquiry-list:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 2rem;
    left: 2rem;
    height: 1px;
    background-color: #F0F2F4;
}
.product-inquiry-title{
    line-height: 1.429;
    margin-bottom: .5rem;
}
.product-inquiry-title .icon-lock{
    width:1.2rem;
    height:1.2rem;
    margin:0 0 -.1rem .5rem;
}
.product-inquiry-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-inquiry-user span{
    position: relative;
    display: inline-block;
    color: #949494;
    font-size: 1.2rem;
    line-height: 1.417;
}
.product-inquiry-user span + span{
    padding-left: .5rem;
    margin-left: .3rem;
}
.product-inquiry-user span + span::before {
    content: '';
    position: absolute;
    top:49%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #ccc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.product-inquiry-reply{
    display: inline-block;
    color: #aaa;
    font-size: 1.2rem;
    line-height: 1;
}
.product-inquiry-reply .icon{
    width: 1.5rem;
    height: 1.3rem;
    vertical-align: top;
    margin: -.1rem .4rem 0 0;
}
.product-inquiry-reply.count{
    color: #3182F6;
}
.product-inquiry-reply.count .icon-reply{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17721)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8898 10.0204L13.9336 9.98676C15.232 8.98994 15.9375 7.70572 15.9375 6.375C15.9375 5.024 15.2098 3.71989 13.8729 2.71719C12.5356 1.71425 10.6395 1.0625 8.5 1.0625C6.36045 1.0625 4.46435 1.71425 3.12709 2.71719C1.79016 3.71989 1.0625 5.024 1.0625 6.375C1.0625 7.67563 1.7358 8.93039 2.97787 9.9176C4.22163 10.9062 5.99365 11.5828 8.01784 11.6764L9.03125 11.7233V13.3469C9.49864 13.1291 10.0186 12.8525 10.5652 12.5239C11.6999 11.8419 12.8792 10.9781 13.8498 10.0583L13.8898 10.0204ZM9.03125 14.5088C8.64073 14.6724 8.28169 14.7968 7.96875 14.875V12.7378C3.5218 12.5321 0 9.762 0 6.375C0 2.85418 3.80558 0 8.5 0C13.1944 0 17 2.85418 17 6.375C17 8.10847 16.0775 9.68034 14.5806 10.8295C12.9052 12.4172 10.6856 13.8157 9.03125 14.5088Z' fill='%233182F6'/%3E%3Cpath d='M5.97129 6.52031C5.97129 7.04498 5.54596 7.47031 5.02129 7.47031C4.49662 7.47031 4.07129 7.04498 4.07129 6.52031C4.07129 5.99564 4.49662 5.57031 5.02129 5.57031C5.54596 5.57031 5.97129 5.99564 5.97129 6.52031Z' fill='%233182F6'/%3E%3Cpath d='M9.37129 6.52031C9.37129 7.04498 8.94596 7.47031 8.42129 7.47031C7.89662 7.47031 7.47129 7.04498 7.47129 6.52031C7.47129 5.99564 7.89662 5.57031 8.42129 5.57031C8.94596 5.57031 9.37129 5.99564 9.37129 6.52031Z' fill='%233182F6'/%3E%3Cpath d='M12.7713 6.52031C12.7713 7.04498 12.346 7.47031 11.8213 7.47031C11.2966 7.47031 10.8713 7.04498 10.8713 6.52031C10.8713 5.99564 11.2966 5.57031 11.8213 5.57031C12.346 5.57031 12.7713 5.99564 12.7713 6.52031Z' fill='%233182F6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17721'%3E%3Crect width='17' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
/* 문의 상단고정 */
.product-inquiry-list.fix .product-inquiry-title p::before{
    content: '';
    display: inline-block;
    width: .8rem;
    height: 1.1rem;
    margin: 0 .6rem -.1rem .5rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.8' y='5.70215' width='2' height='5' fill='%23C4C4C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99562 0H0.502113L1.33756 5.34825L0 7.7591H7.5L6.16067 5.34506L6.99562 0Z' fill='%233182F6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
/*문의 비공개글*/
.product-inquiry-list.board-secret-contents .product-inquiry-title p::after{
    content:'';
    display:inline-block;
    width:1.2rem;
    height:1.2rem;
    margin:0 0 -.1rem .5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M8.20983 6.58036V4.20982C8.20983 2.98937 7.22046 2 6.00001 2V2C4.77956 2 3.79019 2.98937 3.79019 4.20982V6.58036' stroke='%23B6B8BE' stroke-width='1.3'/%3E%3Crect x='1.5' y='5.2002' width='9' height='5.8' rx='0.838485' fill='%23B6B8BE'/%3E%3Cpath d='M5.99854 7.2002C6.21927 7.20041 6.39795 7.3798 6.39795 7.60059V8.7998C6.39795 9.02059 6.21927 9.19998 5.99854 9.2002C5.77762 9.2002 5.59814 9.02072 5.59814 8.7998V7.60059C5.59814 7.37967 5.77762 7.2002 5.99854 7.2002Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.product-review-nodata {
    text-align: center;
    padding: 7.5rem 0
}
.product-review-nodata::before {
    content: '';
    display: inline-block;
    width: 5.8rem;
    height: 5.3rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 8C12.2239 8 12 8.22386 12 8.5V36.0953C12 36.3714 12.2239 36.5953 12.5 36.5953H19.2373V45.8002C19.2373 45.9761 19.448 46.0663 19.5753 45.945L29.3873 36.5953H50.1002C50.3763 36.5953 50.6002 36.3714 50.6002 36.0953V8.5C50.6002 8.22386 50.3763 8 50.1002 8H12.5Z' fill='%23E3E3E3'/%3E%3Ccircle cx='21.6497' cy='22.475' r='2.41251' fill='%234790F7'/%3E%3Ccircle cx='31.2998' cy='22.475' r='2.41251' fill='%234790F7'/%3E%3Ccircle cx='40.95' cy='22.475' r='2.41251' fill='%234790F7'/%3E%3Ccircle cx='47.5' cy='36.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='31.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='39.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A");
    background-size: 100%
}
.product-review-nodata em {
    display: block;
    color: #aaa;
    font-size: 1.3rem;
    padding-top: 1.6rem
}
.product-detail .product-view-image{
    position: relative;
}
.product-detail .product-view-image .swiper-container{
    overflow: hidden;
}
.product-detail .product-view-image .swiper-pagination{
    top: auto;
    bottom: 1.5rem;
    line-height: .5;
}
.product-detail .product-view-image .swiper-pagination .swiper-pagination-bullet{
    width: .6rem;
    height: .6rem;
    margin: 0 .3rem;
    background: #797979;
}
.product-detail .product-view-image .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #3182F6;
}
.product-detail .product-view-image .thumbnail,
.product-detail .product-view-image .thumbnail::after{
    border-radius:0;
}
.product-detail .product-view-image .sticker-wrap > div{
    position: absolute;
    z-index:1;
}
.product-detail .product-view-image .sticker-wrap > div.sticker-left-top{
    top: 0;
    left: 0;
}
.product-detail .product-view-image .sticker-wrap > div.sticker-left-bottom{
    bottom: .7rem;
    left: .7rem;
}
.product-detail:has(.product-guide-wrap) .product-view-image .sticker-wrap > div.sticker-left-bottom{
    bottom:1.6rem;
}
.product-detail .product-view-image .sticker-wrap .sticker-onepick{
    width:6rem;
    height:6rem;
}
.product-detail .product-view-image .sticker-wrap .sticker-low-price{
    width:4.6rem;
    height:4.6rem;
}
.product-detail > ul {
    text-align: left; /* 비즈프로필 수정 추가 */
    padding: 1.3rem 2.6rem 8rem
}
.product-detail > ul li {
    font-size: 1.3rem;
    line-height: 1.443;
    padding: .7rem .4rem
}
.product-detail > ul li span {
    color: #797979;
    display: inline-block;
    width: 8.6rem;
    line-height: 1.462;
    padding-right: .4rem
}
.product-detail > ul li em {
    word-break: keep-all;
    display: inline-block;
    width: calc(100% - 8.6rem);
    line-height: 1.462;
    vertical-align: top
}
.product-detail > ul li .text-wrap {
    word-break: keep-all;
    line-height: 1.693;
    margin-top: .6rem
}
.product-detail > ul li .status-list{
    display: inline-block;
    width: calc(100% - 9rem);
    padding: 0;
    line-height: 1.462;
    vertical-align: top;
}
.product-detail > ul li .status-list li{
    padding: 0;
}
.product-detail > ul li .status-list li + li{
    padding-top: .4rem;
}
.product-detail > ul li .status-list span{
    color: #333;
    width: 7rem;
}
.product-detail > ul li .status-list em{
    width: calc(100% - 7.4rem);
}

.info-detail-wrap{
    padding: 0 2rem;
    margin-top: .7rem;
}
.info-detail-list .status-list{
    flex: 1 1 0%;
    display: inline-block;
    /*width: calc(100% - 9rem);*/
    padding: 0;
    line-height: 1.462;
    vertical-align: top;
}
.info-detail-list + .info-detail-list{
    margin-top: 2.4rem;
}
.info-detail-list h6{
    display: block;
    font-size: 1.4rem;
    line-height: 1.429;
    margin: 0 0 1.2rem .4rem;
}
.info-detail-list > ul{
    font-size: 1.3rem;
    padding: 2.4rem;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .08);
}
.info-detail-list > ul li + li{
    margin-top: 1.2rem;
}
.info-detail-list > ul li div{
    display: flex;
}
.info-detail-list > ul li div > span{
    color: #797979;
    display: inline-block;
    min-width: 6.5rem;
    max-width: 6.5rem;
    line-height: 1.539;
    margin-right: 1rem;
}
.info-detail-list > ul li span + em{
    overflow-wrap: break-word;
    word-break: keep-all;
    display: inline-block;
    /*width: calc(100% - 8rem);*/
    line-height: 1.539;
    vertical-align: top;
}
.info-detail-list > ul li em > label{
    margin: .2rem 0 0 .2rem;
}
.info-detail-list > ul li .status-list li + li{
    margin-top: .6rem;
}
.info-detail-list > ul li .status-list span{
    display: inline-block;
    color: #333;
    width: 5.4rem;
    margin-right: .4rem;
}
.info-detail-list > ul li .status-list em{
    width: calc(100% - 5.8rem);
}
.info-detail-list.timeline > ul{
    padding: 2.2rem 2.4rem;
}
.info-detail-list.timeline li{
    display: flex;
    justify-content: space-between;
}
.info-detail-list.timeline li + li{
    padding-top: 1.4rem;
    margin-top: 1.4rem;
    border-top: 1px solid #F0F2F4;
}
.info-detail-list.timeline .left > p{
    font-size: 1.3rem;
    line-height: 1.539;
}
.info-detail-list.timeline .left > em{
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.334;
    vertical-align: top;
    margin-top: .5rem;
}
.info-detail-list.timeline .left > em .icon{
    width: 1.2rem;
    height: 1.2rem;
    margin: -.4rem .1rem 0 0;
    vertical-align: middle;
}
.info-detail-list.timeline .right{
    text-align: right;
}
.info-detail-list.timeline .right > div{
    display: flex;
    justify-content: space-between;
}
.info-detail-list.timeline .right > div + div{
    margin-top: .3rem;
}
.info-detail-list.timeline .right strong{
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1.539;
    margin-left: .4rem;
}
.info-detail-list.timeline .right .label-sm{
    align-self: flex-start;
    min-width: 4.2rem;
    margin-top: .2rem;
}

.category-setting {
    padding-bottom: 2rem
}
.category-setting strong {
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
    padding-bottom: 1rem
}
.category-setting strong::before {
    display: none
}
.category-setting strong span {
    display: block
}
.category-setting .button-area {
    position: relative;
    padding: 0 2rem;
    margin-top: 1.8rem
}
.category-edit {
    padding-bottom: 2rem
}
.category-edit .button-area {
    position: relative;
    padding: 0 2rem;
    margin-top: 1.8rem
}
.category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 1.5rem;
    margin-top: .3rem
}
.category-item {
    position: relative;
    display: inline-block;
    width: calc(33.3333% - 1rem);
    text-align: center;
    margin: .4rem .5rem .5rem .5rem
}
.category-item a {
    display: block;
    padding: 1.5rem 0 1rem
}
.category-item span {
    display: block;
    margin: 0 auto .9rem;
    width: 4rem;
    height: 3.8rem
}
.category-item p {
    font-size: 1.3rem;
    line-height: 1.9rem
}
.category-item-checkbox {
    position: relative;
    display: block
}
.category-item-checkbox input[type="checkbox"] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0
}
.category-item-checkbox input[type="checkbox"]:checked + span {
    color: #3182F6;
    border: 1px solid #3182F6;
    border-radius: 1rem;
    background: #F0F6FF
}
.category-item-checkbox span {
    width: 100%;
    height: 100%;
    font-weight: 500;
    line-height: 1;
    padding: 1.6rem 0 .8rem;
    margin: 0;
    border-radius: 1rem;
    border: 1px solid transparent;
    background: #fff
}
.category-item-checkbox span svg{
    width: 4rem;
    height: 3.8rem;
}
.category-item-checkbox em {
    display: block;
    font-size: 1.3rem;
    line-height: 1.462;
    margin-top: .8rem
}
.agency-profile {
    position: relative;
    padding: 0 2rem;
    margin: 1.7rem auto 1.4rem;
}
.agency-profile.unset {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #F3F4F6
}
.agency-profile-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.agency-profile-thumb {
    margin-right: 1.5rem;
}
.agency-profile-thumb .thumbnail {
    width: 7rem;
    height: 7rem;
}
.agency-profile-thumb .btn-agency-detail {
    overflow: hidden;
    position: absolute;
    bottom: -.1rem;
    right: -1rem;
    width: 2.7rem;
    height: 2.7rem;
    padding: 0;
    border: 0.3rem solid #fff;
    border-radius: 50%;
    background-color: #F3F4F6
}
.agency-profile-thumb .btn-agency-detail .icon-more {
    width: 4rem;
    height: 4rem;
    -webkit-transform: rotate(90deg) translate(-1rem, 0.9rem);
    transform: rotate(90deg) translate(-1rem, 0.9rem);
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.355' cy='26.6452' r='1.35484' transform='rotate(-90 21.355 26.6452)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='21.306' r='1.35484' transform='rotate(-90 21.355 21.306)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='15.9667' r='1.35484' transform='rotate(-90 21.355 15.9667)' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.agency-profile-text {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0
}
.agency-profile-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .5rem;
}
.agency-profile-top strong {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.534;
    vertical-align: middle;
    margin-right: .2rem;
}
.agency-profile-top .icon-grade{
    width: 1.8rem;
    height: 1.8rem;
    vertical-align: middle;
}
.agency-profile-top .form-switch-pick{
    right: -.4rem;
}
.agency-profile-category {
    font-size: 0;
    word-break: keep-all;
}
.agency-profile-category .label-sm{
    padding: .1rem .4rem;
    margin: .1rem;
}
/*.agency-profile-category span{*/
/*    display:inline-block;*/
/*}*/
.agency-profile-star-grade {
    margin-top: .6rem
}
.agency-profile-product span {
    position: relative;
    color: #797979;
    font-size: 1.2rem;
    margin-top: .2rem
}
.agency-profile-product span + span {
    padding-left: .5rem;
    margin-left: .3rem
}
.agency-profile-product span + span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #797979;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.agency-profile-button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.8rem;
}
.agency-profile-button-area .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.agency-profile-button-area .btn + .btn {
    margin-left: .4rem
}
.agency-profile-margin .margin-text {
    color: #3182F6;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: -.05rem
}
.agency-profile-margin strong {
    font-size: 1.2rem;
    margin-right: .5rem
}
.agency-profile-margin span {
    font-size: 1.2rem;
    line-height: 1.417
}
.agency-profile-margin span + span {
    margin-left: .5rem
}
.agency-profile-margin span em {
    font-weight: 500;
}
.profit-card-section {
    padding-top: 1.2rem;
    border-top: .8rem solid #F3F4F6
}
.profit-card-wrap {
    padding: 2.4rem 2rem 1.7rem;
    margin: 0 2rem;
    background: #F0F6FF;
    border-radius: .9rem
}
.profit-card-wrap p {
    margin: .2rem auto;
    font-size: 1.2rem;
    text-align: right
}
.profit-card-wrap p + p {
    margin-top: .5rem
}
.profit-card-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.2rem;
    line-height: 1
}
.profit-card-num span {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -.05rem
}
.profit-card-num strong {
    color: #3182F6;
    font-size: 2.1rem
}
.faq-link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5rem 2rem;
    border-bottom: .8rem solid #F3F4F6;
}
.faq-link-wrap > a {
    font-size: 1.2rem;
    padding: .8rem 1.5rem .7rem;
    border-radius: .6rem;
}
.faq-link-text {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.faq-link-text::before {
    content: '';
    float: left;
    width: 5rem;
    height: 5rem;
    margin-right: 1.5rem;
    border-radius: 50%;
    background-color: #f7f7f7;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='1' width='22' height='24' rx='4' fill='%2352C6DF'/%3E%3Cpath d='M16.5096 15.3058C16.2669 15.3057 16.0267 15.3561 15.8036 15.4538C15.5804 15.5515 15.3789 15.6946 15.2112 15.8744L11.0448 13.4712C11.1255 13.1605 11.1255 12.8335 11.0448 12.5228L15.2112 10.1196C15.5146 10.4421 15.9223 10.6401 16.3578 10.6765C16.7934 10.713 17.227 10.5853 17.5774 10.3176C17.9278 10.0498 18.1709 9.66023 18.2612 9.22187C18.3515 8.78352 18.2829 8.32644 18.0681 7.93626C17.8533 7.54609 17.5071 7.24959 17.0943 7.10232C16.6816 6.95505 16.2306 6.9671 15.826 7.13623C15.4213 7.30535 15.0906 7.61995 14.8959 8.02107C14.7013 8.42219 14.6559 8.88231 14.7684 9.31525L10.602 11.7185C10.3531 11.4524 10.0323 11.2688 9.68081 11.1913C9.32932 11.1137 8.96322 11.1457 8.62963 11.2832C8.29603 11.4207 8.0102 11.6574 7.80889 11.9628C7.60757 12.2682 7.5 12.6284 7.5 12.997C7.5 13.3656 7.60757 13.7258 7.80889 14.0312C8.0102 14.3366 8.29603 14.5733 8.62963 14.7108C8.96322 14.8483 9.32932 14.8803 9.68081 14.8027C10.0323 14.7252 10.3531 14.5415 10.602 14.2755L14.7684 16.6787C14.6718 17.0516 14.6915 17.4461 14.8247 17.8069C14.9579 18.1676 15.198 18.4766 15.5112 18.6904C15.8244 18.9042 16.1951 19.0121 16.5712 18.9989C16.9472 18.9858 17.3098 18.8522 17.6081 18.617C17.9064 18.3819 18.1253 18.0568 18.2343 17.6876C18.3432 17.3183 18.3366 16.9234 18.2154 16.5581C18.0943 16.1929 17.8646 15.8758 17.5586 15.6512C17.2527 15.4266 16.8858 15.3058 16.5096 15.3058Z' fill='white'/%3E%3C/svg%3E%0A");
    /*background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='22' viewBox='0 0 18 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.72727V19.0909C0 20.5971 1.22104 21.8182 2.72727 21.8182H17.1818C17.6337 21.8182 18 21.4519 18 21C18 20.5481 17.6337 20.1818 17.1818 20.1818H2.72727C2.12479 20.1818 1.63636 19.6934 1.63636 19.0909H17.1818C17.6337 19.0909 18 18.7246 18 18.2727V2.72727C18 1.22104 16.7789 0 15.2727 0H2.72727C1.22104 0 0 1.22104 0 2.72727ZM8.18182 10.6364V5.18182C8.18182 4.72995 8.54815 4.36364 9 4.36364C9.45185 4.36364 9.81818 4.72995 9.81818 5.18182V10.6364C9.81818 11.0882 9.45185 11.4545 9 11.4545C8.54815 11.4545 8.18182 11.0882 8.18182 10.6364ZM10.0909 13.6364C10.0909 14.2389 9.60251 14.7273 9 14.7273C8.39749 14.7273 7.90909 14.2389 7.90909 13.6364C7.90909 13.0339 8.39749 12.5455 9 12.5455C9.60251 12.5455 10.0909 13.0339 10.0909 13.6364Z' fill='%2352C6DF'/%3E%3Crect x='3.90039' y='2.40039' width='9.6' height='15.6' fill='%2352C6DF'/%3E%3Cline x1='9' y1='9' x2='9' y2='14' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='5' r='1' fill='white'/%3E%3C/svg%3E%0A");*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.6rem 2.6rem;
}
.faq-link-text p {
    margin: .4rem auto .6rem;
    color: #797979;
    font-size: 1.2rem;
    letter-spacing: -.05rem;
    line-height: 1.417;
}
.faq-link-text strong {
    display: block;
    color: #333;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.429;
}
.calendar-section {
    margin-top: .3rem
}
.calendar-wrap {
    position: relative;
    margin: auto 2rem;
    padding: 2rem 0;
    text-align: center;
    border-radius: .9rem;
    background: #F0F6FF
}
.calendar-wrap .btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.calendar-wrap .btn-calendar-prev {
    left: .4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M0.85527 5.27615L6.34004 0.458164C6.98621 -0.109454 8 0.349388 8 1.20946V10.8454C8 11.7055 6.98621 12.1644 6.34004 11.5967L0.855271 6.77875C0.401889 6.38048 0.401888 5.67442 0.85527 5.27615Z' fill='%233182F6'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat
}
.calendar-wrap .btn-calendar-next {
    right: .4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12' fill='none'%3E%3Cpath d='M7.14473 5.27615L1.65996 0.458164C1.01379 -0.109454 0 0.349388 0 1.20946V10.8454C0 11.7055 1.01379 12.1644 1.65996 11.5967L7.14473 6.77875C7.59811 6.38048 7.59811 5.67442 7.14473 5.27615Z' fill='%233182F6'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .8rem 1.2rem;
}
.calendar-revenue {
    margin-top: 1.6rem
}
.calendar-text p {
    margin: .5rem auto 1.4rem;
    font-size: 1.5rem;
    font-weight: 500
}
.calendar-text strong {
    color: #3182F6;
    font-size: 2.1rem
}
.calendar-text.calendar-daily p {
    margin: .4rem auto .2rem;
    font-size: 1.7rem;
    font-weight: 600;
}
.oneclick-page > strong {
    padding-top: 2.4rem
}
.oneclick-page > strong::before {
    display: none
}
.oneclick-page .agree-wrap ul {
    margin-top: 0
}
.oneclick-page .agree-wrap ul li {
    padding: 0
}
.oneclick-info {
    color: #797979;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.4;
    letter-spacing: -.05rem;
    padding: 3.2rem 0 2.4rem
}
.oneclick-info::before {
    content: '';
    display: block;
    margin: 0 auto 3.5rem;
    width: 21.6rem;
    height: 14.8rem;
    background: url(../images/img_money.png) no-repeat center;
    background-size: 100%
}
.oneclick-alert {
    color: #949494;
    font-size: 1.2rem;
    text-align: center;
    padding: 2.4rem 0 10rem;
    border-top: 1px solid #F3F4F6
}
.oneclick-alert span {
    line-height: 1.5;
    padding-left: 1.6rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.146 4.7002V3.55762H7.38086V4.7002H6.146ZM6.146 10V5.33301H7.38086V10H6.146Z' fill='%23949494'/%3E%3Ccircle cx='6.5' cy='6.5' r='6' stroke='%23949494'/%3E%3C/svg%3E%0A");
    background-position: left center;
    background-size: 1.2rem;
    background-repeat: no-repeat
}
.setting-page {
    padding-bottom: 2rem
}
.setting-page > strong {
    padding-bottom: 3.1rem
}
.setting-page > strong::before {
    background-color: #F0F6FF;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.75 6C16.75 8.62335 14.6234 10.75 12 10.75C9.37665 10.75 7.25 8.62335 7.25 6C7.25 3.37665 9.37665 1.25 12 1.25C14.6234 1.25 16.75 3.37665 16.75 6Z' stroke='%23569CFF' stroke-width='2.5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.1235 18C19.9609 17.7918 19.785 17.5926 19.5962 17.4038C18.3772 16.1848 16.7239 15.5 15 15.5H9C7.27609 15.5 5.62279 16.1848 4.40381 17.4038C3.18482 18.6228 2.5 20.2761 2.5 22V22.5H16V25H1.5C1.10218 25 0.720645 24.842 0.43934 24.5607C0.158036 24.2794 0 23.8978 0 23.5V22C0 19.6131 0.948212 17.3239 2.63604 15.636C4.32387 13.9482 6.61305 13 9 13H15C17.3869 13 19.6761 13.9482 21.364 15.636C22.0612 16.3332 22.6322 17.1331 23.0623 18H20.1235Z' fill='%23569CFF'/%3E%3Cpath d='M18 20.8831L20.4926 23.2995C20.891 23.6856 21.5276 23.6737 21.9112 23.2728L26 19' stroke='%23569CFF' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: 1.1rem .9rem;
    background-size: 2.8rem
}
.setting-page .page-info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.4rem 1.6rem 1.4rem 2.7rem
}
.setting-page .page-info strong {
    font-size: 1.6rem
}
.setting-page .page-info .rank {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 50%;
    margin-right: .8rem
}
.setting-page .page-info .rank strong {
    font-size: 1.5rem
}
.setting-page .page-info + div {
    margin-top: 1.2rem
}
.switch-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.switch-wrap strong {
    padding: 0 .2rem .1rem 0;
    font-weight: 500;
    letter-spacing: 0
}
.discount-text{
    color: #F03F45;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -.05rem;
    margin-right: .5rem
}
.price-text {
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -.08rem
}
.price-text em {
    font-size: 93%;
    font-weight: 500;
}
.sale-text{
    color: #797979;
    font-size: 1.2rem;
    margin-left: .5rem;
}
.hotdeal-text {
    color: #FF4646;
    font-weight: 500;
    letter-spacing: -.05rem
}
.hotdeal-text .icon {
    position: relative;
    top: .1rem;
    width: 1.1rem;
    height: 1.1rem;
    margin-right: .1rem
}
.delivery-text{
    display: inline-block;
    color: #f03f45;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.455;
    letter-spacing: -.08rem;
}
.delivery-text .icon {
    position: relative;
    top: .3rem;
    width: 1.6rem;
    height: 1rem;
    vertical-align: top;
    margin-right: .3rem;
}
.period-text{
    display: inline-block;
    color: #213573;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.417;
    letter-spacing: -.05rem;
}
.period-text .icon {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .4rem -.1rem 0;
}
.text-notice-area {
    position:relative;
    color: #4D4D4D;
    padding:1.2rem 3rem;
    /*margin-bottom: .7rem;*/
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: -.05rem;
    background: #FFF0F0;
    text-align: center;
    border-top: .8rem solid #F3F4F6;
    word-break:keep-all;
}
.text-notice-area ul {
    width: 26.5rem;
    margin: 0 auto
}
.text-notice-area ul li {
    position: relative;
    padding-left: 1.8rem;
    text-align: left
}
.text-notice-area ul li::before {
    content: "📌";
    position: absolute;
    top: 0;
    left: 0
}
.text-notice-area ul li + li {
    margin-top: .4rem
}
.text-notice-area strong{
    font-weight: 500;
}
.text-notice-area span {
    color: #FF4646
}
.text-notice-area em {
    color: #FF4646;
    text-decoration: underline;
}
/*.text-notice-area p em{*/
/*    font-weight: 500;*/
/*}*/
.text-notice-area .btn{
    padding: 0;
}
.text-notice-area .btn-outline-blue.link-arrow-blue{
    padding:.4rem .7rem .4rem 1rem;
    margin-top:.3rem;
    font-weight:500;
    letter-spacing:-.1rem;
}
.text-notice-area .btn-outline-blue.link-arrow-blue .icon{
    width:1rem;
    height:1rem;
}
.text-notice-area .btn-notice-close{
    position:absolute;
    top:.6rem;
    right:.6rem;
    width:2.8rem;
    height:2.8rem;
    padding:.5rem;
}
.text-notice-area .btn-notice-close .icon{
    width:1.6rem;
    height:1.6rem;
}
.text-info-wrap {
    padding-top: 1.1rem;
    margin-top: 1.2rem;
    border-top: 0.1rem solid #EBECEF
}
.text-info-wrap .terms-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.6rem .5rem 0 .3rem;
}
.text-info-wrap .terms-wrap label + button{
    color: #797979;
    padding: 0;
    border: none;
}
.text-info-area {
    padding: 2rem 1.7rem 1.7rem;
    margin-top: 1.3rem;
    background: #F6F7F9;
    border-radius: .9rem
}
.text-info-area > strong {
    display: block;
    color: #4D4D4D;
    font-weight: 500;
    margin-bottom: .2rem;
    font-size: 1.3rem
}
.text-info-area > strong .icon {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: .5rem;
    vertical-align: top
}
.text-info-area li {
    word-break: keep-all;
    position: relative;
    color: #4D4D4D;
    font-size: 1.2rem;
    line-height: 1.45;
    padding: .5rem .3rem 0 .9rem
}
.text-info-area li::before {
    content: "-";
    position: absolute;
    top: .4rem;
    left: .3rem
}
.text-info-area li strong{
    font-weight: 500;
}
.text-info-area .text-box{
    word-break: keep-all;
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: .3rem;
    margin-top: .5rem;
}
.text-info-area .list-num{
    margin-top: .8rem;
}
.text-info-area .list-num li{
    padding: 0 0 0 1.5rem;
}
.text-info-area .list-num li::before{
    display: none;
}
.text-info-area .list-num li em{
    position: absolute;
    left: .3rem;
}
.text-info-area + .button-area {
    margin-top: 3rem
}
.notice-wrap {
    position: relative;
    margin: 0 .9rem
}
.notice-area {
    padding-left: 1.6rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.146 4.7002V3.55762H7.38086V4.7002H6.146ZM6.146 10V5.33301H7.38086V10H6.146Z' fill='%23949494'/%3E%3Ccircle cx='6.5' cy='6.5' r='6' stroke='%23949494'/%3E%3C/svg%3E%0A");
    background-position: left .25rem;
    background-repeat: no-repeat;
    background-size: 1.2rem
}
.notice-area p {
    color: #949494;
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.5;
    letter-spacing: -.04rem;
    word-break: keep-all
}
.alert-area {
    color: #949494;
    text-align: left;
    font-size: 1.2rem;
    letter-spacing: -.05rem;
    margin-top: .8rem
}
.alert-area p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.alert-area p .icon-notice-circle {
    margin-top: .2rem;
    width: 1.2rem;
    height: 1.2rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.146 4.7002V3.55762H7.38086V4.7002H6.146ZM6.146 10V5.33301H7.38086V10H6.146Z' fill='%23949494'/%3E%3Ccircle cx='6.5' cy='6.5' r='6' stroke='%23949494'/%3E%3C/svg%3E%0A")
}
.alert-area p span {
    width: calc(100% - 1.2rem);
    padding-left: .4rem;
    line-height: 1.5;
    word-break: keep-all
}
.alert-box {
    color: #4D4D4D;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.7rem;
    letter-spacing: -.08rem;
    padding: 1.7rem 2rem 1.6rem;
    background: #FFF0F0
}
.alert-box.blue {
    background: #F0F6FF
}
.alert-box.blue strong {
    color: #3182F6;
    font-weight: 500;
}
.alert-box strong {
    display: inline-block;
    color: #FF4646;
    font-weight: 500;
    margin-right: .5rem;
}
.alert-box strong .icon {
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle;
    margin-top: -.3rem;
    margin-right: .2rem
}
.alert-box > em{
    font-weight: 500;
}
.gnb .nav-header {
    padding: 1.4rem 0 1.1rem;
    height: 5rem;
    font-size: 1.7rem;
    text-align: center
}
.gnb .nav-header > h1{
    font-weight: 500;
    line-height: 1.471;
}
.gnb .nav-header .btn {
    position: absolute;
    top: .4rem;
    right: 0;
    padding: 0;
    border: none;
    width: 4.2rem;
    height: 4.2rem
}
.gnb .nav-header .btn .icon {
    padding: 1.2rem;
    width: 4.2rem;
    height: 4.2rem
}
.gnb-user-area {
    border-radius: .9rem;
    margin: .3rem 2rem 3.8rem;
    background: #F6F7F9
}
.gnb-user-info {
    display: block;
    padding: 1rem 1.6rem 1rem 2rem
}
.gnb-user-info p {
    font-size: 1.7rem;
    line-height: 1;
    letter-spacing: -.05rem;
    padding: 1.2rem 0 1.1rem
}
.gnb-user-info p > strong{
    font-weight: 500;
}
.gnb-user-info .icon {
    margin-left: .4rem;
    width: 1.3rem;
    height: 1.3rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23aaa' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")
}
.gnb-user-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.gnb-user-profile > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.gnb-user-profile .thumbnail {
    margin-right: .7rem;
    width: 2.8rem;
    height: 2.8rem
}
.gnb-user-profile .thumbnail::after {
    content: none
}
.gnb-list-title {
    position: relative;
    line-height: 1.5;
    margin: 0 2rem .9rem 2.6rem
}
.gnb-list-title::after {
    z-index: 0;
    content: '';
    position: absolute;
    top: .5rem;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #F0F2F4
}
.gnb-list-title em {
    z-index: 1;
    position: relative;
    color: #aaa;
    line-height: 1;
    font-size: 1.3rem;
    padding-right: 1rem;
    background: #fff
}
.gnb-list-wrap{
    margin-top: 3.8rem;
}
.gnb-list-item {
    margin-bottom: 3.5rem
}
.gnb-list-item ul {
    margin-right: 1rem;
}
.gnb-list-item ul li {
    line-height: 1;
    font-size: 1.4rem;
}
.gnb-list-item ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    word-break: keep-all;
    letter-spacing: -.1rem;
    line-height: 1.5;
    padding: 1.1rem 0 1.2rem 2.6rem
}
/* 사이간격 줄이기위해 짝수메뉴만 왼쪽패딩 다르게함 */
/*.gnb-list-item ul li:nth-child(even) a{*/
/*    padding-left: 1rem;*/
/*}*/
.gnb-list-item ul li a span {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: -.1rem .8rem 0 0;
}
@media (min-width: 768px) {
    .gnb-list-item ul li a span svg {
        display: block;
        width: 100%;
        height: 100%
    }
}
.gnb.slide-out-panel-container .slide-out-content{
    padding: 0;
    box-sizing: content-box;
}
.gnb.slide-out-panel-container .slide-out-header{
    padding: 0;
    border: none;
}
.gnb.slide-out-panel-container .close-slide-out-panel{
    color: #333;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-weight: 600;
    padding: 1.4rem 1.3rem 1.3rem 1.4rem;
    box-sizing: content-box;
}
.toolbar-pb {
    padding-bottom: 6rem
}
.toolbar-none .toolbar-wrap {
    display: none
}
.toolbar-none .fixed-button {
    bottom: 0
}
.toolbar-none .chat-detail-wrap {
    height: calc(100vh - 5rem)
}
.toolbar-none .chat-write-wrap {
    bottom: 0
}
.toolbar-wrap {
    z-index: 10;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 6rem;
    max-width: 640px;
    margin: 0 auto;
    border-top: 1px solid rgba(0, 0, 0, 0.03);
    background: #fff;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);

}
.toolbar-wrap.suggest-toolbar .toolbar-menu {
    margin: 0 1.6rem
}
.toolbar-wrap.suggest-toolbar .toolbar-item {
    width: calc(100% / 4);
    margin: 0 1.1rem
}
@media (max-width: 768px) {
    .toolbar-wrap {
        max-width: none
    }
}
.toolbar-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.toolbar-item {
    -webkit-box-flex:1;
    -ms-flex:1 1 0%;
    -webkit-flex:1 1 0%;
    flex:1 1 0%;
    height: 100%;
    color: #aaa;
    font-size: 1rem;
    text-align: center;
}
.toolbar-item.active span {
    color: #333D4B
}
.toolbar-item a {
    display: block;
    padding: .8rem 0 1.2rem;
}
.toolbar-item .icon {
    width: 2.6rem;
    height: 2.6rem;
    vertical-align: bottom
}
.toolbar-item span {
    display: block;
    line-height: 1.4rem;
}
.help-block {
    font-size: 1.2rem;
    color: #FF4646;
    padding: .8rem 0 0 .2rem
}
.sns-info-wrap {
    padding-bottom: 2rem
}
.sns-info-wrap .text-notice-area {
    border-top: none
}
.sns-info-list {
    position: relative;
    padding: 0 2rem
}
.sns-info-item {
    padding: 1.2rem 0
}
.sns-info-item > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.sns-info-item > div .icon {
    display: block;
    width: 3rem;
    height: 3rem
}
.sns-form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 4.7rem;
    font-size: 1.4rem;
    letter-spacing: -.07rem;
    padding: 0 1rem 0 1.4rem;
    margin-left: 1.5rem;
    background-color: #fff;
    border: 1px solid #E2E5E9;
    border-radius: .6rem
}
.sns-form-group .form-control {
    height: 100%;
    letter-spacing: -.1rem;
    padding: 0 0 0 .3rem;
    border: none;
    border-radius: 0;
    background-color: transparent
}
.fixed-button {
    z-index: 10;
    position: fixed;
    bottom: 6rem;
    left: 0;
    right: 0;
    padding: 3rem 2rem 2rem;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(26.56%, #fff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 26.56%)
}
@media (max-width: 768px) {
    .fixed-button {
        max-width: none
    }
}
.fixed-button.bg-gray{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246, 247, 249, 0)), color-stop(26.56%, #f6f7f9));
    background: linear-gradient(180deg, rgba(246, 247, 249, 0) 0%, #f6f7f9 26.56%)
}
.fixed-button .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.fixed-button .btn-wrap button,
.fixed-button .btn-wrap .btn{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 60rem;
    min-width: 10.4rem;
}
.fixed-button .btn-wrap button + a,
.fixed-button .btn-wrap .btn + .btn{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width:50%;
    margin-left: .8rem
}
.fixed-button .btn-col-wrap + .btn-wrap{
    margin-top:.8rem;
}
.fixed-button .btn-col-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.fixed-button .btn-col-wrap a + a{
    margin-top:.8rem;
}
.fixed-button .btn-product-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.fixed-button .btn-product-wrap > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left:.8rem;
}
.fixed-button .btn-product-wrap > div button {
    width: 100%;
    min-width: 9.3rem;
}
.fixed-button .btn-product-wrap > div button .icon {
    position:relative;
    top:-.1rem;
    width: 1.4rem;
    height: 1.4rem;
    margin-right:.4rem;
    vertical-align: middle;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 6.93785C4.75 8.04242 3.85457 8.93785 2.75 8.93785C1.64543 8.93785 0.75 8.04242 0.75 6.93785C0.75 5.83328 1.64543 4.93785 2.75 4.93785C3.85457 4.93785 4.75 5.83328 4.75 6.93785Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 7.93785C3.30228 7.93785 3.75 7.49014 3.75 6.93785C3.75 6.38557 3.30228 5.93785 2.75 5.93785C2.19772 5.93785 1.75 6.38557 1.75 6.93785C1.75 7.49014 2.19772 7.93785 2.75 7.93785ZM2.75 8.93785C3.85457 8.93785 4.75 8.04242 4.75 6.93785C4.75 5.83328 3.85457 4.93785 2.75 4.93785C1.64543 4.93785 0.75 5.83328 0.75 6.93785C0.75 8.04242 1.64543 8.93785 2.75 8.93785Z' fill='%23fff'/%3E%3Cpath d='M14.0004 2C14.0004 3.10457 13.1049 4 12.0004 4C10.8958 4 10.0004 3.10457 10.0004 2C10.0004 0.89543 10.8958 0 12.0004 0C13.1049 0 14.0004 0.89543 14.0004 2Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0004 3C12.5527 3 13.0004 2.55228 13.0004 2C13.0004 1.44772 12.5527 1 12.0004 1C11.4481 1 11.0004 1.44772 11.0004 2C11.0004 2.55228 11.4481 3 12.0004 3ZM12.0004 4C13.1049 4 14.0004 3.10457 14.0004 2C14.0004 0.89543 13.1049 0 12.0004 0C10.8958 0 10.0004 0.89543 10.0004 2C10.0004 3.10457 10.8958 4 12.0004 4Z' fill='%23fff'/%3E%3Cpath d='M14.0002 12C14.0002 13.1046 13.1048 14 12.0002 14C10.8957 14 10.0002 13.1046 10.0002 12C10.0002 10.8954 10.8957 10 12.0002 10C13.1048 10 14.0002 10.8954 14.0002 12Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 13C12.5525 13 13.0002 12.5523 13.0002 12C13.0002 11.4477 12.5525 11 12.0002 11C11.448 11 11.0002 11.4477 11.0002 12C11.0002 12.5523 11.448 13 12.0002 13ZM12.0002 14C13.1048 14 14.0002 13.1046 14.0002 12C14.0002 10.8954 13.1048 10 12.0002 10C10.8957 10 10.0002 10.8954 10.0002 12C10.0002 13.1046 10.8957 14 12.0002 14Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5436 1.97725L3.59935 6.44939L3.15214 5.55496L12.0964 1.08283L12.5436 1.97725Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.32658 6.93676L11.2502 11.45L10.7989 12.3424L1.87526 7.82912L2.32658 6.93676Z' fill='%23fff'/%3E%3C/svg%3E%0A")
}
.fixed-button .btn-product-wrap > a {
    width:11.2rem;
}
.fixed-button .btn-product-pick .btn {
    color: #fff
}
.fixed-button em {
    font-size: 1.5rem
}
/* 하단고정버튼 */
.fixed-bottom-button{
    z-index: 10;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.2rem 1.2rem 1.6rem;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    border-top: 1px solid rgba(0, 0, 0, .03);
    background: #fff;
}
@media (max-width: 768px) {
    .fixed-bottom-button {
        max-width: none;
    }
}
.fixed-bottom-button .btn-product-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.fixed-bottom-button .btn-product-wrap a{
    flex: 1 1 0%;
    margin-left: .6rem;
}
.fixed-bottom-button .btn-product-wrap .btn-blue{
    margin-left: .6rem;
}
/*.fixed-bottom-button .btn-product-wrap > div {*/
/*    -webkit-box-flex: 1;*/
/*    -ms-flex: 1 1 auto;*/
/*    flex: 1 1 auto;*/
/*}*/
/*.fixed-bottom-button .btn-product-wrap > div button {*/
/*    width: 100%;*/
/*}*/
/*.fixed-bottom-button .btn-product-wrap > div button .icon {*/
/*    position:relative;*/
/*    top:-.1rem;*/
/*    width: 1.6rem;*/
/*    height: 1.6rem;*/
/*    margin-right: .8rem;*/
/*    vertical-align: middle;*/
/*    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 6.93785C4.75 8.04242 3.85457 8.93785 2.75 8.93785C1.64543 8.93785 0.75 8.04242 0.75 6.93785C0.75 5.83328 1.64543 4.93785 2.75 4.93785C3.85457 4.93785 4.75 5.83328 4.75 6.93785Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 7.93785C3.30228 7.93785 3.75 7.49014 3.75 6.93785C3.75 6.38557 3.30228 5.93785 2.75 5.93785C2.19772 5.93785 1.75 6.38557 1.75 6.93785C1.75 7.49014 2.19772 7.93785 2.75 7.93785ZM2.75 8.93785C3.85457 8.93785 4.75 8.04242 4.75 6.93785C4.75 5.83328 3.85457 4.93785 2.75 4.93785C1.64543 4.93785 0.75 5.83328 0.75 6.93785C0.75 8.04242 1.64543 8.93785 2.75 8.93785Z' fill='%23fff'/%3E%3Cpath d='M14.0004 2C14.0004 3.10457 13.1049 4 12.0004 4C10.8958 4 10.0004 3.10457 10.0004 2C10.0004 0.89543 10.8958 0 12.0004 0C13.1049 0 14.0004 0.89543 14.0004 2Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0004 3C12.5527 3 13.0004 2.55228 13.0004 2C13.0004 1.44772 12.5527 1 12.0004 1C11.4481 1 11.0004 1.44772 11.0004 2C11.0004 2.55228 11.4481 3 12.0004 3ZM12.0004 4C13.1049 4 14.0004 3.10457 14.0004 2C14.0004 0.89543 13.1049 0 12.0004 0C10.8958 0 10.0004 0.89543 10.0004 2C10.0004 3.10457 10.8958 4 12.0004 4Z' fill='%23fff'/%3E%3Cpath d='M14.0002 12C14.0002 13.1046 13.1048 14 12.0002 14C10.8957 14 10.0002 13.1046 10.0002 12C10.0002 10.8954 10.8957 10 12.0002 10C13.1048 10 14.0002 10.8954 14.0002 12Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 13C12.5525 13 13.0002 12.5523 13.0002 12C13.0002 11.4477 12.5525 11 12.0002 11C11.448 11 11.0002 11.4477 11.0002 12C11.0002 12.5523 11.448 13 12.0002 13ZM12.0002 14C13.1048 14 14.0002 13.1046 14.0002 12C14.0002 10.8954 13.1048 10 12.0002 10C10.8957 10 10.0002 10.8954 10.0002 12C10.0002 13.1046 10.8957 14 12.0002 14Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5436 1.97725L3.59935 6.44939L3.15214 5.55496L12.0964 1.08283L12.5436 1.97725Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.32658 6.93676L11.2502 11.45L10.7989 12.3424L1.87526 7.82912L2.32658 6.93676Z' fill='%23fff'/%3E%3C/svg%3E%0A")*/
/*}*/
/*.fixed-bottom-button .btn-product-wrap > a {*/
/*    width: 11.6rem;*/
/*    margin-left: .6rem;*/
/*}*/

/* community main board */
.main-board-list{
    border-top: 0.9rem solid #F3F4F6;
}
.main-board-list-title{
    position: relative;
    min-height: 4.2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438;
    padding: 1.8rem 2rem 0;
}
.main-board-list-title .btn-search{
    position: absolute;
    top: 1.7rem;
    right: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    padding: .4rem;
    border: none;
    border-radius: unset;
}
.main-board-list-title .btn-search .icon{
    width: 100%;
    height: 100%;
}
.main-board-list .main-board-search-wrap{
    display: none;
    padding: .6rem 2rem 1.2rem;
    border-bottom: 1px solid #F0F2F4;
}
.main-board-list .main-board-search-wrap .filter-srch-input{
    padding-left: 4.2rem;
}
.main-board-list ul{
    overflow-y: auto;
    max-height: 38rem;
}
.main-board-list-item{
    position: relative;
}
.main-board-list-item::after{
    content: '';
    position: absolute;
    left: 2rem;
    bottom: 0;
    width: calc(100% - 2rem);
    height: 1px;
    background-color: #F0F2F4;
}
.main-board-list-item a{
    display: block;
    padding: 1.8rem 2rem;
}
.main-board-item-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.main-board-list-text{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    width: calc(100% - 5.4rem);
}
.main-board-list-text .title{
    font-size: 1.4rem;
    line-height: 1.429;
    padding-bottom: .5rem;
}
.main-board-list-text .title p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-board-list-text .title p span{
    font-size: 1.3rem;
    margin-right: .1rem;
}
.main-board-list-text .info{
    color: #aaa;
    font-size: 1.2rem;
}
.main-board-list-text .info span{
    display: inline-block;
    margin-right: .6rem;
}
.main-board-list-text .info .icon{
    width: 1.3rem;
    height: 1.3rem;
    vertical-align: top;
    margin-right: .4rem;
}
.main-board-list-text .info .count-reply .icon{
    width: 1.5rem;
    height: 1.3rem;
}
.main-board-list-thumb{
    position: relative;
    width: 4.8rem;
    height: auto;
    margin-left: .6rem;
}
.main-board-list-thumb .thumbnail{
    position: absolute;
    top:-.4rem;
    right:-.2rem;
    width: 4.8rem;
    height: 4.8rem;
}
.main-board-list-thumb .thumbnail,
.main-board-list-thumb .thumbnail::after {
    border-radius:.4rem;
}

/* community sub board */
.sub-board-list-top{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    font-size: 1.3rem;
    padding: 1rem 2rem .6rem;
}
.sub-board-list-top:has(ul){
    justify-content: center;
}
.sub-board-list-top > ul{
    margin-bottom: .4rem;
}
.sub-board-list-top .switch-wrap{
    color: #797979;
}
.sub-board-list-top .switch-wrap .form-switch{
    margin-left: .2rem;
}
.sub-board-list-top .btn-search {
    position: absolute;
    top: 1rem;
    right: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    padding: .4rem;
    border: none;
    border-radius: unset;
}
.sub-board-list-top .btn-search .icon {
    width: 100%;
    height: 100%;
}
.sub-board .sub-board-search-wrap {
    display: none;
    padding: 0 2rem .8rem;
}
.sub-board .sub-board-search-wrap .filter-srch-input {
    padding-left: 4.2rem;
}
.sub-board .board-list{
    margin-top: .4rem;
}
/* 공급사 문의내역 리스트 */
.sub-board .product-inquiry-list-wrap .community-list-item:first-child::before{
    display: none;
}

.board-list-item{
    position: relative;
}
.board-list-item::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F0F2F4;
}
.board-list-item.fixed-item {
    background: rgba(49, 130, 246, 0.05)
}
.board-list-item .icon-fix {
    width: .8rem;
    height: 1.1rem;
    margin-right: .5rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='11' viewBox='0 0 8 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.8' y='5.70215' width='2' height='5' fill='%23C4C4C4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99562 0H0.502113L1.33756 5.34825L0 7.7591H7.5L6.16067 5.34506L6.99562 0Z' fill='%233182F6'/%3E%3C/svg%3E%0A")
}
.board-list-item a {
    position: relative;
    display: block;
    padding: 1.8rem 2rem 1.7rem;
}
.board-list-item .board-list-date span{
    position: relative;
    display: inline-block;
    color: #aaa;
    font-size: 1.2rem;
}
.board-list-item .board-list-date span + span{
    padding-left: .5rem;
    margin-left: .2rem;
}
.board-list-item .board-list-date span + span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #aaa;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.board-list-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-bottom: .5rem
}
.board-list-title p {
    font-size: 1.4rem;
    font-weight:500;
    line-height: 1.429;
}
.board-list-title em {
    min-width: 60px;
    color: #aaa;
    font-size: 1.3rem;
    text-align: right;
    margin: .4rem 0 0 1rem
}
.board-list-title p span{
    margin-right:.1rem;
    font-size:1.3rem;
}
.board-list-content{
    color: #4D4D4D;
    font-size: 1.4rem;
    line-height: 1.643;
    padding-top: 1.6rem;
}
.board-list-status{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #aaa;
    font-size: 1.2rem;
    /*padding-top: .8rem;*/
}
.board-list-status .icon{
    width: 1.3rem;
    height: 1.3rem;
    vertical-align: top;
    margin-right: .4rem;
}
.board-list-status span + span{
    margin-left: 1.2rem;
}
.board-list-recommend{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.board-list-reply .icon{
    width: 1.7rem;
    height: 1.5rem;
}
.board-list-reply.count{
    color: #3182F6;
}
.board-list-reply.count .icon-reply{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17721)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8898 10.0204L13.9336 9.98676C15.232 8.98994 15.9375 7.70572 15.9375 6.375C15.9375 5.024 15.2098 3.71989 13.8729 2.71719C12.5356 1.71425 10.6395 1.0625 8.5 1.0625C6.36045 1.0625 4.46435 1.71425 3.12709 2.71719C1.79016 3.71989 1.0625 5.024 1.0625 6.375C1.0625 7.67563 1.7358 8.93039 2.97787 9.9176C4.22163 10.9062 5.99365 11.5828 8.01784 11.6764L9.03125 11.7233V13.3469C9.49864 13.1291 10.0186 12.8525 10.5652 12.5239C11.6999 11.8419 12.8792 10.9781 13.8498 10.0583L13.8898 10.0204ZM9.03125 14.5088C8.64073 14.6724 8.28169 14.7968 7.96875 14.875V12.7378C3.5218 12.5321 0 9.762 0 6.375C0 2.85418 3.80558 0 8.5 0C13.1944 0 17 2.85418 17 6.375C17 8.10847 16.0775 9.68034 14.5806 10.8295C12.9052 12.4172 10.6856 13.8157 9.03125 14.5088Z' fill='%233182F6'/%3E%3Cpath d='M5.97129 6.52031C5.97129 7.04498 5.54596 7.47031 5.02129 7.47031C4.49662 7.47031 4.07129 7.04498 4.07129 6.52031C4.07129 5.99564 4.49662 5.57031 5.02129 5.57031C5.54596 5.57031 5.97129 5.99564 5.97129 6.52031Z' fill='%233182F6'/%3E%3Cpath d='M9.37129 6.52031C9.37129 7.04498 8.94596 7.47031 8.42129 7.47031C7.89662 7.47031 7.47129 7.04498 7.47129 6.52031C7.47129 5.99564 7.89662 5.57031 8.42129 5.57031C8.94596 5.57031 9.37129 5.99564 9.37129 6.52031Z' fill='%233182F6'/%3E%3Cpath d='M12.7713 6.52031C12.7713 7.04498 12.346 7.47031 11.8213 7.47031C11.2966 7.47031 10.8713 7.04498 10.8713 6.52031C10.8713 5.99564 11.2966 5.57031 11.8213 5.57031C12.346 5.57031 12.7713 5.99564 12.7713 6.52031Z' fill='%233182F6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17721'%3E%3Crect width='17' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
/* community board */
.community-board-list{
    margin-top: .4rem;
}
.community-list-item{
    position: relative;
}
.community-list-item a{
    display: block;
    padding: 2rem;
}
.community-list-item:first-child::before{
    content: '';
    position: absolute;
    left: 2rem;
    right: 2rem;
    top: 0;
    height: 1px;
    background-color: #F3F4F6;
}
.community-list-item::after{
    content: '';
    position: absolute;
    left: 2rem;
    bottom: 0;
    width: calc(100% - 2rem);
    height: 1px;
    background-color: #F0F2F4;
}
.community-list-user{
    display: flex;
}
.community-list-user .thumbnail{
    position: relative;
    width: 4rem;
    height: 4rem;
    margin-right: .8rem;
}
.community-list-user .info strong{
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.429;
    margin: .1rem 0 .2rem;
}
.community-list-user .info strong > label{
    margin: .2rem 0 0 .2rem;
}
.community-list-user .info strong + div{
    font-size: 0;
    line-height: 1;
}
.community-list-user .info span{
    position: relative;
    display: inline-block;
    color: #aaa;
    font-size: 1.2rem;
    line-height: 1.417;
}
.community-list-user .info span + span{
    padding-left: .5rem;
    margin-left: .3rem;
}
.community-list-user .info span + span::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #aaa;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.community-list-content{
    margin-top: 1.3rem;
}
.community-list-content .txt-wrap strong{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 4.6rem;
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438;
    margin-bottom: .2rem;
}
.community-list-content .txt-wrap strong > label{
    margin:.1rem .2rem 0 0;
}
.community-list-content .txt-wrap > div{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    max-height: 4.4rem;
    color: #4D4D4D;
    font-size: 1.4rem;
    line-height: 1.572;
}
.community-list-content .txt-wrap > div br{
    display:none !important;
}
.community-list-content .img-wrap{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 15.8rem;
    margin-top: 1rem;
    border-radius: .6rem;
}
.community-list-content .img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.community-list-content .img-wrap .count{
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 2.3rem;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.182;
    padding: .3rem .5rem .2rem;
    border-radius: .6rem 0 0 0;
    background: rgba(0,0,0,.4);
}
.community-list-content .img-wrap.show .count{
    display: block;
}
.community-list-status{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #aaa;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.155;
    margin-top: 1.8rem;
}
.community-list-status .icon{
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: top;
    margin: -.1rem .5rem 0 0;
}
.community-list-status span + span{
    margin-left: 1.2rem;
}
.community-list-recommend{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.community-list-reply{
    font-weight: 700;
}
.community-list-reply .icon{
    width: 1.7rem;
    height: 1.5rem;
}
.community-list-reply.active{
    color: #3182F6;
}
.community-list-reply.active .icon-reply{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17721)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8898 10.0204L13.9336 9.98676C15.232 8.98994 15.9375 7.70572 15.9375 6.375C15.9375 5.024 15.2098 3.71989 13.8729 2.71719C12.5356 1.71425 10.6395 1.0625 8.5 1.0625C6.36045 1.0625 4.46435 1.71425 3.12709 2.71719C1.79016 3.71989 1.0625 5.024 1.0625 6.375C1.0625 7.67563 1.7358 8.93039 2.97787 9.9176C4.22163 10.9062 5.99365 11.5828 8.01784 11.6764L9.03125 11.7233V13.3469C9.49864 13.1291 10.0186 12.8525 10.5652 12.5239C11.6999 11.8419 12.8792 10.9781 13.8498 10.0583L13.8898 10.0204ZM9.03125 14.5088C8.64073 14.6724 8.28169 14.7968 7.96875 14.875V12.7378C3.5218 12.5321 0 9.762 0 6.375C0 2.85418 3.80558 0 8.5 0C13.1944 0 17 2.85418 17 6.375C17 8.10847 16.0775 9.68034 14.5806 10.8295C12.9052 12.4172 10.6856 13.8157 9.03125 14.5088Z' fill='%233182F6'/%3E%3Cpath d='M5.97129 6.52031C5.97129 7.04498 5.54596 7.47031 5.02129 7.47031C4.49662 7.47031 4.07129 7.04498 4.07129 6.52031C4.07129 5.99564 4.49662 5.57031 5.02129 5.57031C5.54596 5.57031 5.97129 5.99564 5.97129 6.52031Z' fill='%233182F6'/%3E%3Cpath d='M9.37129 6.52031C9.37129 7.04498 8.94596 7.47031 8.42129 7.47031C7.89662 7.47031 7.47129 7.04498 7.47129 6.52031C7.47129 5.99564 7.89662 5.57031 8.42129 5.57031C8.94596 5.57031 9.37129 5.99564 9.37129 6.52031Z' fill='%233182F6'/%3E%3Cpath d='M12.7713 6.52031C12.7713 7.04498 12.346 7.47031 11.8213 7.47031C11.2966 7.47031 10.8713 7.04498 10.8713 6.52031C10.8713 5.99564 11.2966 5.57031 11.8213 5.57031C12.346 5.57031 12.7713 5.99564 12.7713 6.52031Z' fill='%233182F6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17721'%3E%3Crect width='17' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

/*카드형 더보기*/
.card-list-more-area{
    padding:1.6rem 2rem;
    background-color:#F3F4F6;
}
.card-list-more-area .btn-list-more{
    width:100%;
    padding:1.4rem 1.2rem 1.2rem;
    color:#797979;
    font-weight:400;
    border-color:#e1e4e7;
    background-color:#fafafa;
}
/*리스트형 더보기*/
.list-more-area{
    padding:2rem;
}
.list-more-area .btn-list-more{
    width:100%;
    color:#797979;
    font-weight:400;
}
.list-more-area .btn-list-more .icon,
.card-list-more-area .btn-list-more .icon{
    position:relative;
    top:.1rem;
    width:1.1rem;
    height:1.1rem;
    margin-left:.8rem;
    transform:rotate(180deg);
    opacity:.8;
}
.board-comment-list .list-more-area{
    padding-right:0;
    padding-left:0;
}
.board-view-info{
    position: relative;
}
.board-view-info span{
    position: relative;
    display: inline-block;
    color: #aaa;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.417;
}
.board-view-info span + span{
    padding-left: .5rem;
    margin-left:.2rem;
}
.board-view-info span + span::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #aaa;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.board-view-info .link-chat{
    position: absolute;
    top: .2rem;
    right: -4.8rem;
    color: #3182F6;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.417;
}
.board-view-info .link-chat .icon{
    width: 1.8rem;
    height: 1.3rem;
    vertical-align: middle;
}
.board-view-user{
    display: flex;
}
.board-view-user .thumbnail{
    width: 4rem;
    height: 4rem;
    margin-right: .8rem;
}
.board-view-user .user-info{
    position: relative;
    margin-top: .1rem;
}
.board-view-user .user-info .link-user{
    position: absolute;
    left: 0;
    width: 100%;
    height: 4rem;
    padding-left: 4.8rem;
    margin-left: -4.8rem;
    box-sizing: content-box;
}
.board-view-user .user-info strong{
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.462;
}
.board-view-user .user-info strong label{
    vertical-align: middle;
    margin-left: .2rem;
}
.board-view-meta{
    position: absolute;
    top: 2.3rem;
    left: 4.8rem;
}
.board-view-button-area{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.8rem;
}
.board-view-button-area .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}
.board-view-button-area .btn + .btn {
    margin-left: .4rem;
}
.board-view-title {
    position: relative;
    line-height: 1.5;
    padding: 1.8rem 2rem 1.6rem;
}
.board-view-title::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 2rem;
    right: 2rem;
    margin: 0 auto;
    height: .1rem;
    background: #F0F2F4;
}
.board-view-title .board-view-type{
    color: #3182F6;
    font-size: 1.3rem;
}
.board-view-title p {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.563;
    padding-right: 2.4rem;
}
.board-view-title p > label{
    margin: .2rem .2rem 0 0;
}
.board-view-title > span {
    position: relative;
    display: inline-block;
    color: #aaa;
    font-size: 1.2rem
}
.board-view-title > span + span{
    padding-left: .5rem;
    margin-left:.2rem;
}
.board-view-title > span + span::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #aaa;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.board-view-title .board-view-info{
    margin-top: 1.3rem;
}
.board-view-more{
    position: absolute;
    top: .8rem;
    right: .6rem;
    width: 4.2rem;
    height: 4.2rem;
    padding: 0;
    border: none;
}
.board-view-more .icon{
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.355' cy='26.6452' r='1.35484' transform='rotate(-90 21.355 26.6452)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='21.306' r='1.35484' transform='rotate(-90 21.355 21.306)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='15.9667' r='1.35484' transform='rotate(-90 21.355 15.9667)' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.board-view-writer{
    margin-top: 3rem;
}
.board-view-writer a{
    display: inline-block;
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.417;
    padding: .6rem .6rem 0 0;
}
.board-view-writer .icon{
    width: .9rem;
    height: .9rem;
    margin-left: .2rem;
}
.board-view-content{
    color: #4D4D4D;
    font-size: 1.4rem;
    line-height: 1.65;
    padding: 1.6rem 2rem 2rem;
    word-wrap:break-word;
}
.board-view-content .board-view-article{
    min-height: 20rem;
}
.board-view-content .board-view-txt{
    line-height: 1.643;
}
.board-view-content .board-view-imgarea,
.board-view-content .board-view-videoarea{
    margin:2rem -2rem;
}
.board-view-content .board-view-imgarea .thumbnail{
    margin:1rem auto;
}
.board-view-content .board-view-imgarea .thumbnail,
.board-view-content .board-view-imgarea .thumbnail::after{
    border-radius:0;
}
.board-view-content .board-view-imgarea img{
    width:100%;
    height:auto;
}
.board-view-content .board-view-videoarea iframe{
    margin:1rem auto;
}
.board-view-product{
    margin: .4rem 0 1.6rem;
}
.board-view-product a {
    display: flex;
    align-items: center;
    color: #4D4D4D;
    font-size: 1.3rem;
    line-height: 1;
    padding: .6rem 1.6rem .6rem .6rem;
    border-radius: .6rem;
    background: #f8fafc;
}
.board-view-product .thumbnail {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .3rem;
}
.board-view-product .info-box {
     display: flex;
     align-items: center;
     width: calc(100% - 3.6rem);
     margin-left: .8rem;
}
.board-view-product p {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 1.3rem);
    font-weight: 500;
    letter-spacing: -.1rem;
    padding-right: .2rem;
    margin-bottom: -.1rem;
}
.board-view-product .icon {
    width: 1.1rem;
    height: 1.1rem;
}

.board-view-comment {
    background: #F9FAFB;
    padding: 2.3rem 2.2rem 3rem;
    border-top: 1px solid #F0F2F4
}
.board-view-comment div {
    font-size: 1.4rem;
    line-height: 1.65;
    margin-bottom: 2.4rem
}
.board-view-comment div::before {
    content: 'A.';
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    color: #3182F6;
    padding-bottom: 1rem
}
.board-view-comment span {
    color: #aaa;
    font-size: 1.2rem
}
.board-view-status{
    font-size: 0;
    text-align: center;
    margin-top: 3rem;
}
.board-view-status a{
    color: #aaa;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1;
    padding: 1rem 1.7rem;
    margin: 0 .2rem;
    border: 1px solid #E2E5E9;
    border-radius: .4rem;
}
.board-view-status a::before{
    content: '';
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: top;
    margin: -.1rem .5rem 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.board-view-status a.btn-thumbs-up::before{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17711)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 6.03906C0.5 5.76292 0.723858 5.53906 1 5.53906H3.76924C4.04538 5.53906 4.26924 5.76292 4.26924 6.03906V13.4237C4.26924 13.6999 4.04538 13.9237 3.76924 13.9237H1C0.723858 13.9237 0.5 13.6999 0.5 13.4237V6.03906ZM1.5 6.53906V12.9237H3.26924V6.53906H1.5Z' fill='%23AAAAAA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.51955 0.362639C6.58088 0.147989 6.77707 0 7.00031 0C8.296 0 9.34647 1.05048 9.34647 2.34616V5.53848H11.1542C12.4499 5.53848 13.5003 6.58896 13.5003 7.88465C13.5003 7.91218 13.4981 7.93966 13.4935 7.96682L12.6992 12.7341C12.5847 13.42 11.9907 13.9231 11.2954 13.9231H3.76953C3.49339 13.9231 3.26953 13.6993 3.26953 13.4231V6.03848C3.26953 5.90588 3.32221 5.7787 3.41598 5.68493L5.63206 3.46884L6.51955 0.362639ZM7.36332 1.04952L6.55799 3.86814C6.53465 3.94985 6.49087 4.02425 6.43079 4.08434L4.26953 6.24559V12.9231H11.2954C11.5019 12.9231 11.6787 12.7735 11.7128 12.5697M11.7128 12.5697L12.4998 7.84646C12.4796 7.12071 11.8848 6.53848 11.1542 6.53848H8.84647C8.57033 6.53848 8.34647 6.31463 8.34647 6.03848V2.34616C8.34647 1.72853 7.93042 1.20798 7.36332 1.04952' fill='%23AAAAAA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17711'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.board-view-status a.btn-thumbs-up.active::before{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17701)'%3E%3Cpath d='M1 6H4V13H1V6Z' fill='%233182F6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 6.03906C0.5 5.76292 0.723858 5.53906 1 5.53906H3.76924C4.04538 5.53906 4.26924 5.76292 4.26924 6.03906V13.4237C4.26924 13.6999 4.04538 13.9237 3.76924 13.9237H1C0.723858 13.9237 0.5 13.6999 0.5 13.4237V6.03906ZM1.5 6.53906V12.9237H3.26924V6.53906H1.5Z' fill='%233182F6'/%3E%3Cpath d='M6.00024 3.5L7.00024 0.5L8.00024 1L9.00024 2V6H12.0002L13.0002 7.5L12.0002 12.5L11.5002 13.5H3.50024V6.5L4.50024 5.5L6.00024 3.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.51955 0.362639C6.58088 0.147989 6.77707 0 7.00031 0C8.296 0 9.34647 1.05048 9.34647 2.34616V5.53848H11.1542C12.4499 5.53848 13.5003 6.58896 13.5003 7.88465C13.5003 7.91218 13.4981 7.93966 13.4935 7.96682L12.6992 12.7341C12.5847 13.42 11.9907 13.9231 11.2954 13.9231H3.76953C3.49339 13.9231 3.26953 13.6993 3.26953 13.4231V6.03848C3.26953 5.90588 3.32221 5.7787 3.41598 5.68493L5.63206 3.46884L6.51955 0.362639ZM7.36332 1.04952L6.55799 3.86814C6.53465 3.94985 6.49087 4.02425 6.43079 4.08434L4.26953 6.24559V12.9231H11.2954C11.5019 12.9231 11.6787 12.7735 11.7128 12.5697M11.7128 12.5697L12.4998 7.84646C12.4796 7.12071 11.8848 6.53848 11.1542 6.53848H8.84647C8.57033 6.53848 8.34647 6.31463 8.34647 6.03848V2.34616C8.34647 1.72853 7.93042 1.20798 7.36332 1.04952' fill='%233182F6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17701'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.board-view-status a.btn-thumbs-down::before{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17704)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 7.96094C13.5 8.23708 13.2761 8.46094 13 8.46094L10.2308 8.46094C9.95462 8.46094 9.73076 8.23708 9.73076 7.96094L9.73076 0.576291C9.73076 0.300149 9.95462 0.0762917 10.2308 0.0762918L13 0.076292C13.2761 0.076292 13.5 0.300149 13.5 0.576292L13.5 7.96094ZM12.5 7.46094L12.5 1.07629L10.7308 1.07629L10.7308 7.46094L12.5 7.46094Z' fill='%23AAAAAA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.48045 13.6374C7.41912 13.852 7.22293 14 6.99969 14C5.704 14 4.65353 12.9495 4.65353 11.6538L4.65353 8.46151L2.84582 8.46151C1.55014 8.46151 0.499663 7.41104 0.499663 6.11535C0.499663 6.08782 0.501938 6.06034 0.506463 6.03318L1.30077 1.26593C1.41533 0.579998 2.0093 0.0768692 2.70459 0.0768693L10.2305 0.0768699C10.5066 0.0768699 10.7305 0.300727 10.7305 0.57687L10.7305 7.96152C10.7305 8.09412 10.6778 8.2213 10.584 8.31507L8.36794 10.5312L7.48045 13.6374ZM6.63668 12.9505L7.44201 10.1319C7.46535 10.0502 7.50913 9.97575 7.56921 9.91566L9.73047 7.75441L9.73047 1.07687L2.70459 1.07687C2.4981 1.07687 2.32131 1.22645 2.28718 1.43028M2.28718 1.43028L1.50019 6.15354C1.52041 6.87928 2.11519 7.46151 2.84582 7.46151L5.15353 7.46151C5.42967 7.46151 5.65353 7.68537 5.65353 7.96151L5.65353 11.6538C5.65353 12.2715 6.06958 12.792 6.63668 12.9505' fill='%23AAAAAA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17704'%3E%3Crect width='14' height='14' fill='white' transform='translate(14 14) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.board-view-status a.btn-thumbs-down.active::before{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17708)'%3E%3Cpath d='M10.4997 7.99988V0.499882H12.9997V7.99988H10.4997Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4997 7.96082C13.4997 8.23696 13.2759 8.46082 12.9997 8.46082H10.2305C9.95433 8.46082 9.73047 8.23696 9.73047 7.96082L9.73047 0.576171C9.73047 0.300029 9.95433 0.0761719 10.2305 0.0761719L12.9997 0.0761721C13.2759 0.0761721 13.4997 0.300029 13.4997 0.576172L13.4997 7.96082ZM12.4997 7.46082L12.4997 1.07617L10.7305 1.07617L10.7305 7.46082H12.4997Z' fill='%23333333'/%3E%3Cpath d='M2.50009 0.499305H10.0001V8.4993L8.00009 10.4993L7.00009 13.4993H6.50009L5.50009 12.4993L5.00009 11.4993V7.9993H2.50009L1.50009 6.9993L1.00009 4.9993L2.00009 1.4993L2.50009 0.499305Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.48079 13.6367C7.41946 13.8513 7.22326 13.9993 7.00002 13.9993C5.70434 13.9993 4.65386 12.9488 4.65386 11.6531L4.65386 8.46082H2.84616C1.55048 8.46082 0.5 7.41034 0.5 6.11466C0.5 6.08712 0.502275 6.05964 0.5068 6.03248L1.30111 1.26523C1.41567 0.579301 2.00964 0.0761718 2.70493 0.0761719L10.2308 0.0761725C10.5069 0.0761726 10.7308 0.30003 10.7308 0.576173L10.7308 7.96082C10.7308 8.09343 10.6781 8.2206 10.5844 8.31437L8.36827 10.5305L7.48079 13.6367ZM6.63702 12.9498L7.44234 10.1312C7.46569 10.0495 7.50947 9.97505 7.56955 9.91497L9.73081 7.75371V1.07617L2.70493 1.07617C2.49844 1.07617 2.32165 1.22576 2.28751 1.42958M2.28751 1.42958L1.50053 6.15284C1.52075 6.87859 2.11553 7.46082 2.84616 7.46082H5.15386C5.43001 7.46082 5.65386 7.68468 5.65386 7.96082L5.65386 11.6531C5.65386 12.2708 6.06992 12.7913 6.63702 12.9498' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17708'%3E%3Crect width='14' height='14' fill='white' transform='translate(14 14) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.board-view-status a.btn-thumbs-up.active{
    color: #3182F6;
    border-color: #3182F6;
    background: #F0F6FF;
}
.board-view-status a.btn-thumbs-down.active{
    color: #333;
    border-color: #797979;
    background: #f9fafb;
}

/* 댓글 */
.board-comment-box{
    padding: 0 2rem;
}
.board-comment-head{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    padding: 2rem 0 1.3rem;
}
.board-comment-head > p{
    line-height: 1;
    padding-right: .2rem;
}
.board-comment-head > p strong{
    color: #3182F6;
    font-weight: 600;
}
.board-comment-head .btn-refresh{
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin-left: .8rem;
    border-radius: 50%;
    border: none;
    background: #F3F4F6;
}
.board-comment-head .btn-refresh .icon{
    width: 100%;
    height: 100%;
    background-size: 1.1rem 1.1rem;
}
.board-comment-write-box{
    position: relative;
}
.board-comment-write-area .write-profile{
    display: none;
    font-size: 1.4rem;
    line-height: 1.429;
    padding: 1.4rem 1.4rem .6rem;
}
.board-comment-write-area .write-profile strong{
    font-weight: 500;
}
.board-comment-write-area .write-form{
    line-height: 1;
    padding: 1.3rem 1.4rem 1.1rem;
    border-radius: .6rem;
    border: 1px solid #E2E5E9;
    background: #fff;
}
.board-comment-write-area .write-form .form-control{
    overflow: hidden;
    padding: 0;
    line-height: 1.429;
    border: none;
    border-radius: unset;
    background: transparent;
}
.board-comment-upload{
    display: none;
}
.board-comment-upload .write-count{
    display: none;
    color: #797979;
    font-size: 1.3rem;
    line-height: 1.462;
    margin-right: 1.6rem;
}
.board-comment-upload .write-count strong{
    font-weight: 400;
}
.board-comment-upload .btn-sm{
    display: none;
    line-height: 1.462;
    padding: .8rem 2.4rem;
}


/* 댓글박스 클릭시 */
.board-comment-write-box.box-focus > form{
    border-radius: .6rem;
    border: 1px solid #E2E5E9;
    background: #fff;
}
.board-comment-write-box.box-focus .board-comment-write-area .write-profile{
    display: block;
}
.board-comment-write-box.box-focus .board-comment-write-area .write-form{
    padding: 0 1.4rem;
    margin-right: 0;
    border: none;
}
.board-comment-write-box.box-focus .board-comment-write-area .write-form .form-control{
    overflow-y: auto;
    height: 10rem;
    line-height: normal;
}
.board-comment-write-box.box-focus .board-comment-upload{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    padding: 1.1rem;
}
.board-comment-write-box.box-focus .board-comment-upload .write-count{
    display: block;
}
.board-comment-write-box.box-focus .board-comment-upload .btn-sm{
    display: block;
}
.board-comment-write-box.box-focus .board-comment-upload .btn-outline-gray{
    font-weight: 400;
    margin-right: .5rem;
}
/* 댓글박스 클릭시 */
.board-reply-write-wrap .board-comment-write-box.box-focus{
    border-radius: .6rem;
    border: 1px solid #E2E5E9;
    background: #fff;
}
.board-comment-list-area + .board-comment-write-box.box-focus{
    padding: 1.2rem 0
}

/* 댓글 리스트 */
.board-comment-list{
    margin-top: 1.6rem;
}
.board-comment-list-item:first-child{
    border-top: 1px solid #F3F4F6;
}
.board-comment-list-area{
    padding:1.6rem 2rem 1.4rem;
    margin: 0 -2rem;
}
.board-comment-list-area.mine{
    background: #fcfff9;
}
.board-comment-info{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
/*.board-comment-info > strong{*/
/*    font-size: 1.4rem;*/
/*    font-weight: 500;*/
/*    line-height: 1.429;*/
/*}*/
/*.board-comment-info .board-view-info{*/
/*    flex: 1 1 auto;*/
/*}*/
.board-comment-info .board-view-user{
    min-height: 3.8rem;
}
.board-comment-info .board-view-user .thumbnail{
    width: 3.5rem;
    height: 3.5rem;
}
.board-comment-info .board-view-user .user-info .link-user{
    height: 100%;
    padding-left: 4.3rem;
    margin-left: -4.3rem;
}
.board-comment-info .board-view-meta{
    top: 2.1rem;
    left: 4.3rem;
}
.board-comment-info .board-view-meta span{
    font-size: 1.1rem;
    line-height: 1.455;
}
.board-comment-info .btn{
    position: absolute;
    top: -.6rem;
    right: -1.2rem;
    width: 4.2rem;
    height: 4.2rem;
    padding: 0;
    border: none;
}
.board-comment-info .btn .icon{
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.355' cy='26.6452' r='1.35484' transform='rotate(-90 21.355 26.6452)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='21.306' r='1.35484' transform='rotate(-90 21.355 21.306)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='15.9667' r='1.35484' transform='rotate(-90 21.355 15.9667)' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.board-comment-text{
    color: #333;
    font-size: 1.4rem;
    line-height: 1.429;
    padding: 1.2rem 0;
}
/*.board-comment-write{*/
/*    display: inline-block;*/
/*    color: #aaa;*/
/*    font-size: 1.2rem;*/
/*    line-height: 1.417;*/
/*}*/
/*.board-comment-write .btn-report{*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    color: #aaa;*/
/*    vertical-align: top;*/
/*    line-height: 1.417;*/
/*    padding: 0;*/
/*    margin-left: .8rem;*/
/*    border: none;*/
/*}*/
/*.board-comment-write .btn-report::before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 47%;*/
/*    left: -.6rem;*/
/*    width: .2rem;*/
/*    height: .2rem;*/
/*    border-radius: 50%;*/
/*    background: #aaa;*/
/*    transform: translateY(-50%);*/
/*}*/
.board-comment-tool{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 3.2rem;
}
.board-comment-tool .btn-reply{
    padding: .6rem 1.3rem;
}
.board-comment-status{
    color: #aaa;
    font-size: 0;
    margin-left: auto;
}
.board-comment-status a{
    position: relative;
    font-weight: 700;
    padding: .6rem .3rem;
    border: none;
}
.board-comment-status a .icon{
    width: 1.3rem;
    height: 1.3rem;
    margin: -.3rem .4rem 0 0;
    vertical-align: middle;
}
.board-comment-status .btn-thumbs-up.active{
    color: #3182F6;
}
.board-comment-status .btn-thumbs-up.active .icon{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17701)'%3E%3Cpath d='M1 6H4V13H1V6Z' fill='%233182F6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 6.03906C0.5 5.76292 0.723858 5.53906 1 5.53906H3.76924C4.04538 5.53906 4.26924 5.76292 4.26924 6.03906V13.4237C4.26924 13.6999 4.04538 13.9237 3.76924 13.9237H1C0.723858 13.9237 0.5 13.6999 0.5 13.4237V6.03906ZM1.5 6.53906V12.9237H3.26924V6.53906H1.5Z' fill='%233182F6'/%3E%3Cpath d='M6.00024 3.5L7.00024 0.5L8.00024 1L9.00024 2V6H12.0002L13.0002 7.5L12.0002 12.5L11.5002 13.5H3.50024V6.5L4.50024 5.5L6.00024 3.5Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.51955 0.362639C6.58088 0.147989 6.77707 0 7.00031 0C8.296 0 9.34647 1.05048 9.34647 2.34616V5.53848H11.1542C12.4499 5.53848 13.5003 6.58896 13.5003 7.88465C13.5003 7.91218 13.4981 7.93966 13.4935 7.96682L12.6992 12.7341C12.5847 13.42 11.9907 13.9231 11.2954 13.9231H3.76953C3.49339 13.9231 3.26953 13.6993 3.26953 13.4231V6.03848C3.26953 5.90588 3.32221 5.7787 3.41598 5.68493L5.63206 3.46884L6.51955 0.362639ZM7.36332 1.04952L6.55799 3.86814C6.53465 3.94985 6.49087 4.02425 6.43079 4.08434L4.26953 6.24559V12.9231H11.2954C11.5019 12.9231 11.6787 12.7735 11.7128 12.5697M11.7128 12.5697L12.4998 7.84646C12.4796 7.12071 11.8848 6.53848 11.1542 6.53848H8.84647C8.57033 6.53848 8.34647 6.31463 8.34647 6.03848V2.34616C8.34647 1.72853 7.93042 1.20798 7.36332 1.04952' fill='%233182F6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17701'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.board-comment-status .btn-thumbs-down{
    margin-left: .6rem;
}
.board-comment-status .btn-thumbs-down.active{
    color: #333;
}
.board-comment-status .btn-thumbs-down.active .icon{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_17708)'%3E%3Cpath d='M10.4997 7.99988V0.499882H12.9997V7.99988H10.4997Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.4997 7.96082C13.4997 8.23696 13.2759 8.46082 12.9997 8.46082H10.2305C9.95433 8.46082 9.73047 8.23696 9.73047 7.96082L9.73047 0.576171C9.73047 0.300029 9.95433 0.0761719 10.2305 0.0761719L12.9997 0.0761721C13.2759 0.0761721 13.4997 0.300029 13.4997 0.576172L13.4997 7.96082ZM12.4997 7.46082L12.4997 1.07617L10.7305 1.07617L10.7305 7.46082H12.4997Z' fill='%23333333'/%3E%3Cpath d='M2.50009 0.499305H10.0001V8.4993L8.00009 10.4993L7.00009 13.4993H6.50009L5.50009 12.4993L5.00009 11.4993V7.9993H2.50009L1.50009 6.9993L1.00009 4.9993L2.00009 1.4993L2.50009 0.499305Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.48079 13.6367C7.41946 13.8513 7.22326 13.9993 7.00002 13.9993C5.70434 13.9993 4.65386 12.9488 4.65386 11.6531L4.65386 8.46082H2.84616C1.55048 8.46082 0.5 7.41034 0.5 6.11466C0.5 6.08712 0.502275 6.05964 0.5068 6.03248L1.30111 1.26523C1.41567 0.579301 2.00964 0.0761718 2.70493 0.0761719L10.2308 0.0761725C10.5069 0.0761726 10.7308 0.30003 10.7308 0.576173L10.7308 7.96082C10.7308 8.09343 10.6781 8.2206 10.5844 8.31437L8.36827 10.5305L7.48079 13.6367ZM6.63702 12.9498L7.44234 10.1312C7.46569 10.0495 7.50947 9.97505 7.56955 9.91497L9.73081 7.75371V1.07617L2.70493 1.07617C2.49844 1.07617 2.32165 1.22576 2.28751 1.42958M2.28751 1.42958L1.50053 6.15284C1.52075 6.87859 2.11553 7.46082 2.84616 7.46082H5.15386C5.43001 7.46082 5.65386 7.68468 5.65386 7.96082L5.65386 11.6531C5.65386 12.2708 6.06992 12.7913 6.63702 12.9498' fill='%23333333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_17708'%3E%3Crect width='14' height='14' fill='white' transform='translate(14 14) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}


/* 답글 리스트 */
.board-reply-list{
    padding: 0 2rem;
    margin: 0 -2rem;
}
.board-reply-list.show{
    display: block;
}
.board-comment-list-box{
    position: relative;
}
.board-reply-list .board-comment-list-box::before{
    content: '';
    z-index: 1;
    position: absolute;
    top: 2.2rem;
    left: 0;
    width: .8rem;
    height: .8rem;
    border: 1px solid #797979;
    border-width: 0 0 .1rem .1rem;
}
.board-reply-list-item .board-comment-list-area{
    padding-left: 3.6rem;
}
.board-reply-list-item .board-comment-write-box.box-focus{
    padding: 1.2rem 0 1.2rem 1.6rem;
}

/* 답글 */
.board-reply-box{
    display: none;
}
.board-reply-box.show{
    display: block;
}
.board-reply-write-wrap{
    padding: 1.2rem 2rem 1.2rem 3.6rem;
    margin: 0 -2rem;
    background: #f9fafb;
}
.board-reply-write-wrap .board-comment-write-area::before{
    content: '';
    position: absolute;
    top: 2rem;
    left: -2rem;
    width: .8rem;
    height: .8rem;
    border: 1px solid #797979;
    border-width: 0 0 .1rem .1rem;
}

/* 답글 접기 */
.board-reply-fold{
    display: block;
    font-size: 1.3rem;
    text-align: center;
    line-height: 3;
    min-height: 4rem;
    margin: 0 -2rem;
    border-bottom: 1px solid #F0F2F4;
    background: #f9fafb;
}
.board-reply-fold::before{
    content: '';
    display: block;
    width: calc(100% - 4rem);
    height: 1px;
    margin: 0 auto;
    background: #F0F2F4;
}
.board-reply-fold .icon{
    display: inline-block;
    width: 1.2rem;
    height: .7rem;
    vertical-align: middle;
    margin: -.4rem 0 0 .8rem;
}

/* divide line */
.board-comment-list-area::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #F0F2F4;
}
/* form 아래라인 */
.board-comment-list .board-comment-write-box.box-focus::after{
    content: '';
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #F0F2F4;
}

/* 페이지 이동 */
.board-pagination{
    position:-webkit-sticky;
    position:sticky;
    top:5rem;
    right:0;
    left:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.2rem 2rem;
    background:#fff;
    z-index:9;
}
.board-pagination::after{
    content: '';
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    height:.1rem;
    background: #F0F2F4;
}
.board-pagination .btn-xs{
    padding: .7rem 1.3rem .5rem;
}
.board-pagination .btn-wrap{
    font-size: 0;
}
.board-pagination .btn-wrap:has(.btn-next) .btn-prev{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.board-pagination .btn-wrap:has(.btn-prev) .btn-next{
    margin-left:-.1rem;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
}
.board-pagination .btn-wrap .icon{
    width: .6rem;
    height: 1rem;
    margin: -.2rem .5rem 0 0;
    vertical-align: middle;
}
.board-pagination .btn-wrap .btn-prev{
    position: relative;
    padding-left: 1.2rem;
}
.board-pagination .btn-wrap .btn-next{
    padding-right: 1.2rem;
}
.board-pagination .btn-wrap .btn-next .icon{
    margin: -.2rem 0 0 .5rem;
    transform: rotate(-180deg);
}

.board-nodata > div {
    text-align: center;
    margin-top: 7.5rem;
    padding: 0 2rem 7.5rem
}
.board-nodata > div::before {
    content: '';
    display: inline-block;
    width: 5.8rem;
    height: 5.3rem;
    background-repeat: no-repeat;
    background-size: 100%;
}
.board-nodata > div p {
    color: #4D4D4D;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: .5rem 0 .7rem
}
.board-nodata > div span {
    color: #797979;
    font-size: 1.3rem;
    line-height: 1.539
}
.board-nodata > div span + div {
    margin-top: 1.8rem
}
.board-nodata > div span + div a {
    min-width: 9.8rem;
    padding: .8rem 1.3rem .65rem
}
.board-nodata > div span + div a + a {
    margin-left: .3rem
}
.board-nodata > div em {
    word-break: keep-all;
    display: block;
    color: #aaa;
    font-size: 1.3rem;
    padding-top: 1.6rem
}
.board-nodata .board-nodata-list {
    padding-top: 5rem
}
.board-nodata .board-nodata-list::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12' y='4' width='36' height='43' rx='2' fill='%23E3E3E3'/%3E%3Cpath d='M12 6C12 4.89543 12.8954 4 14 4H46C47.1046 4 48 4.89543 48 6V10H12V6Z' fill='%236DAAFF'/%3E%3Cline x1='20' y1='20' x2='40' y2='20' stroke='white' stroke-width='2'/%3E%3Cline x1='20' y1='28' x2='40' y2='28' stroke='white' stroke-width='2'/%3E%3Cline x1='20' y1='36' x2='40' y2='36' stroke='white' stroke-width='2'/%3E%3Ccircle cx='47.5' cy='39.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='34.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='42.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-question {
    padding-top: .8rem
}
.board-nodata .board-nodata-question::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 8C12.2239 8 12 8.22386 12 8.5V36.0953C12 36.3714 12.2239 36.5953 12.5 36.5953H19.2373V45.8002C19.2373 45.9761 19.448 46.0663 19.5753 45.945L29.3873 36.5953H50.1002C50.3763 36.5953 50.6002 36.3714 50.6002 36.0953V8.5C50.6002 8.22386 50.3763 8 50.1002 8H12.5Z' fill='%23E3E3E3'/%3E%3Ccircle cx='21.6497' cy='22.475' r='2.41251' fill='%234790F7'/%3E%3Ccircle cx='31.2998' cy='22.475' r='2.41251' fill='%234790F7'/%3E%3Ccircle cx='40.95' cy='22.475' r='2.41251' fill='%234790F7'/%3E%3Ccircle cx='47.5' cy='36.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='31.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='39.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-product {
    padding-top: 1rem
}
.promotion-list-wrap .board-nodata .board-nodata-product{
    padding-top:0;
    margin-top:16rem;
}
.board-nodata .board-nodata-product::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9.47095' y='12.4126' width='37.0588' height='32.1176' rx='1' fill='%23E3E3E3'/%3E%3Cpath d='M16.8823 5.30775V12.2118C16.8823 12.3222 16.9719 12.4118 17.0823 12.4118H38.9176C39.0281 12.4118 39.1176 12.3222 39.1176 12.2118V5.30775C39.1176 5.16302 38.9686 5.06621 38.8364 5.12499L28.0812 9.90508C28.0295 9.92806 27.9705 9.92806 27.9187 9.90508L17.1636 5.12499C17.0313 5.06621 16.8823 5.16302 16.8823 5.30775Z' fill='%234790F7'/%3E%3Crect x='7' y='12.4116' width='42' height='9.88235' fill='%23D9D9D9'/%3E%3Crect x='24.2939' y='12.4116' width='7.41176' height='32.1176' fill='%234790F7'/%3E%3Ccircle cx='47.5' cy='38.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='33.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='41.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-agency {
    padding-top: 1.1rem
}
.board-nodata .board-nodata-agency::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12' y='4' width='36' height='43' rx='2' fill='%23E3E3E3'/%3E%3Cpath d='M12 6C12 4.89543 12.8954 4 14 4H46C47.1046 4 48 4.89543 48 6V10H12V6Z' fill='%236DAAFF'/%3E%3Crect x='19' y='19' width='2' height='2' fill='%233182F6'/%3E%3Crect x='19' y='27' width='2' height='2' fill='%233182F6'/%3E%3Crect x='19' y='35' width='2' height='2' fill='%233182F6'/%3E%3Cline x1='23' y1='20' x2='41' y2='20' stroke='white' stroke-width='2'/%3E%3Cline x1='23' y1='28' x2='41' y2='28' stroke='white' stroke-width='2'/%3E%3Cline x1='23' y1='36' x2='41' y2='36' stroke='white' stroke-width='2'/%3E%3Ccircle cx='47.5' cy='39.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='34.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='42.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-order {
    position: relative
}
.board-nodata .board-nodata-order::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9' y='5.28394' width='39' height='45' rx='1' fill='%23E3E3E3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 5.28387H17V4.28387V1.76129V1C17 0.447715 17.4477 0 18 0C18.5523 0 19 0.447715 19 1V1.76129L19 4.28387C19 4.28399 19 4.28412 19 4.28424V5.28387H18Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 5.28387H38V4.28387V1.76129V1C38 0.447715 38.4477 0 39 0C39.5523 0 40 0.447715 40 1V1.76129L40 4.28387C40 4.28399 40 4.28412 40 4.28424V5.28387H39Z' fill='%23333333'/%3E%3Cline x1='35.0989' y1='21.095' x2='39.7017' y2='21.095' stroke='%233182F6' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='17.2983' y1='21.095' x2='21.9011' y2='21.095' stroke='%233182F6' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M32.5568 25.4319L32.5564 25.4318L32.5537 25.4445C32.5391 25.514 32.5161 25.5433 32.5007 25.5563C32.4862 25.5685 32.4574 25.584 32.3945 25.584C32.3575 25.584 32.3393 25.5784 32.3331 25.5756C32.3328 25.5755 32.3326 25.5754 32.3324 25.5753L32.3268 25.5664L32.318 25.5559C32.2973 25.5313 32.2736 25.4908 32.2516 25.4266L29.3926 15.1596L29.3926 15.1596L29.3915 15.1558C29.3172 14.908 29.2031 14.7001 29.0253 14.5789C28.8638 14.4531 28.6746 14.3995 28.4691 14.4156C28.2636 14.3995 28.0745 14.4531 27.9129 14.5789C27.7351 14.7001 27.6211 14.908 27.5468 15.1558L27.5467 15.1558L27.5457 15.1596L24.6866 25.4266C24.6646 25.4908 24.6409 25.5313 24.6202 25.5559L24.6114 25.5664L24.6058 25.5753C24.6056 25.5754 24.6054 25.5755 24.6052 25.5756C24.5989 25.5784 24.5807 25.584 24.5437 25.584C24.4808 25.584 24.4521 25.5685 24.4376 25.5563C24.4221 25.5433 24.3991 25.514 24.3845 25.4445L24.3849 25.4444L24.3815 25.4319L21.5209 15.1596L21.521 15.1596L21.52 15.1565C21.4314 14.8573 21.283 14.6126 21.0374 14.5096C20.8268 14.3997 20.5853 14.3994 20.3344 14.4736C20.1517 14.523 19.9876 14.6587 19.8388 14.836C19.6305 15.0841 19.6437 15.4571 19.7576 15.8641L19.7576 15.8641L19.7582 15.8661L22.6803 25.911C22.7232 26.0808 22.773 26.2503 22.8299 26.4198L22.8323 26.4267L22.8351 26.4335C22.9122 26.6171 23.013 26.7838 23.1378 26.9324C23.285 27.1078 23.4716 27.2419 23.6929 27.336C23.9219 27.4335 24.2091 27.4764 24.5437 27.4764C24.8667 27.4764 25.1492 27.4247 25.38 27.3085C25.5927 27.2171 25.7702 27.0947 25.9041 26.9369C26.0446 26.787 26.1485 26.6167 26.2134 26.4269C26.285 26.2554 26.3428 26.0832 26.3865 25.9103L28.4691 18.5359L30.5518 25.9103C30.5946 26.0803 30.6446 26.2501 30.7016 26.4198L30.7039 26.4267L30.7067 26.4335C30.7838 26.6171 30.8846 26.7838 31.0094 26.9324L31.0091 26.9326L31.0172 26.9411C31.1627 27.0952 31.3448 27.2168 31.5582 27.3085C31.7891 27.4247 32.0715 27.4764 32.3945 27.4764C32.7155 27.4764 32.9945 27.4334 33.2222 27.337C33.4532 27.2449 33.6428 27.112 33.7796 26.9328C33.9182 26.7839 34.0207 26.615 34.085 26.4269C34.1565 26.2556 34.2142 26.0837 34.2579 25.9111L37.1801 15.8661L37.1806 15.8641C37.2945 15.4571 37.3077 15.0841 37.0994 14.836C36.9506 14.6587 36.7865 14.523 36.6039 14.4736C36.3479 14.3979 36.1014 14.4016 35.8805 14.5096C35.6462 14.6137 35.5058 14.8609 35.4182 15.1565L35.4182 15.1565L35.4173 15.1596L32.5568 25.4319Z' fill='%233182F6' stroke='%233182F6' stroke-width='0.4'/%3E%3Cline x1='19' y1='34' x2='38' y2='34' stroke='%23C9C9C9' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='19' y1='40' x2='38' y2='40' stroke='%23C9C9C9' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='47.5' cy='43.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='38.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='46.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-order::after {
    content: '';
    position: absolute;
    top: -7.5rem;
    left: 0;
    width: 100%;
    height: .1rem;
    background-color: #F0F2F4
}
.board-nodata .board-nodata-profit::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9' y='5.28394' width='39' height='45' rx='1' fill='%23E3E3E3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 5.28387H17V4.28387V1.76129V1C17 0.447715 17.4477 0 18 0C18.5523 0 19 0.447715 19 1V1.76129L19 4.28387C19 4.28399 19 4.28412 19 4.28424V5.28387H18Z' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 5.28387H38V4.28387V1.76129V1C38 0.447715 38.4477 0 39 0C39.5523 0 40 0.447715 40 1V1.76129L40 4.28387C40 4.28399 40 4.28412 40 4.28424V5.28387H39Z' fill='%23333333'/%3E%3Cline x1='35.0989' y1='21.095' x2='39.7017' y2='21.095' stroke='%233182F6' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='17.2983' y1='21.095' x2='21.9011' y2='21.095' stroke='%233182F6' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M32.5568 25.4319L32.5564 25.4318L32.5537 25.4445C32.5391 25.514 32.5161 25.5433 32.5007 25.5563C32.4862 25.5685 32.4574 25.584 32.3945 25.584C32.3575 25.584 32.3393 25.5784 32.3331 25.5756C32.3328 25.5755 32.3326 25.5754 32.3324 25.5753L32.3268 25.5664L32.318 25.5559C32.2973 25.5313 32.2736 25.4908 32.2516 25.4266L29.3926 15.1596L29.3926 15.1596L29.3915 15.1558C29.3172 14.908 29.2031 14.7001 29.0253 14.5789C28.8638 14.4531 28.6746 14.3995 28.4691 14.4156C28.2636 14.3995 28.0745 14.4531 27.9129 14.5789C27.7351 14.7001 27.6211 14.908 27.5468 15.1558L27.5467 15.1558L27.5457 15.1596L24.6866 25.4266C24.6646 25.4908 24.6409 25.5313 24.6202 25.5559L24.6114 25.5664L24.6058 25.5753C24.6056 25.5754 24.6054 25.5755 24.6052 25.5756C24.5989 25.5784 24.5807 25.584 24.5437 25.584C24.4808 25.584 24.4521 25.5685 24.4376 25.5563C24.4221 25.5433 24.3991 25.514 24.3845 25.4445L24.3849 25.4444L24.3815 25.4319L21.5209 15.1596L21.521 15.1596L21.52 15.1565C21.4314 14.8573 21.283 14.6126 21.0374 14.5096C20.8268 14.3997 20.5853 14.3994 20.3344 14.4736C20.1517 14.523 19.9876 14.6587 19.8388 14.836C19.6305 15.0841 19.6437 15.4571 19.7576 15.8641L19.7576 15.8641L19.7582 15.8661L22.6803 25.911C22.7232 26.0808 22.773 26.2503 22.8299 26.4198L22.8323 26.4267L22.8351 26.4335C22.9122 26.6171 23.013 26.7838 23.1378 26.9324C23.285 27.1078 23.4716 27.2419 23.6929 27.336C23.9219 27.4335 24.2091 27.4764 24.5437 27.4764C24.8667 27.4764 25.1492 27.4247 25.38 27.3085C25.5927 27.2171 25.7702 27.0947 25.9041 26.9369C26.0446 26.787 26.1485 26.6167 26.2134 26.4269C26.285 26.2554 26.3428 26.0832 26.3865 25.9103L28.4691 18.5359L30.5518 25.9103C30.5946 26.0803 30.6446 26.2501 30.7016 26.4198L30.7039 26.4267L30.7067 26.4335C30.7838 26.6171 30.8846 26.7838 31.0094 26.9324L31.0091 26.9326L31.0172 26.9411C31.1627 27.0952 31.3448 27.2168 31.5582 27.3085C31.7891 27.4247 32.0715 27.4764 32.3945 27.4764C32.7155 27.4764 32.9945 27.4334 33.2222 27.337C33.4532 27.2449 33.6428 27.112 33.7796 26.9328C33.9182 26.7839 34.0207 26.615 34.085 26.4269C34.1565 26.2556 34.2142 26.0837 34.2579 25.9111L37.1801 15.8661L37.1806 15.8641C37.2945 15.4571 37.3077 15.0841 37.0994 14.836C36.9506 14.6587 36.7865 14.523 36.6039 14.4736C36.3479 14.3979 36.1014 14.4016 35.8805 14.5096C35.6462 14.6137 35.5058 14.8609 35.4182 15.1565L35.4182 15.1565L35.4173 15.1596L32.5568 25.4319Z' fill='%233182F6' stroke='%233182F6' stroke-width='0.4'/%3E%3Cline x1='19' y1='34' x2='38' y2='34' stroke='%23C9C9C9' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='19' y1='40' x2='38' y2='40' stroke='%23C9C9C9' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='47.5' cy='43.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='38.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='46.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-rank::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9.47095' y='12.4126' width='37.0588' height='32.1176' rx='1' fill='%23E3E3E3'/%3E%3Cpath d='M16.8823 5.30775V12.2118C16.8823 12.3222 16.9719 12.4118 17.0823 12.4118H38.9176C39.0281 12.4118 39.1176 12.3222 39.1176 12.2118V5.30775C39.1176 5.16302 38.9686 5.06621 38.8364 5.12499L28.0812 9.90508C28.0295 9.92806 27.9705 9.92806 27.9187 9.90508L17.1636 5.12499C17.0313 5.06621 16.8823 5.16302 16.8823 5.30775Z' fill='%234790F7'/%3E%3Crect x='7' y='12.4116' width='42' height='9.88235' fill='%23D9D9D9'/%3E%3Crect x='24.2939' y='12.4116' width='7.41176' height='32.1176' fill='%234790F7'/%3E%3Ccircle cx='47.5' cy='38.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='33.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='41.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-message {
    padding-top: 1.2rem
}
.board-nodata .board-nodata-message::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='11' width='42' height='20' rx='1' fill='%231E73EA'/%3E%3Crect x='13' y='5' width='32' height='30' rx='1' fill='%23E3E3E3'/%3E%3Cline x1='18.3741' y1='12.8433' x2='41.3452' y2='12.8433' stroke='white' stroke-width='2'/%3E%3Cline x1='18.3741' y1='19.8433' x2='41.3452' y2='19.8433' stroke='white' stroke-width='2'/%3E%3Cline x1='18.7556' y1='27' x2='30.4889' y2='27' stroke='white' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.59086 18.7905C8.93026 18.3067 8 18.7784 8 19.5972V44.9996C8 45.5519 8.44772 45.9996 9 45.9996H49C49.5523 45.9996 50 45.5519 50 44.9996V19.5682C50 18.7475 49.0659 18.2762 48.4058 18.7639L29.6573 32.6163C29.3054 32.8763 28.8253 32.8773 28.4722 32.6188L9.59086 18.7905Z' fill='%236DAAFF'/%3E%3Ccircle cx='47.5' cy='39.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='34.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='42.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-alarm {
    margin-top: 0;
    padding-top: 15.5rem;
    border-top: 1px solid #F3F4F6
}
.board-nodata .board-nodata-alarm::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8815 12.6425C26.928 12.6425 25.9958 12.3597 25.203 11.83C24.4101 11.3002 23.7922 10.5472 23.4273 9.66626C23.0624 8.78529 22.9669 7.8159 23.1529 6.88067C23.3389 5.94544 23.7981 5.08638 24.4724 4.41211C25.1466 3.73785 26.0057 3.27867 26.9409 3.09264C27.8762 2.90661 28.8456 3.00209 29.7265 3.367C30.6075 3.73191 31.3605 4.34986 31.8902 5.14271C32.42 5.93556 32.7028 6.8677 32.7028 7.82125C32.7028 9.09992 32.1948 10.3262 31.2907 11.2304C30.3865 12.1345 29.1602 12.6425 27.8815 12.6425ZM27.8815 6.21417C27.5637 6.21417 27.253 6.30842 26.9887 6.48501C26.7244 6.6616 26.5184 6.91259 26.3968 7.20625C26.2751 7.4999 26.2433 7.82303 26.3053 8.13478C26.3673 8.44652 26.5204 8.73287 26.7451 8.95763C26.9699 9.18238 27.2563 9.33544 27.568 9.39745C27.8797 9.45946 28.2029 9.42764 28.4965 9.306C28.7902 9.18437 29.0412 8.97838 29.2178 8.7141C29.3944 8.44981 29.4886 8.1391 29.4886 7.82125C29.4886 7.39503 29.3193 6.98626 29.0179 6.68487C28.7165 6.38349 28.3077 6.21417 27.8815 6.21417V6.21417Z' fill='%23D9D9D9'/%3E%3Cpath d='M32.7022 38.3574H23.0597C22.6335 38.3574 22.2248 38.5267 21.9234 38.8281C21.622 39.1295 21.4527 39.5383 21.4527 39.9645V41.5716C21.4527 43.2765 22.1299 44.9116 23.3355 46.1171C24.541 47.3226 26.1761 47.9999 27.881 47.9999C29.5859 47.9999 31.221 47.3226 32.4265 46.1171C33.6321 44.9116 34.3093 43.2765 34.3093 41.5716V39.9645C34.3093 39.5383 34.14 39.1295 33.8386 38.8281C33.5372 38.5267 33.1285 38.3574 32.7022 38.3574Z' fill='%233182F6'/%3E%3Cpath d='M47.8907 38.5325C46.2216 37.7044 44.8176 36.4255 43.8377 34.8406C42.8578 33.2558 42.3412 31.4283 42.3463 29.565V23.892C42.3463 20.0559 40.8224 16.377 38.11 13.6646C35.3975 10.9521 31.7186 9.42822 27.8826 9.42822C24.0465 9.42822 20.3676 10.9521 17.6551 13.6646C14.9427 16.377 13.4188 20.0559 13.4188 23.892V29.565C13.4239 31.4283 12.9073 33.2558 11.9274 34.8406C10.9475 36.4255 9.54354 37.7044 7.87437 38.5325C7.55409 38.6966 7.29814 38.9634 7.14752 39.2902C6.99691 39.6171 6.96035 39.985 7.0437 40.3351C7.12706 40.6851 7.3255 40.9971 7.60723 41.221C7.88897 41.4449 8.2377 41.5677 8.59756 41.5699H47.1675C47.5274 41.5677 47.8761 41.4449 48.1579 41.221C48.4396 40.9971 48.6381 40.6851 48.7214 40.3351C48.8048 39.985 48.7682 39.6171 48.6176 39.2902C48.467 38.9634 48.211 38.6966 47.8907 38.5325V38.5325Z' fill='%23E3E3E3'/%3E%3Ccircle cx='47.5' cy='40.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='35.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='43.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-suggest {
    padding-top: 4.8rem
}
.board-nodata .board-nodata-suggest::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3182 19.2802V42.4515H45.3221C47.3526 42.4515 49 40.7307 49 38.6074V21.9788C49 19.8565 47.3536 18.1347 45.3221 18.1347H35.6575V9.34958C35.6575 7.53772 34.2516 6.06836 32.5181 6.06836H31.8003C30.8558 6.06836 29.9638 6.51227 29.3678 7.27799L18.3182 19.2802Z' fill='%23E3E3E3'/%3E%3Cpath d='M7.0684 18.1338H15.3827V42.4517H7.0684V18.1338Z' fill='%234790F7'/%3E%3Ccircle cx='47.5' cy='38.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='33.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='41.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-suggest-send {
    padding-top: 4.8rem
}
.board-nodata .board-nodata-suggest-send::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3182 19.2802V42.4515H45.3221C47.3526 42.4515 49 40.7307 49 38.6074V21.9788C49 19.8565 47.3536 18.1347 45.3221 18.1347H35.6575V9.34958C35.6575 7.53772 34.2516 6.06836 32.5181 6.06836H31.8003C30.8558 6.06836 29.9638 6.51227 29.3678 7.27799L18.3182 19.2802Z' fill='%23E3E3E3'/%3E%3Cpath d='M7.0684 18.1338H15.3827V42.4517H7.0684V18.1338Z' fill='%234790F7'/%3E%3Ccircle cx='47.5' cy='38.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='33.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='41.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-message {
    padding-top: 17.9rem;
    margin-top: 0
}
.board-nodata .board-nodata-message::before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='8' y='11' width='42' height='20' rx='1' fill='%231E73EA'/%3E%3Crect x='13' y='5' width='32' height='30' rx='1' fill='%23E3E3E3'/%3E%3Cline x1='18.3741' y1='12.8438' x2='41.3452' y2='12.8438' stroke='white' stroke-width='2'/%3E%3Cline x1='18.3741' y1='19.8438' x2='41.3452' y2='19.8438' stroke='white' stroke-width='2'/%3E%3Cline x1='18.7556' y1='27' x2='30.4889' y2='27' stroke='white' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.59086 18.7905C8.93026 18.3067 8 18.7784 8 19.5972V44.9996C8 45.5519 8.44772 45.9996 9 45.9996H49C49.5523 45.9996 50 45.5519 50 44.9996V19.5682C50 18.7475 49.0659 18.2762 48.4058 18.7639L29.6573 32.6163C29.3054 32.8763 28.8253 32.8773 28.4722 32.6188L9.59086 18.7905Z' fill='%236DAAFF'/%3E%3Ccircle cx='47.5' cy='39.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='34.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='42.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-linkshop {
    padding-top: 3.3rem
}
.board-nodata .board-nodata-linkshop::before {
    margin-bottom: .4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='7' width='44' height='44' rx='4' fill='%23E3E3E3'/%3E%3Cpath d='M22.3301 32.97C22.6032 33.2432 22.9737 33.3966 23.3601 33.3966C23.7464 33.3966 24.1169 33.2432 24.3901 32.97L30.5701 26.79C30.8433 26.5168 30.9967 26.1463 30.9967 25.76C30.9967 25.3736 30.8433 25.0031 30.5701 24.73C30.2969 24.4568 29.9264 24.3033 29.5401 24.3033C29.1538 24.3033 28.7833 24.4568 28.5101 24.73L22.3301 30.91C22.0569 31.1832 21.9034 31.5537 21.9034 31.94C21.9034 32.3263 22.0569 32.6968 22.3301 32.97ZM27.4801 34L24.3901 37.09C23.5705 37.9095 22.459 38.3699 21.3 38.3699C20.1411 38.3699 19.0296 37.9095 18.21 37.09C17.3905 36.2705 16.9301 35.159 16.9301 34C16.9301 32.841 17.3905 31.7295 18.21 30.91L21.3 27.82C21.5732 27.5468 21.7267 27.1763 21.7267 26.79C21.7267 26.4036 21.5732 26.0331 21.3001 25.76C21.0269 25.4868 20.6564 25.3333 20.27 25.3333C19.8837 25.3333 19.5132 25.4868 19.24 25.76L16.15 28.85C14.7842 30.2158 14.0168 32.0684 14.0168 34C14.0168 35.9316 14.7842 37.7842 16.15 39.15C17.5159 40.5159 19.3684 41.2832 21.3001 41.2832C23.2317 41.2832 25.0842 40.5159 26.4501 39.15L29.5401 36.06C29.8133 35.7868 29.9667 35.4163 29.9667 35.03C29.9667 34.6437 29.8133 34.2732 29.5401 34C29.2669 33.7268 28.8964 33.5734 28.5101 33.5734C28.1238 33.5734 27.7533 33.7268 27.4801 34ZM26.4501 18.5499L23.3601 21.6399C23.0869 21.9131 22.9334 22.2836 22.9334 22.6699C22.9334 23.0563 23.0869 23.4268 23.3601 23.7C23.6332 23.9731 24.0037 24.1266 24.3901 24.1266C24.7764 24.1266 25.1469 23.9731 25.4201 23.6999L28.5101 20.6099C29.3296 19.7904 30.4411 19.33 31.6001 19.33C32.7591 19.33 33.8706 19.7904 34.6901 20.6099C35.5096 21.4295 35.97 22.541 35.97 23.6999C35.97 24.8589 35.5096 25.9704 34.6901 26.79L31.6001 29.88C31.3269 30.1532 31.1735 30.5237 31.1735 30.91C31.1735 31.2963 31.3269 31.6668 31.6001 31.94C31.8733 32.2132 32.2438 32.3666 32.6301 32.3666C33.0164 32.3666 33.3869 32.2132 33.6601 31.94L36.7501 28.85C38.116 27.4841 38.8833 25.6316 38.8833 23.7C38.8833 21.7683 38.116 19.9158 36.7501 18.5499C35.3843 17.1841 33.5317 16.4167 31.6001 16.4167C29.6685 16.4167 27.8159 17.1841 26.4501 18.5499Z' fill='%233182F6'/%3E%3Ccircle cx='47.5' cy='43.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='38.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='46.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A")
}
.board-nodata .board-nodata-community{
    padding-top: 2.5rem;
}
.board-nodata .board-nodata-community::before{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='12' y='4' width='36' height='43' rx='2' fill='%23E3E3E3'/%3E%3Cpath d='M12 6C12 4.89543 12.8954 4 14 4H46C47.1046 4 48 4.89543 48 6V10H12V6Z' fill='%236DAAFF'/%3E%3Cline x1='20' y1='20' x2='40' y2='20' stroke='white' stroke-width='2'/%3E%3Cline x1='20' y1='28' x2='40' y2='28' stroke='white' stroke-width='2'/%3E%3Cline x1='20' y1='36' x2='40' y2='36' stroke='white' stroke-width='2'/%3E%3Ccircle cx='47.5' cy='39.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='34.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='42.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A");
}
.board-nodata .board-nodata-comment{
    padding-top: .5rem;
}
.board-nodata .board-nodata-comment::before{
    background-image: url("data:image/svg+xml,%0A%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 8C12.2239 8 12 8.22386 12 8.5V36.0953C12 36.3714 12.2239 36.5953 12.5 36.5953H19.2373V45.8002C19.2373 45.9761 19.448 46.0663 19.5753 45.945L29.3873 36.5953H50.1002C50.3763 36.5953 50.6002 36.3714 50.6002 36.0953V8.5C50.6002 8.22386 50.3763 8 50.1002 8H12.5Z' fill='%23E3E3E3'/%3E%3Ccircle cx='21.6497' cy='22.475' r='2.41251' fill='%234790F7'/%3E%3Ccircle cx='31.2998' cy='22.475' r='2.41251' fill='%234790F7'/%3E%3Ccircle cx='40.95' cy='22.475' r='2.41251' fill='%234790F7'/%3E%3Ccircle cx='47.5' cy='36.5' r='9.5' fill='%23FF6550'/%3E%3Crect x='46.5' y='31.5' width='2' height='7' fill='white'/%3E%3Crect x='46.5' y='39.5' width='2' height='2' fill='white'/%3E%3C/svg%3E%0A");
}

.star-grade-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.star-grade-wrap em {
    color: #797979;
    font-size: 1.2rem;
    margin-right: .3rem
}
.star-grade-wrap span {
    color: #333;
    font-size: 1.2rem;
    margin-left: .5rem
}
.star-grade-area {
    position: relative;
    width: 6rem;
    height: 1.2rem;
    background: #E3E3E3
}
.star-grade-frame {
    z-index: 7;
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9991 0H0V15.3717V40H40V0H19.9991ZM19.9991 0C20.7219 0 21.4446 0.402314 21.7726 1.20694L25.899 11.3283C26.1756 12.0068 26.8011 12.4703 27.5191 12.529L38.2299 13.4042C39.9331 13.5434 40.6237 15.7117 39.3259 16.8454L31.1662 23.9741C30.6191 24.4521 30.3801 25.2021 30.5472 25.9168L33.0404 36.58C33.4368 38.2752 31.629 39.6151 30.171 38.7067L21.0003 32.9932C20.3856 32.6103 19.6126 32.6103 18.998 32.9932L9.82731 38.7067C8.3693 39.6151 6.56149 38.2752 6.95784 36.58L9.45105 25.9167C9.61815 25.202 9.37925 24.4521 8.83226 23.9741L0.673914 16.8453C0.20975 16.4397 0 15.9018 0 15.3717C0 14.42 0.676198 13.4936 1.77006 13.4042L12.4792 12.529C13.1972 12.4703 13.8227 12.0068 14.0993 11.3283L18.2257 1.20694C18.5537 0.402315 19.2764 0 19.9991 0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-size: 1.2rem;
}
.star-grade-bg {
    z-index: 6;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #FFCE59
}
.main-wrap {
    padding:0 2rem 6rem;
}
.main-wrap:has(.floating-notice){
    padding-bottom:10.8rem;
}
.main-wrap::before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, #fff 2%, #F6F7F9 10%);
}
.main-wrap .card {
    text-align: center;
    border-radius: 1.8rem;
    -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.08);
}
.main-pb {
    padding-bottom: 8rem
}
.promotion-top-swiper{
    position:relative;
}
.promotion-top-swiper .btn-top-promotion-close{
    position:absolute;
    top:.4rem;
    right:.4rem;
    width:1.6rem;
    height:1.6rem;
    padding:0;
    z-index:1;
}
.promotion-top-swiper .btn-top-promotion-close .icon{
    width:1.6rem;
    height:1.6rem;
}
.promotion-top-swiper .thumbnail,
.promotion-top-swiper .thumbnail::after{
    border-radius:0;
}
.promotion-top-swiper .promotion-top-swiper-pagination{
    top: auto;
    bottom:0;
    z-index:9;
}
.promotion-top-swiper .swiper-pagination-bullet{
    width:.6rem;
    height:.6rem;
    margin: 0 .2rem !important;
    background:#000;
    opacity:.2;
}
.promotion-top-swiper .swiper-pagination-bullet-active{
    background: #3182F6;
    opacity:1;
}
.promotion-top-swiper a{
    display:block;
}
.promotion-swiper.promotion-sub-swiper{
    z-index: 0;
    padding:0 2rem;
    margin-bottom:.6rem;
    box-shadow:none;
}
.promotion-swiper{
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 1.6rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
}
.promotion-swiper .swiper-slide .thumbnail{
    overflow: hidden;
    position: relative;
    padding-bottom:29.445%;
    width: 100%;
    height: 100%;
    border-radius: 1.6rem;
}
.promotion-swiper .swiper-slide .thumbnail::after{
    border-radius: 1.6rem;
}
.promotion-swiper .swiper-slide .thumbnail img{
    position: absolute;
    object-fit: cover;
}
.promotion-swiper .promotion-pagination{
    top: auto;
    bottom: .8rem;
    line-height: .2;
    z-index: 1;
}
.promotion-pagination .swiper-pagination-bullet{
    opacity:.2;
    width:.6rem;
    height:.6rem;
    margin: 0 .2rem !important;
    background:#000;
}
.promotion-pagination .swiper-pagination-bullet-active{
    opacity: 1;
    background: #3182F6;
}
.promotion-list-wrap{
    padding-bottom: 45px;
    margin-top: .4rem;
}
.promotion-list-wrap .thumbnail{
    width: 100%;
    /*height: 24rem;*/
}
.promotion-list-wrap .thumbnail img{
    object-fit: cover;
}
.text-notice-area + .promotion-list-wrap{
    padding-top: 1.5rem;
}
.promotion-list-item:first-child a{
    padding-top: 0;
}
.promotion-list-item a{
    display: block;
    padding: 1.3rem 2rem 1.5rem;
}
.promotion-list-item strong{
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438;
    margin-top: 1.2rem;
}
.promotion-view-wrap .filter-item-list ul{
    padding: .6rem 0;
}
.promotion-view-wrap .filter-item label{
    margin:.4rem;
}
.promotion-view-img{
    width: 100%;
}
.promotion-view-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.promotion-category-wrap{
    border-bottom: .8rem solid #F3F4F6;
}
.promotion-category-title{
    position: relative;
    padding: 0 2rem;
    margin: 2.8rem 0 1.6rem;
}
.promotion-category-title::after{
    content: '';
    position: absolute;
    bottom: -1.6rem;
    left: 2rem;
    width: calc(100% - 2rem);
    height: 1px;
    background: #F3F4F6;
}
.promotion-category-title strong{
    display: block;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.471;
}
/* 타이틀 있는 상품 리스트는 상단 보더 없음 */
.promotion-category-wrap:has(.promotion-category-title) .product-list li:first-child{
    border-top: 0;
}
.main-btn-area{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:.8rem;
}
.main-btn-area .btn{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    padding-left:.2rem;
    padding-right:0;
    letter-spacing: -.06rem;
}
.main-btn-area .btn .icon-arrow-right{
    width:.9rem;
    height:.9rem;
    margin-left:.2rem;
}
.main-btn-area .btn + .btn{
    margin-left:.4rem;
}
.main-filter-srch{
    padding:0 0 .8rem 0;
    margin-top:0;
    margin-bottom:.8rem;
    border-bottom:.1rem solid #e9e9e9;
    background: transparent;
}
.main-cate-area{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
    margin-bottom:1.2rem;
}
.main-cate-area a{
    width:calc((100% - 1.2rem) / 4);
    padding:.3rem 0 .5rem;
    border-radius:.6rem;
    border:.1rem solid #ebecef;
    background:#fff;
    text-align:center;
}
.main-cate-area a svg{
    width:2.4rem;
    height:2.4rem;
}
.main-cate-area a em{
    display:block;
    margin-top:-.5rem;
    font-size:1.2rem;
    letter-spacing:-.08rem;
}
.main-card {
    text-align: center;
    padding: 1.6rem;
    margin-top: .4rem;
    border-radius: 1.8rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.06)
}
.main-card .top-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .4rem 0;
    margin-bottom: .8rem;
}
.main-card .top-area .date-wrap {
    font-size: 0;
    text-align: left
}
.main-card .top-area .date-wrap button {
    position: relative;
    color: #797979;
    font-weight: 400;
    line-height: 1.462;
    padding: 0;
    margin: 0 .5rem 0 .6rem;
    border: none
}
.main-card .top-area .date-wrap button.active {
    color: #3182F6;
    font-weight: 500;
}
.main-card .top-area .date-wrap button.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: .1rem;
    background: #3182F6
}
.main-card .top-area .btn-more {
    position: absolute;
    right: 0;
    width: 2.7rem;
    height: 2.7rem;
    padding: 0;
    border: none
}
.main-card .top-area .btn-more .icon-plus {
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.33383' width='1.33333' height='12' fill='%23797979'/%3E%3Crect x='12' y='5.33398' width='1.33333' height='12' transform='rotate(90 12 5.33398)' fill='%23797979'/%3E%3C/svg%3E%0A");
    background-size: 1.1rem
}
.main-card .total-area {
    color: #fff;
    font-size: 0;
    margin-top: .8rem;
    border-radius: .8rem;
    background: #3182F6
}
/* light blue */
.main-card .total-area.box-light-blue {
    color: #333;
    background: #F0F6FF
}
.main-card .total-area.box-light-blue ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.main-card .total-area.box-light-blue li a em {
    opacity: 1
}
.main-card .total-area.box-light-blue li + li {
    border-left: 1px solid rgba(49, 130, 246, 0.08)
}
/* light red */
.main-card .total-area.box-light-red {
    background: #FFF0F0;
}
.main-card .total-area.box-light-red ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333;
}
.main-card .total-area.box-light-red li + li {
    border-left: 1px solid rgba(255, 70, 70, 0.08)
}
.main-card .total-area.box-light-red ul li > div{
    font-size: 1.3rem;
    line-height: 1;
    padding: 1.4rem 1.6rem 1.1rem;
}
.main-card .total-area.box-light-red ul li em{
    display: block;
    font-size: 1.3rem;
    line-height: 1.462;
    text-align: left;
}

.main-card .total-area ul li {
    display: inline-block;
    width: 50%
}
.main-card .total-area ul li + li {
    border-left: 1px solid rgba(255, 255, 255, 0.1)
}
.main-card .total-area ul li.item-row {
    width: 100%
}
.main-card .total-area ul li.item-row a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.main-card .total-area ul li a {
    display: block;
    line-height: 1;
    padding: 1.4rem 1.6rem 1.1rem
}
.main-card .total-area ul li a em {
    opacity: .8;
    display: block;
    font-size: 1.3rem;
    line-height: 1.462;
    text-align: left
}
.main-card .total-area ul li .txt-wrap {
    text-align: right;
    margin-right: .2rem;
}
.main-card .total-area ul li .txt-wrap p {
    font-size: 1.3rem;
    font-weight: 500;
}
.main-card .total-area ul li .txt-wrap p strong {
    font-size: 1.4rem;
    line-height: 1.358;
    font-weight: 600;
}
.main-card .total-area ul li .txt-wrap p.price {
    font-size: 1.5rem;
    margin-top: .5rem;
}
.main-card .total-area ul li .txt-wrap p.price strong {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.375;
}
.main-card .state-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    line-height: 1;
    padding: 1.1rem 1.3rem 1rem 1.6rem;
    margin-top: .8rem;
    border-radius: .8rem;
    background: #F0F6FF
}
.main-card .state-area em {
    color: #797979;
    line-height: 1.462
}
.main-card .state-area li {
    display: inline-block
}
.main-card .state-area li:last-child {
    margin-left: .8rem
}
.main-card .state-area li a {
    display: block;
    padding: .4rem
}
.main-card .state-area li a strong {
    color: #3182F6;
    font-size: 1.4rem
}
.main-card .state-area li a .icon {
    width: .9rem;
    height: .9rem;
    margin-left: .4rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23797979' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")
}
.main-card .price-area {
    border-radius: .8rem;
    background: #3182F6
}
.main-card .price-area + .price-area{
    margin-top: .8rem;
}
.main-card .price-area.box-light-red {
    background: #FFF0F0
}
.main-card .price-area.box-light-red ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.main-card .price-area.box-light-red ul li + li {
    border-left: 1px solid rgba(255, 70, 70, 0.08)
}
.main-card .price-area.box-light-red .txt-wrap{
    color: #333;
}
.main-card .price-area.box-light-red ul li.item-row a .txt-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}
.main-card .price-area.box-light-red ul li.item-row a .txt-wrap p.text {
    width: auto
}
.main-card .price-area.box-light-red ul li a {
    padding: 1.4rem 1.8rem 1.1rem 1.6rem
}
.main-card .price-area.box-light-red ul li a em {
    color: rgba(255, 70, 70, 0.8);
    font-size: 1rem;
    line-height: 1.4
}
.main-card .price-area.box-light-blue {
    background: #F0F6FF;
}
.main-card .price-area.box-light-blue ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.main-card .price-area.box-light-blue ul li + li {
    border-left: 1px solid rgba(49, 130, 246, 0.08);
}
.main-card .price-area.box-light-blue .txt-wrap{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #333;
    margin-top: 0;
}
.main-card .price-area.box-light-blue .txt-wrap p.text{
    width: 100%;
    margin-bottom: .3rem;
}
.main-card .price-area.box-light-blue em {
    opacity: 1;
    color: #333
}
.main-card .price-area li {
    width: 100%
}
.main-card .price-area li.item-row a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1.1rem
}
.main-card .price-area li.item-row a em {
    margin-top: .1rem
}
.main-card .price-area li.item-row a .txt-wrap {
    margin-top: .2rem
}
.main-card .price-area li{
    display: block;
    text-align: left;
    padding: 1.2rem 1.8rem 1.3rem 1.6rem
}
.main-card .price-area li em {
    opacity: .8;
    display: block;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.462
}
.main-card .price-area li .txt-wrap {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-card .price-area li .txt-wrap p.text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    line-height: 1.462;
}
.main-card .price-area li .txt-wrap p.text strong {
    font-size: 1.4rem;
    font-weight: 600;
}
.main-card .price-area li .txt-wrap p.price {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.375;
}
.main-card .price-area li .txt-wrap p.price strong {
    font-size: 1.6rem;
    font-weight: 600;
}
.main-card .price-area li .txt-wrap .btn-tooltip{
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin-left: .1rem;
    border: none;
    border-radius: 0;
}
.main-card .price-area li .txt-wrap .btn-tooltip .icon-tooltip-white{
    width: 100%;
    height: 100%;
    vertical-align: top;
    background-size: 1.6rem 1.6rem;
}
.main-card .nodata-area {
    color: #aaa;
    font-size: 1.3rem;
    padding: 3.8rem 0 3.6rem
}
.main-card-wrap {
    padding: 2rem;
    background: #F3F4F6
}
.main-card-wrap .selected-date{
    display: block;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.143;
    margin: -.4rem 0 1rem;
}
.main-card-wrap .main-card {
    margin-top: 0
}
.main-card-tip {
    padding: 1.1rem 2rem;
    margin-bottom: 1.2rem;
    background: #F0F6FF
}
.main-card-tip ul {
    font-size: 0;
    text-align: left;
    line-height: 1
}
.main-card-tip ul li {
    display: inline-block;
    width: 41%;
    font-size: 1.3rem;
    line-height: 1.462;
    letter-spacing: -.1rem;
    padding: .3rem 0 .2rem
}
.main-card-tip ul li:nth-child(even){
    width: calc(100% - 41%);
}
.main-card-tip ul li .icon {
    width: 1.4rem;
    height: 1.3rem;
    margin: 0 .5rem -.2rem 0
}
* + .main-card-list {
    margin-top: 1.2rem;
}
.main-card-list .card {
    text-align: left;
    margin-bottom: 1.2rem;
    background-color: #fff;
}
.main-card-list > .card:last-child{
    margin-bottom: 0;
}
.main-card-list .card-grid .card-grid-row{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}
.main-card-list .card-grid .card-grid-row.box01 > .card{
    min-height:9rem;
}
.main-card-list .card-grid .card-grid-row.box02 > .card{
    min-height: 15rem;
}
.main-card-list .card-grid .card-grid-row.box03 > .card{
    min-height: 12.8rem;
}
.main-card-list .card-grid .card-grid-row > div{
    width: 50%;
}
.main-card-list .card-grid .card-grid-row > div:first-child{
    margin-right: 1.2rem;
}

/* 메인 카드 리스트 */
.main-card-list .card a {
    display: block;
    height: 100%;
    line-height: 1.4;
    padding: 1.6rem 1.8rem 1.9rem;
}
.main-card-list .card a .txt-wrap p {
    word-break: keep-all;
    color: #797979;
    margin-top: .2rem;
}
.main-card-list .card a .txt-wrap p > em{
    color: #3182F6;
    font-weight: 500;
}
.main-card-list .card a .txt-wrap p > span{
    display: inline-block;
}
@media (max-width: 340px) {
    .main-card-list .card a .txt-wrap p > span{
        display: block;
    }
}
.main-card-list .card a .txt-wrap strong {
    word-break: keep-all;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438;
    letter-spacing: -.1rem;
}
.main-card-list .invited-box{
    background-image: url(../images/img_invited.png);
    background-position: bottom 1.4rem right 1.7rem;
    background-size: 5.9rem auto;
    background-repeat: no-repeat;
}
.main-card-list .product-view-box{
    background-image: url(../images/img_gift.png);
    background-position: bottom 1.2rem right 1.4rem;
    background-size: 8.2rem auto;
    background-repeat: no-repeat;
}
.main-card-list .special-product-view-box{
    background-image: url(../images/img_special.png);
    background-position: bottom 1.5rem right 1.8rem;
    background-size: 4.5rem auto;
    background-repeat: no-repeat;
}
.main-card-list .seller-view-box{
    background-image: url(../images/img_seller_view.png);
    background-position: bottom 1.3rem right 1.6rem;
    background-size: 5.8rem auto;
    background-repeat: no-repeat;
}
.main-card-list .pick-product-view-box{
    background-image: url(../images/img_pick.png);
    background-position: bottom 1.3rem right 1.8rem;
    background-size: 3.6rem auto;
    background-repeat: no-repeat;
}
.main-card-list .invite-management-box{
    background-image: url(../images/img_invitation.png);
    background-position: bottom 1.8rem right 1.8rem;
    background-size: 4.5rem auto;
    background-repeat: no-repeat;
}
.main-card-list .guide-box{
    background-image: url(../images/img_guide.png);
    background-position: bottom 2rem right 1.6rem;
    background-size: 4.2rem auto;
    background-repeat: no-repeat;
}
.main-card-list .community-box{
    background-image: url(../images/img_community.png);
    background-position: bottom 2.1rem right 1.5rem;
    background-size: 5.1rem auto;
    background-repeat: no-repeat;
}
.main-card-list .recommend-box .tit-wrap{
    padding: 1.2rem 1.4rem 0;
}
.main-card-list .recommend-box .tit-wrap a{
    display: inline-block;
    padding: .4rem;
}
.main-card-list .recommend-box .tit-wrap strong{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438;
    letter-spacing: -.1rem;
}
.main-card-list .recommend-box .tit-wrap .icon-arrow-right{
    width: 1.2rem;
    height: 1.2rem;
    margin-left: .2rem;
}
.main-card-list .recommend-list{
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .8rem 1.5rem 1rem 1.6rem;
}
.main-card-list .recommend-list-item{
    width: 9.3rem;
    margin-bottom:.7rem;
}
.main-card-list .card .recommend-list-item a{
    padding: 0 .3rem 0 .2rem;
}
.main-card-list .recommend-list-item .thumbnail{
    width:8.8rem;
    height:8.8rem;
}
.main-card-list .recommend-list-info-text{
    padding-top:.6rem;
}
.main-card-list .recommend-list-info-name{
    font-size:1.2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.main-card-list .recommend-list-info-price{
    margin:0 0 .5rem;
}
.main-card-list .recommend-list-info-price .price-text{
    font-size:1.2rem;
}
.main-card-list .recommend-list-info-margin{
    color: #3182F6;
    margin-top:.2rem;
}
.main-card-list .recommend-list-info-margin .margin-text{
    color: #3182F6;
    font-size: 1.2rem;
    font-weight: 600;
}
.main-card-list .recommend-list-info-margin strong{
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: -.05rem;
}
.main-card-list .recommend-list-info-margin strong::before{
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    margin: 0 .2rem .4rem 0;
    background: #3182F6;
}
.main-card-list .recommend-list-item .thumbnail-wrap{
    position:relative;
}
.main-card-list .recommend-list-item .thumbnail-wrap .best-product-rank{
    position: absolute;
    top: 0;
    left: 0;
    width:1.9rem;
    height:2rem;
    text-align: center;
    background-image: url(../../../images/celeb/img_rank.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.main-card-list .recommend-list-item .thumbnail-wrap .best-product-rank.rank-gold {
    background-image: url(../../../images/celeb/img_rank_gold.png);
}
.main-card-list .recommend-list-item .thumbnail-wrap .best-product-rank.rank-silver{
    background-image: url(../../../images/celeb/img_rank_silver.png);
}
.main-card-list .recommend-list-item .thumbnail-wrap .best-product-rank.rank-bronze{
    background-image: url(../../../images/celeb/img_rank_bronze.png);
}
.main-card-list .recommend-list-item .thumbnail-wrap .best-product-rank strong{
    display: block;
    padding:.3rem 0 .4rem;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.134;
    text-shadow: 0 .1rem 0 rgba(0,0,0,0.2);
}
/* MCN 메인 전용 */
.main-mcn-banner{
    text-align: center;
    padding: 2rem 1.6rem 2.2rem;
    margin: 1.2rem auto;
    border-radius: 1.8rem;
    background: #E8EBF1;
}
.main-mcn-banner > span{
    display: block;
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.417;
}
.main-mcn-banner strong{
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.445;
    margin-top: .6rem;
}
.main-mcn-card-list .card{
    text-align: left;
    margin-bottom: 1.2rem;
    background-color: #fff;
}
.main-mcn-card-list .card a{
    display: block;
    height: 100%;
    line-height: 1.4;
    padding: 1.6rem 1.8rem 1.9rem;
}
.main-mcn-card-list .card a .txt-wrap strong{
    word-break: keep-all;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438;
    letter-spacing: -.1rem;
}
.main-mcn-card-list .card a .txt-wrap p{
    word-break: keep-all;
    color: #797979;
    margin-top: .2rem;
}
.main-mcn-card-list .card a .txt-wrap p > em {
    color: #3182F6;
    font-weight: 500;
}
.main-mcn-card-list .card-grid .card-grid-row > div{
    width: 50%;
}
.main-mcn-card-list .card-grid .card-grid-row.box02 > .card{
    min-height: 15rem;
}
.main-mcn-card-list .card-grid .card-grid-row > div:first-child{
    margin-right: 1.2rem;
}
.main-mcn-card-list .card-grid .card-grid-row{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
}
.main-mcn-card-list .mcn-celeb-register-box{
    background-image: url(../images/img_register.png);
    background-position: bottom 1.5rem right 1rem;
    background-size: 3.2rem auto;
    background-repeat: no-repeat;
}
.main-mcn-card-list .mcn-celeb-pending-box{
    margin-left: .8rem;
    background-image: url(../images/img_pending.png);
    background-position: bottom 1.5rem right 1rem;
    background-size: 3.2rem auto;
    background-repeat: no-repeat;
}
.main-mcn-card-list .product-view-box{
    background-image: url(../images/img_gift.png);
    background-position: bottom 1.2rem right 1.4rem;
    background-size: 8.2rem auto;
    background-repeat: no-repeat;
}
.main-mcn-card-list .pick-product-view-box{
    background-image: url(../images/img_pick.png);
    background-position: bottom 1.3rem right 1.8rem;
    background-size: 3.6rem auto;
    background-repeat: no-repeat;
}
.main-mcn-card-list .guide-box {
    margin-bottom: 0;
    background-image: url(../images/img_guide.png);
    background-position: bottom 2rem right 1.6rem;
    background-size: 4.2rem auto;
    background-repeat: no-repeat;
}
.main-mcn-card-list .card-grid{
    margin-top: 1.2rem;
}

.main-mcn-celeb-box{
    padding: 2rem 1.6rem 1.8rem;
}
.main-mcn-celeb-box .mcn-invite-box{
    position: relative;
    margin-bottom: 1.6rem;
}
.main-mcn-celeb-box .mcn-invite-box::after{
    content: '';
    display: block;
    width: calc(100% + 3.2rem);
    height: 1px;
    margin: 1.6rem 0 0 -1.6rem;
    background: #F3F4F6;
}
.main-mcn-celeb-box .mcn-invite-box .tit{
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.467;
    padding-left: .8rem;
    margin-bottom: 1.6rem;
    background: url(../images/img_invite_copy.png) top .4rem right .4rem / 4.2rem auto no-repeat;
}
.main-mcn-celeb-box .mcn-invite-box > a{
    line-height: 1.429;
    border: none;
    border-radius: 1rem;
    padding: 1.2rem 1.6rem;
}
.main-mcn-celeb-box .mcn-manage-box .mcn-manage-box-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-mcn-celeb-box .mcn-manage-box .mcn-manage-box-top > div{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    border-radius: 1.2rem;
    background-color: #f0f6ff;
}
.main-mcn-celeb-box .mcn-manage-box .mcn-manage-box-top a{
    font-size: 1.3rem;
    text-align: left;
    padding: 1.4rem 0 1.6rem 1.8rem;
}
.main-mcn-celeb-box .mcn-manage-box .mcn-manage-box-top strong{
    display: block;
    font-weight: 500;
    line-height: 1.539;
}
.main-mcn-celeb-box .mcn-manage-box .mcn-manage-box-top strong .count{
    position:relative;
    top:-.1rem;
    display: inline-block;
    min-width: 1.3rem;
    height: 1.3rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    vertical-align: middle;
    border-radius: 5rem;
    padding: 0 .4rem;
    margin-left: .3rem;
    background: #ff4646;
}
.main-mcn-celeb-box .mcn-manage-box .mcn-manage-box-bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .8rem;
    border-radius: 1.2rem;
    background-color: #f0f6ff;
}
.main-mcn-celeb-box .mcn-manage-box .mcn-manage-box-bottom > div{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}
.main-mcn-celeb-box .mcn-manage-box .mcn-manage-box-bottom > div + div::before{
    content: '';
    opacity: .08;
    position: absolute;
    top: 50%;
    left: 0;
    width: .1rem;
    height: 1.6rem;
    background: #3182F6;
    transform: translateY(-50%);
}
.main-mcn-celeb-box .mcn-manage-box .mcn-manage-box-bottom a{
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.462;
    padding: 1.2rem 1.8rem 1.1rem;
}
/* 메인 원픽 */
.main-onepick .onepick-wrap{
    margin:0 -2rem 1.8rem;
    border-radius: 2rem;
}
.main-onepick .onepick-wrap::before{
    display: none;
}
.main-onepick .onepick-wrap .onepick-tit span{
    padding-bottom: .4rem;
}
.main-onepick .onepick-area .product-list-area-text{
    padding:0 0.2rem;
    margin-top: 1.3rem;
    margin-bottom:1.2rem;
}
.main-onepick .onepick-area .product-list-info-name{
    padding-top:.6rem;
}
.main-onepick .onepick-area .product-list-info-price{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top:1.2rem;
}
.main-onepick .onepick-area .product-list-info-price .price-text{
    font-size:1.7rem;
}
.main-onepick .onepick-area .product-list-info-margin{
    margin:0;
}
.main-onepick .onepick-area .product-list-info-margin .margin-text,
.main-onepick .onepick-area .product-list-info-margin strong{
    font-size:1.4rem;
}

/* 메인 베스트 상품 */
.best-product-wrap{
    overflow: hidden;
    position: relative;
    padding: 1.9rem 1rem 1.4rem;
    margin: 0 -2rem;
    border-radius: 2rem 2rem 2.4rem 2.4rem;
    background-image: url(../../images/celeb/img_bestproduct_bg.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 42rem;
}
.best-product-wrap::before{
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(177deg, #1c2250 21.73%, #1e2656 90.64%);
}
.best-product-wrap .best-product-tit{
    line-height: 1;
    padding-left: 1rem;
    margin-bottom: 1.3rem;
}
.best-product-wrap .best-product-tit > div{
    display: inline-block;
    width: 22.8rem;
    height: 2.5rem;
    margin-bottom: .4rem;
    background: url(../../images/celeb/img_bestproduct_tit.svg) no-repeat center;
    background-size: 100% auto;
}
.best-product-wrap .best-product-tit span{
    display: block;
    color: #dde1ff;
    font-size: 1.1rem;
    line-height: 1.455;
}
.best-product-wrap .best-product-list-wrap{
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem .7rem 1.4rem .8rem;
    margin-bottom: 1.2rem;
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 0 .3rem 0 rgba(0,0,0,.08);
}
.best-product-wrap .best-product-button-area a{
    display: block;
    color: #d6dbff;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.308;
    padding: 1.1rem 0 1rem;
    border-radius: 10rem;
    border: 1px solid #58619d;
}
.best-product-list-item{
    width: 9.8rem;
    margin: 0 .3rem 0 .2rem;
}
.best-product-list-item a{
    display: block;
    height: 100%;
    line-height: 1.4;
}
.best-product-list-item .best-product-thumb{
    position: relative;
}
.best-product-list-item .best-product-thumb .thumbnail{
    width: 9.8rem;
    height: 9.8rem;
}
.best-product-list-item .best-product-thumb .best-product-rank{
    position: absolute;
    top: 0;
    left: 0;
    width: 2.3rem;
    height: 2.4rem;
    text-align: center;
    background-image: url(../../images/celeb/img_rank.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.best-product-list-item .best-product-thumb .best-product-rank strong{
    display: block;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.134;
    padding: .2rem .7rem .5rem;
    text-shadow: 0 .1rem 0 rgba(0,0,0,0.2);
}
.best-product-list-item .best-product-thumb .best-product-rank.rank-gold {
    background-image: url(../../images/celeb/img_rank_gold.png);
}
.best-product-list-item .best-product-thumb .best-product-rank.rank-silver{
    background-image: url(../../images/celeb/img_rank_silver.png);
}
.best-product-list-item .best-product-thumb .best-product-rank.rank-bronze{
    background-image: url(../../images/celeb/img_rank_bronze.png);
}
.best-product-list-item .product-list-info-name{
    font-size: 1.2rem;
    line-height: 1.417;
    padding-top: .6rem;
}
.best-product-list-item .product-list-info-price{
    display: block;
    margin: 0 0 .5rem;
}
.best-product-list-item .price-text{
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.334;
}
.best-product-list-item .product-list-info-margin{
    line-height: 1.167;
    margin-top: .2rem;
}
.best-product-list-item .product-list-info-margin .margin-text,
.best-product-list-item .product-list-info-margin strong{
    font-size: 1.2rem;
}
.main-alert-list{
    margin-bottom:1.2rem;
}
.main-alert-list + .best-product-wrap{
    margin-top: 1.8rem;
}
.alert-card + .alert-card{
    margin-top: 1rem;
}
.alert-card a{
    display: block;
    text-align: center;
    padding: 1.6rem 1.6rem 1.5rem;
    border-radius: 1.8rem;
    background: #E8EBF1;
}
.alert-card p{
    font-size: 1.3rem;
    letter-spacing: -.03rem;
    line-height: 1.462;
}
.alert-card p + p{
    margin-top: .1rem;
}
.alert-card strong{
    font-weight: 500;
}
.alert-card .icon-arrow-right{
    width: .9rem;
    height: .9rem;
    margin-left: .2rem;
}
.bizprofile-card.alert-card a{
    background: #F0F6FF;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
}
.bizprofile-card.alert-card .icon-profile{
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: top;
    margin: .2rem .2rem 0 .1rem;
}
.auth-card.alert-card .icon-alert{
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 .2rem -.1rem 0;
}
.mypage-profile {
    padding-bottom: 2rem
}
.mypage-profile-info {
    position: relative;
    padding: 0 2rem;
    text-align: center;
    margin: 2rem 0 3.3rem
}
.mypage-profile-thumb {
    position: relative;
    display: inline-block;
    margin-bottom: 1.8rem
}
.mypage-profile-thumb .thumbnail {
    width:8rem;
    height:8rem
}
.mypage-profile-thumb .btn-profile-edit {
    position: absolute;
    bottom: -.4rem;
    right: -1rem;
    width: 3.1rem;
    height: 3.1rem;
    padding: 0;
    border: 0.3rem solid #fff;
    border-radius: 50%;
    background-color: #F3F4F6
}
.mypage-profile-thumb .btn-profile-edit .icon-edit {
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translate(0.1rem, 0.2rem);
    transform: translate(0.1rem, 0.2rem)
}
.mypage-profile-thumb .btn-upolad-img {
    cursor: pointer;
    position: absolute;
    right: -1.4rem;
    bottom: -.7rem;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
    border: 0.3rem solid #fff;
    border-radius: 50%;
    background-color: #F3F4F6
}
.mypage-profile-thumb .btn-upolad-img input[type="file"] {
    display: none
}
.mypage-profile-thumb .btn-upolad-img .icon-camera {
    width: 1.5rem;
    height: 1.2rem;
    -webkit-transform: translate(-0.1rem, 0.5rem);
    transform: translate(-0.1rem, 0.5rem)
}
.mypage-profile-text strong {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.353;
}
.mypage-profile-text p {
    color: #797979;
    font-size: 1.4rem;
    padding-top: .8rem
}
.mypage-profile-link {
    font-size: 1.4rem;
    text-align: left;
    padding: 2.2rem 0 5.4rem
}
.mypage-profile-link a {
    position: relative;
    display: block;
    line-height: 2rem;
    padding: 1.1rem 2rem 1.2rem 2.5rem
}
.mypage-profile-link a::after {
    content: '';
    position: absolute;
    right: 2rem;
    width: 1.3rem;
    height: 1.3rem;
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23D4D4D4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat
}
.mypage-profile .button-area {
    position: relative;
    padding: 0 2rem
}
.mypage-profile .button-area .btn-xl {
    font-weight: 400;
}
.faq-list-item {
    border-bottom: 1px solid #F0F2F4
}
.faq-list-item button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333;
    text-align: left;
    min-height: 6.1rem;
    width: 100%;
    height: auto;
    padding: 2rem 1.8rem 2rem 2rem
}
.faq-list-item button p {
    width: 96%;
    font-size: 1.4rem;
    line-height: 1.5
}
.faq-list-item button p::before {
    content: "Q";
    display: inline-block;
    font-size: 1.6rem;
    color: #3182F6;
    padding-right: .7rem
}
.faq-list-item button::after {
    content: '';
    display: block;
    top: 2.5rem;
    right: 1.8rem;
    width: 1.3rem;
    height: 1.3rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M5.00012 10L9.03063 5.96949C9.14779 5.85233 9.14779 5.66238 9.03063 5.54523L5.00012 1.51472' stroke='%23797979' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.faq-list-item button.active p {
    color: #3182F6;
    font-weight: 500;
}
.faq-list-item button.active p::before {
    font-weight: 400;
}
.faq-list-item button.active::after {
    background-position: -1px center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
.faq-list-item button.active + .faq-list-answer {
    margin-bottom: -.1rem;
    border-top: 1px solid #F0F2F4;
    border-bottom: 1px solid #EBECEF
}
.faq-list-answer {
    display: none;
    color: #4D4D4D;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 1.8rem 2.3rem 1.9rem;
    background: #F9FAFB;
    border-top: 1px solid #F0F2F4
}
.memo-wrap {
    position: relative;
    color: #797979;
    background: #fff
}
.memo-wrap p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 1.3rem;
    line-height: 1;
    letter-spacing: -.1rem;
    padding: 1.1rem 1.3rem 1.1rem 3rem;
    border: 1px solid #E6E6EA;
    border-radius: .4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.69167 0H0.1C0.0447715 0 0 0.0447721 0 0.100001V11.9C0 11.9552 0.0447721 12 0.100001 12H10.9C10.9552 12 11 11.9552 11 11.9V3.6C11 3.54477 10.9552 3.5 10.9 3.5H7.89167C7.83644 3.5 7.79167 3.45523 7.79167 3.4V0.1C7.79167 0.0447715 7.7469 0 7.69167 0Z' fill='%23D8E3FC'/%3E%3Cpath d='M10.8463 3.43243L7.87364 0.189508C7.81201 0.122279 7.69992 0.165879 7.69992 0.25708V3.5C7.69992 3.55523 7.74469 3.6 7.79992 3.6H10.7726C10.8596 3.6 10.9051 3.49657 10.8463 3.43243Z' fill='%238AA5F8' stroke='%238AA5F8' stroke-width='0.2'/%3E%3C/svg%3E%0A");
    background-position: left 1.3rem top 1.1rem;
    background-repeat: no-repeat;
    background-size: 1.1rem 1.2rem
}
.memo-wrap .link-arrow {
    margin-top: .4rem;
    padding: .6rem .6rem 0 0;
    font-size: 1.2rem
}
.memo-wrap .link-arrow .icon {
    margin-left: 0
}
.memo-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0
}
.message-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.8rem 2rem 1.7rem;
    border-bottom: 1px solid #F3F4F6
}
.message-list {
    border-top: 1px solid #F3F4F6
}
.message-list li {
    position: relative;
    padding: 0 2rem
}
.message-list li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F3F4F6
}
.message-list-item {
    padding: 1.8rem 0;
    font-size: 1.4rem
}
.message-list-area-thumb {
    position: relative;
    margin-right: 2rem;
    height: 6rem
}
.message-list-area-thumb .thumbnail {
    width: 5.5rem;
    height: 5.5rem
}
.message-list-area-thumb .btn-agency-detail {
    overflow: hidden;
    position: absolute;
    bottom: -.1rem;
    right: -.7rem;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border: 0.2rem solid #fff;
    border-radius: 50%;
    background-color: #ECECEC
}
.message-list-area-thumb .btn-agency-detail .icon-more {
    width: 2.6rem;
    height: 2.6rem;
    -webkit-transform: rotate(90deg) translate(-0.5rem, 0.4rem);
    transform: rotate(90deg) translate(-0.5rem, 0.4rem);
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='21.355' cy='26.6452' r='1.35484' transform='rotate(-90 21.355 26.6452)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='21.306' r='1.35484' transform='rotate(-90 21.355 21.306)' fill='%23949494'/%3E%3Ccircle cx='21.355' cy='15.9667' r='1.35484' transform='rotate(-90 21.355 15.9667)' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.message-list-area-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0
}
.message-list-area-text > a {
    display: block
}
.message-list-area-text .memo-wrap {
    margin-top: 1.2rem
}
.message-list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.message-list-info-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .5rem
}
.message-list-info-top span {
    color: #aaa;
    font-size: 1rem
}
.message-list-info-name {
    display: block;
    padding: .5rem .5rem .5rem 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.message-list-info-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #797979;
    font-size: 1.3rem;
    padding-top: .7rem
}
.message-view {
    padding-bottom: 2rem
}
.message-view-area-thumb {
    height: auto;
    margin-right: 1.5rem
}
.message-view-area-thumb .thumbnail {
    width: 5rem;
    height: 5rem
}
.message-view-area-text strong {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: .2rem 0 .2rem 0
}
.message-view-area-text span {
    color: #aaa;
    font-size: 1.2rem
}
.message-view-content {
    color: #4D4D4D;
    font-size: 1.4rem;
    line-height: 1.6;
    padding: 1.8rem 2rem
}
.message-view-content div {
    min-height: 25.3rem
}
.message-view .button-area {
    position: relative;
    padding: 0 2rem;
    margin-top: .6rem
}
.message-view .button-area a + a {
    margin-top: 1rem
}
.product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5rem 2rem
}
.product-info-thumb {
    width: 4.8rem;
    height: 4.8rem
}
.product-info-text {
    width: calc(100% - 4.8rem);
    padding: .4rem 0 0 1.2rem
}
.product-info-text span {
    color: #aaa;
    font-size: 1.2rem
}
.product-info-text p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
    font-size: 1.4rem;
    margin-top: .8rem
}
.write-review-wrap {
    position: relative;
    padding: 0 2rem 2rem
}
.write-review-wrap textarea {
    padding: 1.4rem;
}
.write-review-wrap .button-area {
    margin-top: 3.6rem
}
.write-review-rating {
    text-align: center;
    padding: 2.6rem 0 1.8rem
}
.write-review-rating > strong {
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1;
}
.write-review-rating .star-grade-area {
    z-index: 10;
    margin: 1.5rem auto 1.4rem;
    width: 20.4rem;
    height: 4rem;
    background: transparent
}
.write-review-rating .star-grade-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    height: 100%
}
.write-review-rating .star-grade-button .btn-rating {
    z-index: 7;
    position: relative;
    padding: 0;
    margin-left: .1rem;
    width: 4rem;
    height: 4rem;
    background-color: #E3E3E3;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9991 0H0V15.3717V40H40V0H19.9991ZM19.9991 0C20.7219 0 21.4446 0.402314 21.7726 1.20694L25.899 11.3283C26.1756 12.0068 26.8011 12.4703 27.5191 12.529L38.2299 13.4042C39.9331 13.5434 40.6237 15.7117 39.3259 16.8454L31.1662 23.9741C30.6191 24.4521 30.3801 25.2021 30.5472 25.9168L33.0404 36.58C33.4368 38.2752 31.629 39.6151 30.171 38.7067L21.0003 32.9932C20.3856 32.6103 19.6126 32.6103 18.998 32.9932L9.82731 38.7067C8.3693 39.6151 6.56149 38.2752 6.95784 36.58L9.45105 25.9167C9.61815 25.202 9.37925 24.4521 8.83226 23.9741L0.673914 16.8453C0.20975 16.4397 0 15.9018 0 15.3717C0 14.42 0.676198 13.4936 1.77006 13.4042L12.4792 12.529C13.1972 12.4703 13.8227 12.0068 14.0993 11.3283L18.2257 1.20694C18.5537 0.402315 19.2764 0 19.9991 0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-size: 4rem
}
.write-review-rating .star-grade-button .btn-rating:last-child {
    margin-left: 0
}
.write-review-rating .star-grade-button .btn-rating:hover {
    background-color: #FFCE59
}
.write-review-rating .star-grade-button .btn-rating:hover ~ button {
    background-color: #FFCE59
}
.write-review-rating .star-grade-button .btn-rating.active {
    background-color: #FFCE59
}
.write-review-rating span {
    color: #aaa;
    font-size: 1.3rem
}
.write-review-rating span strong {
    color: #3182F6;
    font-weight: 600;
}
.chk-lst{
    margin: 1rem auto 2.6rem;
    text-align: center
}
.chk-lst input[type="radio"]{
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}
.chk-lst input[type="radio"]:checked + span {
    color: #3182F6;
    font-weight: 600;
}
.chk-lst input[type="radio"]:checked + span::after {
    content: '';
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 -2rem 0 .7rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%233182F6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: 100%
}
.chk-lst label {
    position: relative;
    display: block;
    padding: 1.5rem;
    font-size: 1.6rem;
    cursor: pointer
}

.modal-popup .modal-header .link-arrow-lg {
    position: absolute;
    right: 1rem;
    margin: 0
}
.modal-popup .modal-body > strong {
    display: block;
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 3.2rem 0 .3rem
}
.modal-popup .modal-body > strong span {
    display: inline-block;
    max-width: 14rem;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.modal-popup .modal-body .agency-info {
    font-size: 1.3rem;
    padding: 1.7rem .8rem 1.4rem
}
.modal-popup .modal-body .agency-info::after {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #F0F2F4;
    background: #F6F7F9
}
.modal-popup .modal-body .agency-info div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: -.07rem
}
.modal-popup .modal-body .agency-info div p {
    color: #949494;
    white-space: nowrap
}
.modal-popup .modal-body .agency-info div em {
    word-break: break-all;
    text-align: left;
    color: #333;
    padding-left: .9rem
}
.modal-popup .modal-body .agency-info div + div {
    padding-top: 1.2rem
}
.modal-popup .modal-body .category-info {
    position: relative;
    text-align: left;
    padding: 1.5rem 0.8rem 1.3rem
}
.modal-popup .modal-body .category-info::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 23.6rem;
    height: .1rem;
    background: #EBECEF
}
.modal-popup .modal-body .category-info p {
    font-size: 1.3rem;
    padding-bottom: 1rem
}
.modal-popup .modal-body .category-info div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.modal-popup .modal-body .category-info div .label-sm {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.417;
    padding: .5rem 1rem;
    margin: 0 .3rem .5rem 0;
    background: #E8EEF9
}
.modal-popup .modal-body .guide-info {
    margin-bottom: 1.2rem
}
.modal-popup .modal-body .guide-info > p {
    color: #797979;
    font-size: 1.3rem;
    padding-top: 13.4rem;
    background: url(../images/img_money.png) no-repeat top 0.4rem center;
    background-size: 16rem
}
.modal-popup .modal-body .guide-info-profit > p {
    background: url(../images/img_profit.png) no-repeat top 1.5rem center;
    background-size: 17rem
}
.modal-popup .modal-body .guide-info-deposit > p {
    background: url(../images/img_chart.png) no-repeat top 1.8rem center;
    background-size: 18.4rem
}
.modal-popup .modal-body .guide-info-tax {
    height: 10.7rem;
    margin-bottom: 3.8rem;
    background: url(../images/img_bundle.png) no-repeat top 2.5rem center;
    background-size: 11.5rem
}
.modal-popup .modal-body .guide-info-linkshop > p {
    background: url(../images/img_linkshop.png) no-repeat top 1.4rem center;
    background-size: 12.5rem
}
.modal-popup .modal-body .guide-info-pick {
    height: 10.1rem;
    margin-bottom: 1.4rem;
    background: url(../images/img_box.png) no-repeat top 1.4rem center;
    background-size: 11.8rem;
}
.modal-popup .modal-body .guide-info-fee{
    margin-bottom: .4rem;
}
.modal-popup .modal-body .guide-info-fee > p {
    color: #333;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438;
    padding-top: 13.2rem;
    background: url(../images/img_money_fee.png) no-repeat top 4rem center;
    background-size: 12.8rem;
}
.modal-popup .modal-body .guide-info-fee p > em{
    font-weight: 700;
}
.modal-popup .modal-body .guide-info-fee > p > strong{
    display: block;
    font-size: 1.8rem;
    line-height: 1.334;
    margin-top: .3rem;
}
.modal-popup .modal-body .guide-list {
    margin: 0 -1.6rem;
    padding: 1.5rem 0 1.6rem;
    background: #F6F7F9
}
.modal-popup .modal-body .guide-list.step ul {
    position: relative;
    margin-left: 4.6rem
}
.modal-popup .modal-body .guide-list.step ul::before {
    z-index: 1;
    content: '';
    position: absolute;
    top: .4rem;
    left: 1.2rem;
    width: .1rem;
    height: calc(100% - .9rem);
    background: #fff
}
.modal-popup .modal-body .guide-list.step ul li {
    z-index: 2;
    position: relative
}
.modal-popup .modal-body .guide-list ul {
    margin-left:2.8rem
}
.modal-popup .modal-body .guide-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #333;
    font-size: 1.3rem;
    text-align: left;
    padding: .4rem 2.4rem .5rem 0;
    margin: 0 auto
}
.modal-popup .modal-body .guide-list ul li span {
    position: relative;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    min-width: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2;
    vertical-align: middle;
    margin-right: 1.3rem;
    border-radius: 50%;
    background: #fff
}
.modal-popup .modal-body .guide-list ul li p {
    letter-spacing: -.08rem;
    padding-top: .3rem
}
.modal-popup .modal-body .guide-list ul li p em {
    color: #3182F6;
}
.modal-popup .modal-body .guide-list .guide-txt-box{
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.584;
    padding: 0 2rem;
    margin: 1.4rem 0 .6rem;
}
.modal-popup .modal-body .guide-list .guide-txt-box p em{
    color: #FF4646;
    font-weight: 500;
}
.modal-popup .modal-body .guide-list-profit ul {
    margin-left: 3.6rem
}
.modal-popup .modal-body .guide-list-profit ul li + li {
    margin-top: .3rem
}
.modal-popup .modal-body .guide-list-profit ul li span {
    margin-right: .6rem
}
.modal-popup .modal-body .guide-list-deposit ul li + li {
    margin-top: .3rem
}
.modal-popup .modal-body .guide-list-deposit ul li span {
    margin-right: .6rem
}
.modal-popup .modal-body .guide-list-tax ul {
    margin-left: 1.9rem
}
.modal-popup .modal-body .guide-list-tax ul li {
    padding-right: 2.5rem
}
.modal-popup .modal-body .guide-list-tax ul li + li {
    margin-top: .3rem
}
.modal-popup .modal-body .guide-list-tax ul li span {
    margin-right: .6rem
}
.modal-popup .modal-body .guide-list-linkshop ul {
    margin-left: 4.6rem
}
.modal-popup .modal-body .guide-list-linkshop ul li + li {
    margin-top: .3rem
}
.modal-popup .modal-body .guide-list-linkshop ul li span {
    margin-right: 1.3rem
}
.modal-popup .modal-body .guide-list-pick ul li p{
    font-weight: 500;
}
.modal-popup .modal-body .guide-sales{
    min-height: 15rem;
    padding: 2rem 0;
    margin: 0 -1.6rem;
    background: #F2FBFF;
}
.modal-popup .modal-body .guide-sales .guide-txt-box{
    color: #33A4D2;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: left;
    line-height: 1.693;
    letter-spacing: -.05rem;
    padding: 0 2.8rem;
}
.modal-popup .modal-body .file-upload {
    padding: 1.8rem 1.2rem
}
.modal-popup .modal-body .file-upload::after {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #F0F2F4;
    background: #F6F7F9
}
.modal-popup .modal-body .file-upload ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.modal-popup .modal-body .file-upload ul li {
    width: 50%
}
.modal-popup .modal-body .file-upload ul li + li {
    margin-left: 1rem
}
.modal-popup .modal-body .file-upload ul li .btn {
    width: 100%;
    height: 100%;
    padding: 2rem 0 1.6rem;
    border-radius: .6rem;
    border: 1px solid #D9D9D9;
    background: #fff
}
.modal-popup .modal-body .file-upload ul li .btn .icon {
    width: 2.4rem;
    height: 2rem
}
.modal-popup .modal-body .file-upload ul li .btn .icon.icon-camera {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0C0.895508 0 0 0.895508 0 2V10C0 11.1045 0.895508 12 2 12H13C14.1045 12 15 11.1045 15 10V2C15 0.895508 14.1045 0 13 0H2ZM7.50488 9.93018C9.55664 9.93018 11.2202 8.2666 11.2202 6.21484C11.2202 4.16309 9.55664 2.5 7.50488 2.5C5.45312 2.5 3.79004 4.16309 3.79004 6.21484C3.79004 8.2666 5.45312 9.93018 7.50488 9.93018ZM11.7856 1.90674C11.7856 1.74121 11.9199 1.60693 12.0854 1.60693H13.0928C13.2583 1.60693 13.3926 1.74121 13.3926 1.90674V2.91406C13.3926 3.07959 13.2583 3.21387 13.0928 3.21387H12.0854C11.9199 3.21387 11.7856 3.07959 11.7856 2.91406V1.90674ZM7.50537 8.56982C8.80029 8.56982 9.8501 7.52002 9.8501 6.2251C9.8501 4.92969 8.80029 3.87988 7.50537 3.87988C6.20996 3.87988 5.16016 4.92969 5.16016 6.2251C5.16016 7.52002 6.20996 8.56982 7.50537 8.56982Z' fill='%23aaa'/%3E%3C/svg%3E%0A")
}
.modal-popup .modal-body .file-upload ul li .btn p {
    color: #333;
    line-height: 1.462;
    margin-top: .1rem
}
.modal-popup .modal-body .agency-grade-info{
    font-size: 1.3rem;
    text-align: left;
    padding: 1.8rem 1.2rem 1.2rem;
}
.modal-popup .modal-body .agency-grade-info::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #F0F2F4;
}
.modal-popup .modal-body .agency-grade-info strong{
    display: block;
    color: #333;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: .8rem;
}
.modal-popup .modal-body .agency-grade-info em{
    font-weight: 500;
}
.modal-popup .modal-body .agency-grade-info .grade-type{
    line-height: 1.462;
    margin-top: 1.2rem;
}
.modal-popup .modal-body .agency-grade-info .grade-type li{
    display: inline-block;
    color: #333;
    font-weight: 500;
    margin-right: 1.2rem;
}
.modal-popup .modal-body .agency-grade-info .grade-type li .icon{
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: top;
    margin: .2rem .4rem 0 0;
}
.modal-popup .modal-body .agency-grade-info .status{
    border-top: 1px solid #f3f4f6;
    margin-top: 2rem;
    padding-top: 2rem;
}
.modal-popup .modal-body .agency-grade-info .status ol > li + li{
    margin-top: 1rem;
}
.modal-popup .modal-body .agency-grade-info .status ol > li > span{
    display: block;
    color: #333;
    padding-bottom: .4rem;
}
.modal-popup .modal-body .agency-grade-info .status ul > li{
    position: relative;
    padding-left: .7rem;
}
.modal-popup .modal-body .agency-grade-info .status ul > li::before{
    content: "-";
    position: absolute;
    left: 0;
}
.modal-popup .modal-body .agency-grade-info .status ul > li + li{
    margin-top: .3rem;
}

/* 개인정보 수집 및 이용동의 모달 */
.modal-popup .modal-body .privacy-agreement-info{
    font-size: 1.3rem;
    text-align: left;
    padding: 1.8rem 1.2rem 1.2rem;
}
.modal-popup .modal-body .privacy-agreement-info p{
    color: #333;
    font-size: 1.3rem;
    line-height: 1.462;
    margin-bottom: .4rem;
}
.modal-popup .modal-body .privacy-agreement-info li > div{
    position: relative;
    padding-left: .7rem;
}
.modal-popup .modal-body .privacy-agreement-info li > div::before{
    content: "-";
    position: absolute;
    left: 0;
}
.modal-popup .modal-body .privacy-agreement-info li{
    color: #797979;
}
.modal-popup .modal-body .privacy-agreement-info li + li{
    margin-top: 1rem;
}
.modal-popup .modal-body .privacy-agreement-info .depth-two li + li {
    margin-top: .3rem;
}

.modal-popup .modal-body .benefit-guide{
    margin: 0 -1.6rem;
    padding: 2.4rem 2.8rem;
    background: #F6F7F9;
}
.modal-popup .modal-body .benefit-guide li{
    text-align: left;
}
.modal-popup .modal-body .benefit-guide li + li{
    padding-top: 2.4rem;
    margin-top: 2.4rem;
    border-top: 1px solid #EBECEF;
}
.modal-popup .modal-body .benefit-guide li .btn{
    height: 4.4rem;
    line-height: 1.25;
    border-radius: .4rem;
}
.modal-popup .modal-body .benefit-guide li p{
    color: #333;
    font-size: 1.3rem;
    padding-top: 1.2rem;
}
.modal-popup .modal-body .benefit-guide li p > em{
    font-weight: 500;
}
s.modal-popup .modal-check {
    text-align: left;
    padding: 1.5rem 0 1rem
}
.modal-popup .modal-check::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #F0F2F4
}
.modal-popup .modal-check em {
    font-size: 1.3rem;
    font-weight: bold;
    padding-left: .4rem
}
.modal-popup .modal-check .check-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .8rem 1rem 0
}
.modal-popup .modal-check .check-area label {
    width: 50%;
    padding: .5rem 0 .8rem
}
.modal-popup .modal-check .check-area label span::before {
    top: -.1rem
}
.modal-popup .modal-alert {
    color: #949494;
    text-align: left;
    font-size: 1.2rem;
    letter-spacing: -.05rem;
    margin-top: .8rem
}
.modal-popup .modal-alert span {
    padding-left: 1.6rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.146 4.7002V3.55762H7.38086V4.7002H6.146ZM6.146 10V5.33301H7.38086V10H6.146Z' fill='%23949494'/%3E%3Ccircle cx='6.5' cy='6.5' r='6' stroke='%23949494'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 1.3rem auto;
}
#memoModal .modal-popup .modal-body{
    margin-bottom: -.4rem;
}
.alarm-list {
    font-size: 1.4rem
}
.alarm-list-item.alarm-unread {
    background: rgba(49, 130, 246, 0.05)
}
.alarm-list-item a {
    position: relative;
    display: block;
    padding: 1.8rem 2rem 2rem;
    word-break:break-word;
}
 .alarm-list-item a::after{
     content: '';
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     height: .1rem;
     background-color: #F3F4F6;
}
.alarm-list-info div {
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .7rem
}
.alarm-list-info div span {
    color: #3182F6
}
.alarm-list-info div small {
    color: #aaa
}
.alarm-list-info p {
    line-height: 1.4;
    word-break: keep-all
}
.profile-modify .mypage-profile-info {
    margin: 2.4rem 0
}
.profile-modify .mypage-profile-thumb {
    margin-bottom: 0
}
.profile-modify .form-list {
    margin-top: 0
}
.profile-modify .sns-link-list button {
    border: none;
    width: 3.8rem;
    height: 3.8rem
}
.profile-modify .hashtag-wrap label {
    min-width: auto;
    height: 3.2rem;
    padding:.7rem .6rem .7rem 1.4rem;
    margin: 0 .6rem 0 0
}
.profile-modify .hashtag-wrap label .btn {
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin: -.2rem 0 0 .1rem;
    border: none
}
.profile-modify .hashtag-wrap label .btn .icon {
    width: 100%;
    height: 100%
}
.profile-category .text-notice-area {
    border-top: none
}
.state-agency-wrap .list-sort-area {
    margin: 1.5rem 0 1.6rem
}
.state-agency-wrap .agency-list {
    border-top: 1px solid #EBECEF
}
.state-agency-wrap .agency-list-info-margin {
    line-height: 1.417;
    margin-top: .2rem
}
.state-agency-wrap .agency-list-info-date {
    margin-top: 0
}
.state-agency-wrap .agency-item {
    padding: 1.8rem 0 2.4rem
}
.agency-profile-thumb .thumbnail{
    display:block;
}
.state-agency-wrap .agency-profile-thumb {
    margin-right: 2.2rem
}
.state-agency-wrap .agency-profile-thumb .thumbnail {
    width: 6.5rem;
    height: 6.5rem
}
.state-agency-wrap .agency-profile-thumb .btn-agency-detail {
    bottom: .2rem
}
.state-agency-detail .memo-wrap p {
    margin-top: 1.5rem
}
@media (min-width: 768px) {
    .state-agency-detail .memo-wrap p {
        background-size: 1.1rem
    }
}
.chat-list {
    margin-top:-.7rem;
}
.chat-list li {
    position: relative;
    padding: 0 2rem
}
.chat-list li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F3F4F6
}
.chat-list .chat-link-area{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
}
.chat-item {
    padding:1.7rem 0
}
.chat-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.chat-info .agency-profile-thumb {
    position:relative;
    margin-right: 1.5rem;
    height: 100%;
    z-index:2;
}
.chat-info .agency-profile-thumb .thumbnail {
    width: 5.5rem;
    height: 5.5rem
}
.chat-info .agency-list-info-top span {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
.chat-info .agency-list-info-top label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: .5rem
}
.chat-area {
    width: 100%;
}
.chat-area > div{
    position:relative;
}
.chat-area .btn-chat-unblock,
.chat-area .btn-chat-exit{
    position:absolute;
    top:-.3rem;
    right:-.8rem;
    padding:.6rem .8rem;
    font-weight:500;
    line-height:1;
    border:0;
    z-index:2;
}
/*.chat-area .btn-chat-block{*/
/*    color:#ff4646;*/
/*}*/
.chat-area .btn-chat-unblock .icon,
.chat-area .btn-chat-exit .icon{
    position:relative;
    top:.1rem;
    width:1.2rem;
    height:1.2rem;
    margin-right:.2rem;
}
.chat-area .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .4rem
}
.chat-area .text p {
    width: calc(100% - 4.4rem);
    color: #797979;
    font-size: 1.3rem;
    line-height: 1.462;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break:break-all;
    overflow: hidden
}
.chat-area .chat-info-data{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align:end;
    -ms-flex-align:end;
    -webkit-align-items:flex-end;
    align-items:flex-end;
    width:6rem;
}
.chat-area .text em {
    color: #aaa;
    font-size: 1rem;
    padding:.1rem 0 .3rem
}
.chat-area .text .message-count {
    position: relative;
    display:inline-block;
    min-width: 1.8rem;
    line-height: 1.8;
    padding: 0 .7rem
}
.chat-alert {
    color: #949494;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.616;
    padding: .8rem;
    margin: .6rem 0 .8rem;
    border-radius: .6rem;
    background: #F3F4F6
}
.chat-detail-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 11rem);
    background: #F7F8FB
}
.chat-detail-top {
    z-index: 9;
    position: fixed;
    top: 5rem;
    left: 0;
    right: 0;
    max-width: 640px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.05)
}
.chat-detail-top .btn-wrap{
    padding: 0 2rem;
    margin: .4rem 0;
}
.chat-detail-top .btn-wrap .btn-sample-select{
    width:20%;
    flex:1 1 auto;
}
@media (max-width: 768px) {
    .chat-detail-top {
        max-width: none
    }
}
.chat-detail-info.hidden {
    display: none
}
.chat-detail-info > div {
    padding: .4rem 2rem .7rem
}
.chat-detail-info .agency-profile-thumb {
    position: relative;
    height: 7.4rem;
    margin-right: 2.2rem;
}
.chat-detail-info .agency-profile-thumb .thumbnail{
    width: 6.8rem;
    height: 6.8rem;
}
.chat-detail-info .agency-list-info-margin {
    margin-top: .4rem
}
.chat-detail-info .agency-list-info-margin span {
    color: #797979
}
.chat-detail-info .agency-list-info-text {
    margin-top: .2rem
}
.chat-detail-info .btn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 1.9rem auto 0;
}
.chat-detail-info .btn-wrap a {
    padding: .8rem .8rem .75rem
}
.chat-detail-info .btn-wrap a.btn-outline-gray {
    font-weight: 400;
}
.chat-detail-info .btn-wrap a + a {
    margin-left: .4rem
}

.chat-detail-view .btn-folding{
    width: 100%;
    line-height: 1;
    padding: .5rem 0;
}
.chat-detail-view .btn-folding .icon{
    width: 1.8rem;
    height: 1.8rem;
    transform: rotate(-180deg);
}
.chat-detail-view .btn-folding.active .icon{
    transform: rotate(0);
}
.chat-detail-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 2rem 1.5rem;
    margin-bottom: 5rem;
    margin-top:3rem;
}
.chat-detail-contents .message .img-box {
    display: inline-block;
    max-width: 77%;
    width: 100%;
    height: 100%
}

/* 채팅 이미지 여러개 */
.chat-message-list .chat-image-grid{
    display: inline-block;
}
.chat-detail-contents .message .chat-image-grid .img-box{
    max-width: unset;
    vertical-align: bottom;
    border-radius: 1.6rem;
    overflow: hidden;
}
.chat-message-list .img-box .chat-image-wrap{
    position: relative;
    padding-bottom: 100%;
    border-radius:.6rem;
    overflow: hidden;
}
.chat-message-list .img-box .chat-image-wrap .inner{
    position: absolute;
    width: 100%;
    height: 100%;
}
.chat-message-list .img-box .chat-image-wrap img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chat-message-list .img-box div[class*="chat-image-grid"]{
    display: grid;
    width: 24rem;
    grid-gap: 1px;
    gap: 1px;
}

/* 이미지 2개 정렬 */
.chat-message-list .img-box .chat-image-grid2{
    height: 12rem;
    grid-template-columns: repeat(2, 1fr);
}

/* 이미지 3개 정렬 */
.chat-message-list .img-box .chat-image-grid3{
    height: 8rem;
    grid-template-columns: repeat(3, 1fr);
}

/* 이미지 4개 정렬 */
.chat-message-list .img-box .chat-image-grid4{
    height: 24rem;
    grid-template-columns: repeat(2, 1fr);
}
/* 이미지 5개 정렬 */
.chat-message-list .img-box .chat-image-grid5{
    height: 16rem;
    grid-template-columns: repeat(6, 1fr);
}
.chat-message-list .img-box .chat-image-grid5 .chat-image-wrap:nth-child(1){
    grid-column: 1 / 3;
}
.chat-message-list .img-box .chat-image-grid5 .chat-image-wrap:nth-child(2){
    grid-column: 3 / 5;
}
.chat-message-list .img-box .chat-image-grid5 .chat-image-wrap:nth-child(3){
    grid-column: 5 / 7;
}
.chat-message-list .img-box .chat-image-grid5 .chat-image-wrap:nth-child(4){
    grid-column: 1 / 4;
    padding-bottom: 66.525%;
}
.chat-message-list .img-box .chat-image-grid5 .chat-image-wrap:nth-child(5){
    grid-column: 4 / 7;
    padding-bottom: 66.525%;
}

/* 이미지 6개 정렬 */
.chat-message-list .img-box .chat-image-grid6{
    height: 16rem;
    grid-template-columns: repeat(3, 1fr);
}

/* 이미지 7개 정렬 */
.chat-message-list .img-box .chat-image-grid7{
    height: 24rem;
    grid-template-columns: repeat(6, 1fr);
}
.chat-message-list .img-box .chat-image-grid7 .chat-image-wrap:nth-child(1){
    grid-column: 1 / 3;
}
.chat-message-list .img-box .chat-image-grid7 .chat-image-wrap:nth-child(2){
    grid-column: 3 / 5;
}
.chat-message-list .img-box .chat-image-grid7 .chat-image-wrap:nth-child(3){
    grid-column: 5 / 7;
}
.chat-message-list .img-box .chat-image-grid7 .chat-image-wrap:nth-child(4),
.chat-message-list .img-box .chat-image-grid7 .chat-image-wrap:nth-child(6){
    grid-column: 1 / 4;
    padding-bottom: 66.525%;
}
.chat-message-list .img-box .chat-image-grid7 .chat-image-wrap:nth-child(5),
.chat-message-list .img-box .chat-image-grid7 .chat-image-wrap:nth-child(7){
    grid-column: 4 / 7;
    padding-bottom: 66.525%;
}

/* 이미지 8개 정렬 */
.chat-message-list .img-box .chat-image-grid8{
    height: 24rem;
    grid-template-columns: repeat(6, 1fr);
}
.chat-message-list .img-box .chat-image-grid8 .chat-image-wrap:nth-child(1),
.chat-message-list .img-box .chat-image-grid8 .chat-image-wrap:nth-child(4){
    grid-column: 1 / 3;
}
.chat-message-list .img-box .chat-image-grid8 .chat-image-wrap:nth-child(2),
.chat-message-list .img-box .chat-image-grid8 .chat-image-wrap:nth-child(5){
    grid-column: 3 / 5;
}
.chat-message-list .img-box .chat-image-grid8 .chat-image-wrap:nth-child(3),
.chat-message-list .img-box .chat-image-grid8 .chat-image-wrap:nth-child(6){
    grid-column: 5 / 7;
}
.chat-message-list .img-box .chat-image-grid8 .chat-image-wrap:nth-child(7){
    grid-column: 1 / 4;
    padding-bottom: 66.525%;
}
.chat-message-list .img-box .chat-image-grid8 .chat-image-wrap:nth-child(8){
    grid-column: 4 / 7;
    padding-bottom: 66.525%;
}

/* 이미지 9개 정렬 */
.chat-message-list .img-box .chat-image-grid9{
    height: 24rem;
    grid-template-columns:repeat(6, 1fr);
}
.chat-message-list .img-box .chat-image-grid9 .chat-image-wrap:nth-child(1),
.chat-message-list .img-box .chat-image-grid9 .chat-image-wrap:nth-child(4),
.chat-message-list .img-box .chat-image-grid9 .chat-image-wrap:nth-child(7){
    grid-column: 1 / 3;
}
.chat-message-list .img-box .chat-image-grid9 .chat-image-wrap:nth-child(2),
.chat-message-list .img-box .chat-image-grid9 .chat-image-wrap:nth-child(5),
.chat-message-list .img-box .chat-image-grid9 .chat-image-wrap:nth-child(8){
    grid-column: 3 / 5;
}
.chat-message-list .img-box .chat-image-grid9 .chat-image-wrap:nth-child(3),
.chat-message-list .img-box .chat-image-grid9 .chat-image-wrap:nth-child(6),
.chat-message-list .img-box .chat-image-grid9 .chat-image-wrap:nth-child(9){
    grid-column: 5 / 7;
}

/* 이미지 10개 정렬 */
.chat-message-list .img-box .chat-image-grid10{
    height: 32rem;
    grid-template-columns: repeat(6, 1fr);
}
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(1),
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(4){
    grid-column: 1 / 3;
}
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(2),
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(5){
    grid-column: 3 / 5;
}
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(3),
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(6){
    grid-column: 5 / 7;
}
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(7),
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(9){
    grid-column: 1 / 4;
    padding-bottom: 66.525%;
}
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(8),
.chat-message-list .img-box .chat-image-grid10 .chat-image-wrap:nth-child(10){
    grid-column: 4 / 7;
    padding-bottom: 66.525%;
}

.chat-detail-contents .message + .message {
    margin-top: .5rem
}
.chat-detail-contents .text-box {
    max-width: 77%;
    display: inline-block;
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.616;
    padding: 1.3rem 1.6rem;
    border: 1px solid #EBECEF;
    border-radius: 1.6rem 1.6rem 1.6rem 0;
    background: #fff;
    word-break: break-word;

}
.chat-detail-contents .file-wrap {
    display: inline-block;
    width: 23rem
}
.chat-detail-contents .file-box {
    display: block;
    text-align: left;
    line-height: 1;
    padding: 1.2rem 1.6rem;
    border-radius: 1.6rem 1.6rem 1.6rem 0;
    border: 1px solid #EBECEF;
    background: #fff
}
.chat-detail-contents .file-info {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='21' height='27' viewBox='0 0 21 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 22V25H21V22H0Z' fill='%236FCCB6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2782 2H6.72266V10.499L2 10.499L10.5 18.9991L19 10.499L14.2782 10.499V2Z' fill='%236FCCB6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 2.1rem 2.7rem;
    background-position: top 1.2rem left .4rem
}
.chat-detail-contents .file-title {
    display: inline-block;
    width: 100%;
    padding-left: 4.3rem
}
.chat-detail-contents .file-title p {
    font-size: 1.3rem;
    letter-spacing: -.08rem;
    line-height: 1.462;
    margin-bottom: .3rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.chat-detail-contents .file-title span {
    display: block;
    color: #949494;
    font-size: 1rem;
    line-height: 1.4
}
.chat-detail-contents .file-title span + span {
    padding-top: .1rem
}
.chat-detail-contents .time {
    display: inline-block;
    color: #aaa;
    font-size: 1rem;
    line-height: 1.4;
    vertical-align: bottom;
    margin: 0 0 .3rem .3rem
}
.chat-detail-contents .time strong {
    display: block;
    color: #3182F6;
    font-weight: 400;
    text-align: left;
    line-height: 1.1
}

.chat-detail-contents .system {
    position: relative;
    text-align: center;
    padding: 2.5rem 0 1.5rem
}
.chat-detail-contents .system span {
    z-index: 1;
    position: relative;
    color: #949494;
    font-size: 1.2rem;
    padding: 0 1rem;
    background: #F7F8FB
}
.chat-detail-contents .system::after {
    z-index: 0;
    content: '';
    position: absolute;
    top: 3.2rem;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #E3E3E3
}


.chat-detail-contents .date {
    position: relative;
    text-align: center;
    padding: 2.5rem 0 1.5rem
}
.chat-detail-contents .date span {
    z-index: 1;
    position: relative;
    color: #949494;
    font-size: 1.2rem;
    padding: 0 1rem;
    background: #F7F8FB
}
.chat-detail-contents .date::after {
    z-index: 0;
    content: '';
    position: absolute;
    top: 3.2rem;
    left: 0;
    width: 100%;
    height: .1rem;
    background: #E3E3E3
}
.chat-detail-contents .alert {
    color: #4D4D4D;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.417;
    padding: 1.3rem .8rem;
    margin: .5rem 0 0;
    border-radius: .6rem;
    background: #E9EBF1
}
.chat-detail-contents .alert strong {
    display: block;
    line-height: 1.417
}
.chat-detail-contents .notice {
    color: #4D4D4D;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.417;
    padding: 1.4rem 2rem 1.3rem;
    margin: 2.5rem 0 .5rem;
    border-radius: .6rem;
    background: #E4EFFF
}
.chat-detail-contents .notice + .notice {
    margin: 1rem 0 .5rem
}
.chat-detail-contents .notice .btn-wrap {
    margin: 1.2rem 0 .7rem
}
.chat-message-group {
    padding: .5rem 0
}
.chat-message-list.user {
    text-align: right
}
.chat-message-list.user .time {
    margin: 0 .3rem .3rem 0
}
.chat-message-list.user .time strong {
    text-align: right
}
.chat-message-list.user .text-box {
    border: none;
    border-radius: 1.6rem 1.6rem 0 1.6rem;
    background: #E8EDF9
}
.chat-message-list.user .file-box {
    border-radius: 1.6rem 1.6rem 0 1.6rem;
    border-color: #E8EDF9;
    background: #E8EDF9
}
.chat-message-list.user .file-info.file {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='21' height='27' viewBox='0 0 21 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 23.7727V2C0 0.895431 0.895428 0 2 0H10.8018C11.3244 0 11.8263 0.20456 12.1999 0.569901L20.3981 8.58494C20.783 8.96123 21 9.47677 21 10.015V23.7727C21 24.8773 20.1046 25.7727 19 25.7727H2C0.895431 25.7727 0 24.8773 0 23.7727Z' fill='%23B0C3F0'/%3E%3Cline x1='4.37451' y1='6.34399' x2='7.87451' y2='6.34399' stroke='white'/%3E%3Cline x1='4.37451' y1='10.6199' x2='15.7495' y2='10.6199' stroke='white'/%3E%3Cline x1='4.37451' y1='14.8987' x2='15.7495' y2='14.8987' stroke='white'/%3E%3C/svg%3E%0A")
}
.chat-message-list.user .file-info.zip {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='21' height='27' viewBox='0 0 21 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.94737 15.4304V14.3542H8.8421V13.3289H9.94737V12.3036H8.8421V11.2783H9.94737V10.253H8.8421V9.2277H9.94737V8.2024H8.8421V7.1771H9.94737V6.1518H8.8421V5.1265H9.94737V4.1012H8.8421V3.0759H9.94737V2.0506H8.8421V1.0253H9.94737V0H4.4279C1.98244 0 0 1.8378 0 4.09963V21.1004C0 23.3645 1.97563 25.2 4.4279 25.2H16.5721C19.0176 25.2 21 23.3622 21 21.1004V4.09963C21 1.83547 19.0244 0 16.5721 0H12.1579V1.0253H11.0526V2.0506H12.1579V3.0759H11.0526V4.1012H12.1579V5.1265H11.0526V6.1518H12.1579V7.1771H11.0526V8.2024H12.1579V9.2277H11.0526V10.253H12.1579V11.2783H11.0526V12.3036H12.1579V13.3289H11.0526V14.3542V15.4302C12.3205 15.6666 13.2632 16.7017 13.2632 17.9427C13.2632 19.3683 12.026 20.506 10.5 20.506C8.96331 20.506 7.73684 19.3584 7.73684 17.9427C7.73684 16.694 8.68613 15.6661 9.94737 15.4304ZM10.5 16.4048C9.58437 16.4048 8.8421 17.0874 8.8421 17.9427C8.8421 18.7921 9.57799 19.4807 10.5 19.4807C11.4156 19.4807 12.1579 18.798 12.1579 17.9427C12.1579 17.0934 11.422 16.4048 10.5 16.4048Z' fill='%23ABAEB5'/%3E%3C/svg%3E%0A")
}
.chat-message-area .thumbnail, .chat-message-area .prd-thumbnail{
    overflow: hidden;
    border-radius: 1.6rem;
    background: transparent;
}
.chat-message-area .thumbnail::after{
    display: none;
}

.chat-write-wrap {
    z-index: 10;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 6rem;
    max-width: 640px;
    height: 5rem;
    padding: .7rem 1rem .8rem 0;
    margin: 0 auto;
    border-top: 1px solid #E9E9E9;
    background: #fff
}
@media (max-width: 768px) {
    .chat-write-wrap {
        max-width: none
    }
}
.chat-write-wrap > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.chat-write-wrap .btn {
    padding: 0;
    border: none
}
.chat-write-wrap .btn-send {
    position: absolute;
    right: 0;
    width: 3.4rem;
    height: 3.4rem
}
.chat-write-wrap .btn-send .icon {
    width: 100%;
    height: 100%
}
.chat-write-wrap .btn-upload {
    width: 4.4rem;
    height: 3.4rem
}
.chat-write-wrap .btn-upload input[type="file"] {
    display: none
}
.chat-write-wrap .btn-upload label {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.63672 18.3519C-0.545573 16.1557 -0.545573 12.5939 1.63672 10.3977L10.585 1.27919C12.2788 -0.426396 15.0358 -0.426396 16.7296 1.27919C18.4235 2.98477 18.4235 5.76033 16.7296 7.46529L7.78076 16.5838C6.56859 17.8044 4.60416 17.8044 3.39198 16.5838C2.18043 15.3632 2.18043 13.3845 3.39198 12.1652L10.1995 5.31034C10.4428 5.06598 10.8345 5.06598 11.0778 5.31034C11.3205 5.55471 11.3205 5.9497 11.0778 6.19407L4.26961 13.0495C3.54405 13.7808 3.54405 14.9695 4.26961 15.7007C4.9958 16.432 6.17694 16.432 6.90313 15.7007L15.8514 6.58219C17.0636 5.36159 17.0636 3.38414 15.8514 2.16354C14.6398 0.942947 12.6748 0.942947 11.4632 2.16354L2.60186 11.1927C0.904942 12.9014 0.904941 15.6726 2.60186 17.3788C4.29941 19.0888 7.04899 19.0888 8.74591 17.3801L15.4659 10.614C15.7092 10.3684 16.1009 10.3684 16.3436 10.614C16.5869 10.8583 16.5869 11.2533 16.3436 11.4977L9.53603 18.3519C7.35498 20.5494 3.81776 20.5494 1.63672 18.3519Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.8rem 2rem;
}
.chat-write-wrap .write-form {
    position: relative;
    width: calc(100% - 4.4rem);
    font-size: 1.4rem;
    padding-left: 1.4rem;
    border-radius: 2.5rem;
    border: 1px solid #E9E9E9
}
.chat-write-wrap .write-form:not(.disabled) .form-write {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.chat-write-wrap .write-form .form-write button {
    position: relative
}
.chat-write-wrap .write-form .form-control {
    width: calc(100% - 3.4rem);
    min-height: 3.4rem;
    /*height: 3.4rem; maxHeight*/
    /*채팅창은 유동적인 높이로 하기로 해서 뺏습니다.*/
    padding: .6rem 0;
    border: none;
    background: transparent
}
.chat-write-wrap .write-form .form-control::-webkit-input-placeholder {
    color: #aaa
}
.chat-write-wrap .write-form .form-control:-ms-input-placeholder {
    color: #aaa
}
.chat-write-wrap .write-form .form-control::-ms-input-placeholder {
    color: #aaa
}
.chat-write-wrap .write-form .form-control::placeholder {
    color: #aaa
}
.chat-write-wrap .write-form .form-control:focus + div .icon-send {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.4754 16.1241L8.58944 7.106C7.69014 6.70519 6.69093 7.5068 7.09061 8.40861L9.58865 16.1241L17.5263 17.0259L9.58865 17.9277L7.09061 25.6431C6.79085 26.5449 7.69014 27.3465 8.58944 26.8455L26.4754 17.8275C27.1749 17.5269 27.1749 16.5249 26.4754 16.1241Z' fill='%233182F6'/%3E%3C/svg%3E%0A")
}
/* 차단된 사용자 */
.chat-write-wrap .write-form.disabled{
    width: 100%;
    margin-left: 1rem;
    pointer-events:none;
}
.chat-write-wrap .write-form.disabled .text-wrap{
    color: #aaa;
    line-height: 1.572;
    padding: .6rem 0;
}

.business-suggest-wrap .agency-profile-thumb {
    margin-right: 2.1rem
}
.business-suggest-wrap .agency-profile-thumb .thumbnail {
    width: 6.5rem;
    height: 6.5rem
}
.business-suggest-wrap .agency-profile-thumb .btn-agency-detail {
    bottom: .6rem;
    width: 2.5rem;
    height: 2.5rem
}
.business-suggest-wrap .agency-list-info-name {
    padding-bottom: .8rem
}
.business-suggest-wrap .form-list {
    margin-top: 1.5rem
}
.business-suggest-wrap .form-radio-box .label input[type="radio"] + span::before {
    display: none
}
.business-suggest-wrap .form-radio-box .label input[type="radio"]:checked + span::before {
    display: inline-block
}
.business-suggest-wrap .form-radio-box.flex-col .label {
    text-align: left;
    margin: -.1rem 0 0
}
.business-suggest-wrap .form-radio-box.flex-col .label:first-child span {
    border-radius: .6rem .6rem 0 0
}
.business-suggest-wrap .form-radio-box.flex-col .label:last-child span {
    border-radius: 0 0 .6rem .6rem
}
.business-suggest-wrap .form-radio-box.flex-col .label input[type="radio"] + span::before {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%23D4D4D4' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.business-suggest-wrap .form-radio-box.flex-col .label input[type="radio"]:checked + span::before {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.3L4.54402 10.0961C4.74589 10.3124 5.09032 10.307 5.28539 10.0847L11.5 3' stroke='%233182F6' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}
.business-suggest-wrap .form-date {
    margin-top: .8rem
}
.business-suggest-wrap .btn-import {
    color: #4D4D4D;
    margin-bottom: .6rem
}
.business-suggest-wrap .btn-import .icon {
    width: 1rem;
    height: 1rem;
    margin-left: .5rem
}
.business-suggest-wrap .button-area {
    margin-top: 1.2rem
}
.hashtag-wrap {
    padding: 1.5rem 1.5rem 2rem
}
.hashtag-wrap > div {
    margin-right: .6rem
}
.hashtag-wrap label {
    font-size: 1.3rem;
    line-height: 1.462;
    padding: .6rem 1.4rem .7rem;
    margin: 0 .2rem
}
.hashtag-wrap p {
    font-size: 1.2rem;
    line-height: 1.417;
    letter-spacing: -.08rem;
    margin-top: 1.2rem
}
.hashtag-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 4.8rem;
    padding: .7rem 1rem;
    color: #333;
    font-size: 1.4rem;
    font-family: "Arial", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
    background-color: #fff;
    border: 1px solid #E2E5E9;
    border-radius: .6rem
}
.hashtag-form .form-control {
    padding: 0 0 0 .4rem;
    border: none;
    background: transparent
}
.message-count {
    position: absolute;
    bottom: 0;
    right: 0;
    min-width: 1.6rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.5;
    border-radius: 5rem;
    padding: 0 .5rem;
    background: #3182F6
}
.category-info{
    font-size:0;
}
.category-info .label {
    font-size: 1.3rem;
    padding:.96rem 1.5rem .779rem 1rem;
    margin:0 .5rem .6rem 0;
}
.category-info .label span{
    display: inline-block;
    width:1.8rem;
    height:1.8rem;
    vertical-align: middle;
    margin:-.4rem .3rem 0 0;
}
.category-info .label span svg{
    width: 100%;
    height: 100%;
}
.category-info .btn {
    width:3.2rem;
    height:3.2rem;
    vertical-align: top;
    border: none;
}
.category-checkbox {
    position: relative
}
.category-checkbox input[type="checkbox"] {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0
}
.category-checkbox input[type="checkbox"]:checked + span {
    color: #3182F6;
    font-weight: 500;
    border: 1px solid #3182F6;
    background: #F0F6FF
}
.category-checkbox span {
    display: block;
    border-radius: 5rem;
    line-height: 1;
    padding: .6rem 1.2rem .5rem;
    border: 1px solid #EBECEF;
    background: #fff
}
.category-checkbox span svg {
    width:2.4rem;
    height:2.4rem;
    vertical-align: middle;
    margin:.1rem .4rem .1rem 0;
}
.category-checkbox span svg + em {
    vertical-align: middle;
    padding: 0;
    margin-right: .7rem
}
.category-checkbox span em {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1.462;
    /*padding: .4rem .7rem .3rem*/
}
.sns-link-list {
    padding: .4rem 0 0
}
.sns-link-list li {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.sns-link-list li a {
    display: block;
    width: 4rem;
    height: 4rem
}
.sns-link-list li a .icon {
    width: 100%;
    height: 100%
}
.sns-link-list li a.btn-more-circle {
    width: 3.8rem;
    height: 3.8rem;
    border: none;
    margin-left: .8rem
}
.sns-link-list li .btn-sns-delete {
    position: absolute;
    top: -.2rem;
    right: -.3rem;
    width: 1.6rem;
    height: 1.6rem;
    padding: 0;
    border: none
}
.sns-link-list li .btn-sns-delete .icon {
    width: 1.6rem;
    height: 1.6rem;
}
.sns-link-list li + li {
    padding-left: .8rem
}
.period-state {
    position: relative;
    border-radius: 5rem;
    margin-top: .7rem;
    border: 1px solid #EBECEF;
    background: #fff
}
.period-state .btn-date {
    width: 100%;
    color: #333;
    font-size: 1.4rem;
    text-align: left;
    line-height: 1;
    padding: .9rem .9rem .9rem 1.6rem;
    border: none
}
.period-state .btn-delete {
    position: absolute;
    top: .6rem;
    right: .7rem;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none
}
.period-state .btn-delete .icon {
    width: 100%;
    height: 100%
}
.linkshop-list li {
    position: relative;
    padding: 0 2rem
}
.linkshop-list li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F3F4F6
}
.linkshop-list-item {
    font-size: 1.4rem;
    padding: 1.8rem 0
}
.linkshop-list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.linkshop-list-area-thumb {
    position: relative;
    margin-right: 1.5rem
}
.linkshop-list-area-thumb .thumbnail {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%
}
.linkshop-list-area-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0
}
.linkshop-list-info-name {
    line-height: 1.429;
    padding-top: .2rem
}
.linkshop-list-info-url {
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.417;
    padding-top: .3rem
}
.linkshop-list-info-state {
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.417;
    padding-top: .6rem
}
.linkshop-list-info-state em {
    color: #333
}
.linkshop-list-button-area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.9rem
}
.linkshop-list-button-area > div{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.linkshop-list-button-area > div .btn{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width:100%;
    margin-right:.4rem;
}
.linkshop-list-button-area .btn-share .icon {
    position:relative;
    top:-0.1rem;
    width:1.3rem;
    height:1.3rem;
    margin-right:0.3rem;
    vertical-align:middle;
}
.linkshop-list-button-area > div:first-child .btn.btn-close {
    width: 2.2rem;
    height: 2.2rem
}
.linkshop-list-button-area .btn-more {
    width: 3.7rem;
    height: 3.7rem;
    padding: 0;
}
.linkshop-list-button-area .btn-more .icon {
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.linkshop-list-button-area .tooltip-wrap {
    top: -2.8rem;
    left: -1rem
}
.linkshop-profile-setting .mypage-profile-info {
    margin: 3.2rem 0 0
}
.linkshop-profile-setting .mypage-profile-thumb {
    margin-bottom: 0
}
.linkshop-profile-setting .form-list {
    margin-top: 1.2rem
}
.linkshop-profile-setting .form-radio-box .label input[type="radio"] + span::before {
    display: none
}
.linkshop-profile-setting .form-radio-box .label input[type="radio"]:checked + span::before {
    display: inline-block
}
.linkshop-nodata .board-nodata-product {
    padding-top: 4.2rem
}
.linkshop-nodata .board-nodata-product.linkshop-nodata-product {
    padding-top: 10.5rem
}
.linkshop-profile-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.linkshop-profile-thumb {
    margin-right: 1.6rem
}
.linkshop-profile-thumb .thumbnail {
    width: 6.8rem;
    height: 6.8rem;
    border-radius: 50%
}
.linkshop-profile-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    margin-top: .6rem
}
.linkshop-profile-text strong {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438;
}
.linkshop-profile-text span {
    display: block;
    color: #797979;
    font-size: 1.3rem;
    line-height: 1.462;
    letter-spacing: -.08rem;
    margin-top: .4rem
}
.linkshop-insta-type .linkshop-profile {
    padding: 1.7rem 2rem 2.5rem
}
.linkshop-insta-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0.1rem solid #EBECEF;
    border-width: .1rem 0
}
/* multi_link_view_insta.blade.php 에 <style> 직접넣는걸로 변경 calc 값이 유동적임*/
/*.linkshop-insta-button .btn {*/
/*    width: calc(100% / 3);*/
/*    height: 4.5rem;*/
/*    padding: 1rem*/
/*}*/

.linkshop-insta-button .btn .icon {
    vertical-align: middle
}
.linkshop-insta-button .btn .icon-share {
    width: 1.8rem;
    height: 1.8rem;
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.75 6.93785C4.75 8.04242 3.85457 8.93785 2.75 8.93785C1.64543 8.93785 0.75 8.04242 0.75 6.93785C0.75 5.83328 1.64543 4.93785 2.75 4.93785C3.85457 4.93785 4.75 5.83328 4.75 6.93785Z' fill='%23949494'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.75 7.93785C3.30228 7.93785 3.75 7.49014 3.75 6.93785C3.75 6.38557 3.30228 5.93785 2.75 5.93785C2.19772 5.93785 1.75 6.38557 1.75 6.93785C1.75 7.49014 2.19772 7.93785 2.75 7.93785ZM2.75 8.93785C3.85457 8.93785 4.75 8.04242 4.75 6.93785C4.75 5.83328 3.85457 4.93785 2.75 4.93785C1.64543 4.93785 0.75 5.83328 0.75 6.93785C0.75 8.04242 1.64543 8.93785 2.75 8.93785Z' fill='%23949494'/%3E%3Cpath d='M14.0004 2C14.0004 3.10457 13.1049 4 12.0004 4C10.8958 4 10.0004 3.10457 10.0004 2C10.0004 0.89543 10.8958 0 12.0004 0C13.1049 0 14.0004 0.89543 14.0004 2Z' fill='%23949494'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0004 3C12.5527 3 13.0004 2.55228 13.0004 2C13.0004 1.44772 12.5527 1 12.0004 1C11.4481 1 11.0004 1.44772 11.0004 2C11.0004 2.55228 11.4481 3 12.0004 3ZM12.0004 4C13.1049 4 14.0004 3.10457 14.0004 2C14.0004 0.89543 13.1049 0 12.0004 0C10.8958 0 10.0004 0.89543 10.0004 2C10.0004 3.10457 10.8958 4 12.0004 4Z' fill='%23949494'/%3E%3Cpath d='M14.0002 12C14.0002 13.1046 13.1048 14 12.0002 14C10.8957 14 10.0002 13.1046 10.0002 12C10.0002 10.8954 10.8957 10 12.0002 10C13.1048 10 14.0002 10.8954 14.0002 12Z' fill='%23949494'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0002 13C12.5525 13 13.0002 12.5523 13.0002 12C13.0002 11.4477 12.5525 11 12.0002 11C11.448 11 11.0002 11.4477 11.0002 12C11.0002 12.5523 11.448 13 12.0002 13ZM12.0002 14C13.1048 14 14.0002 13.1046 14.0002 12C14.0002 10.8954 13.1048 10 12.0002 10C10.8957 10 10.0002 10.8954 10.0002 12C10.0002 13.1046 10.8957 14 12.0002 14Z' fill='%23949494'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5436 1.97725L3.59935 6.44939L3.15214 5.55496L12.0964 1.08283L12.5436 1.97725Z' fill='%23949494'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.32658 6.93676L11.2502 11.45L10.7989 12.3424L1.87526 7.82912L2.32658 6.93676Z' fill='%23949494'/%3E%3C/svg%3E%0A")
}
.linkshop-insta-button .btn .icon-instagram-line {
    width: 2.1rem;
    height: 2.1rem
}
.linkshop-insta-button .btn-search {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.3451 8.52254C16.3451 12.2905 13.2905 15.3451 9.52254 15.3451C5.75456 15.3451 2.7 12.2905 2.7 8.52254C2.7 4.75456 5.75456 1.7 9.52254 1.7C13.2905 1.7 16.3451 4.75456 16.3451 8.52254ZM14.7498 15.2542C13.3065 16.3767 11.4926 17.0451 9.52254 17.0451C4.81567 17.0451 1 13.2294 1 8.52254C1 3.81567 4.81567 0 9.52254 0C14.2294 0 18.0451 3.81567 18.0451 8.52254C18.0451 10.647 17.2678 12.5899 15.9821 14.0823L19.5981 17.6983C19.93 18.0303 19.93 18.5685 19.5981 18.9004C19.2661 19.2324 18.728 19.2324 18.396 18.9004L14.7498 15.2542Z' fill='%23949494'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.1rem
}
.linkshop-insta-button.active .btn-search {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='15.095' y='13.0366' width='19.6132' height='1.54841' transform='rotate(45 15.095 13.0366)' fill='%23949494'/%3E%3Crect x='29' y='14.095' width='19.6132' height='1.54841' transform='rotate(135 29 14.095)' fill='%23949494'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4.2rem
}
.linkshop-insta-button.active .linkshop-search-wrap {
    opacity: 1;
    visibility: visible
}
.linkshop-insta-feed {
    overflow-x: hidden;
    min-height: calc(100vh - 20.8rem);
    padding-bottom: 3.2rem
}
.linkshop-insta-feed-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .05rem 0;
    margin: 0 -.1rem
}
.linkshop-insta-feed-item {
    width: calc(100% / 3);
    padding: .05rem
}
.linkshop-insta-feed-item a {
    overflow: hidden;
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding-bottom: 100%
}
.linkshop-insta-feed-item a .thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0
}
.linkshop-insta-feed-item a .thumbnail::after {
    display: none
}
.linkshop-insta-feed-item a .thumbnail img {
    -o-object-fit: cover;
    object-fit: cover
}
.linkshop-multi-type::before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F6F7F9
}
.linkshop-multi-type .linkshop-profile {
    padding: 3.2rem 2rem 2.4rem
}
.linkshop-multi-type .linkshop-profile-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.linkshop-multi-type .linkshop-profile-thumb {
    margin-right: 0
}
.linkshop-multi-type .linkshop-profile-thumb .thumbnail {
    width: 8.2rem;
    height: 8.2rem
}
.linkshop-multi-type .linkshop-profile-text {
    text-align: center
}
.linkshop-card-list {
    padding: 0 2rem;
    min-height: calc(100vh - 43rem)
}
.linkshop-card-list-item + li {
    margin-top: 1rem
}
.linkshop-card-list-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5rem;
    border-radius: .8rem;
    background: #fff;
    -webkit-box-shadow: 0 0.3rem 0.4rem rgba(0, 0, 0, 0.03);
    box-shadow: 0 0.3rem 0.4rem rgba(0, 0, 0, 0.03)
}
.linkshop-card-list-item a .thumbnail {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: .8rem
}
.linkshop-card-list-item a .thumbnail::after {
    display: none
}
.linkshop-card-list-item a .text-box {
    width: calc(100% - 7rem);
    font-size: 1.3rem;
    text-align: center
}
.linkshop-card-list-item a .text-box p {
    line-height: 1.462
}
.linkshop-product-list-item {
    position: relative;
    padding: 0 2rem
}
.linkshop-product-list-item::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F3F4F6
}
.linkshop-product-list li .product-list-item {
    padding-bottom: 2.3rem
}
.linkshop-product-list li .product-list-info-right .switch-wrap {
    position: absolute
}
.linkshop-product-list li .product-list-info-name {
    width: calc(100% - 4.7rem)
}
.linkshop-product-list li .product-list-info-margin {
    margin-top: .5rem
}
.linkshop-setting {
    padding: 2rem 2rem 0;
    margin-bottom: 1rem
}
.linkshop-setting::before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F6F7F9
}
.linkshop-setting-item {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: .9rem;
    -webkit-box-shadow: 0 0.3rem 0.4rem rgba(0, 0, 0, 0.03);
    box-shadow: 0 0.3rem 0.4rem rgba(0, 0, 0, 0.03)
}
.linkshop-setting-item + li {
    margin-top: 1rem
}
.linkshop-setting-item .draggable-wrap {
    background: #EAECF1
}
.linkshop-setting-item .draggable-wrap .btn {
    width: 100%;
    height: 100%;
    padding: 0 .9rem;
    border: none
}
.linkshop-setting-item .draggable-wrap .icon {
    width: 1.4rem;
    height: 1.3rem;
    margin-top: .5rem
}
.linkshop-setting li .product-list-area-thumb {
    margin-right: 1.2rem
}
.linkshop-setting li .product-list-area-thumb .thumbnail {
    width: 5.6rem;
    height: 5.6rem
}
.linkshop-setting li .product-list-item {
    width: calc(100% - 3.2rem);
    padding: 1.5rem
}
.linkshop-sns-wrap {
    text-align: center;
    padding: 0 2rem 6rem;
    margin-top: 8rem
}
.linkshop-sns-wrap a {
    width: 3.2rem;
    height: 3.2rem;
    padding: .8rem;
    border-radius: 50%;
    border: none;
    background: #E9EBF0
}
.linkshop-sns-wrap a + a {
    margin-left: .7rem
}
.linkshop-sns-wrap .icon {
    width: 1.6rem;
    height: 1.6rem
}
.linkshop-sns-wrap .icon-instagram-line {
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.85' y='0.85' width='19.3' height='19.3' rx='5.15' stroke='%239AA3B1' stroke-width='1.7'/%3E%3Ccircle cx='15.584' cy='5.08395' r='1.21579' fill='%239AA3B1'/%3E%3Ccircle cx='10.5001' cy='10.5001' r='4.12368' stroke='%239AA3B1' stroke-width='1.7'/%3E%3C/svg%3E%0A")
}
.linkshop-sns-wrap .icon-facebook-line {
    background-size: .8rem 1.5rem
}
.linkshop-sns-wrap .icon-youtube-line {
    width: 1.8rem;
    height: 1.8rem;
    margin: -.1rem 0 0 -.1rem
}
.linkshop-sns-wrap .icon-tiktok-line {
    background-size: 1.3rem 1.5rem
}
.linkshop-sns-wrap .icon-naverblog-line {
    width: 1.8rem;
    height: 1.8rem;
    margin: -.1rem 0 0 -.1rem
}
.linkshop-search-wrap {
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    top: 4.6rem;
    left: 0;
    width: 100%;
    padding: 1.2rem 0;
    background: rgba(246, 247, 249, 0.9);
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}
.linkshop-search-wrap .filter-srch {
    margin: 0
}
.linkshop-search-wrap .filter-srch-input {
    border: none
}
.linkshop-footer {
    position:absolute;
    bottom:0;
    width: 100%;
    text-align: center;
    line-height: 1;
    padding: .9rem 0;
    background: #EFEFF1;
}
.linkshop-footer small {
    display: inline-block;
    color: #aaa;
    font-size: 1rem;
    line-height: 1.4rem
}
.cardlist-wrap {
    padding: 1.7rem 2rem;
    background: #F6F7F9
}
.cardlist-box {
    padding: 1.6rem 1.8rem;
    border: 1px solid #E6E6EA;
    border-radius: .9rem;
    background: #fff
}
.cardlist-box .product-list-area-thumb .thumbnail {
    width: 6.5rem;
    height: 6.5rem
}
.cardlist-box .btn-wrap {
    margin-top: 1.6rem
}
.cardlist-box .product-list-gauge-wrap{
    margin-top: 1.2rem;
}

.suggest-area a{
    min-height:7.4rem;
    padding:1.8rem 2rem 0
}
.main-card-list .suggest-area a .txt-wrap p{
    margin-top: 1.2rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='28' viewBox='0 0 30 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.30151H30V11.3015C30 11.8538 29.5523 12.3015 29 12.3015H28.6294L27.5319 18.3555L26.4913 26.261C26.3603 27.2561 25.5121 28 24.5084 28H5.62556C4.62843 28 3.78362 27.2655 3.64499 26.2781L1.89363 13.8037L1.60315 12.3015H1C0.447716 12.3015 0 11.8538 0 11.3015V8.30151Z' fill='%23E3E5E8'/%3E%3Ccircle r='1.57411' transform='matrix(-1 0 0 1 12.0741 15.5836)' fill='white'/%3E%3Ccircle r='1.57411' transform='matrix(-1 0 0 1 17.5835 21.0836)' fill='white'/%3E%3Crect x='18.387' y='14' width='1.57411' height='11.0188' transform='rotate(45 18.387 14)' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.55136 1.03734C9.3561 0.842078 9.03951 0.842078 8.84425 1.03734L6.72298 3.15861C6.52772 3.35387 6.52772 3.67045 6.72298 3.86571L9.08534 6.22807C9.08913 6.23193 9.09295 6.23577 9.09679 6.23961L14.1476 11.2904C14.1514 11.2943 14.1553 11.2981 14.1591 11.3019L14.2468 11.3895C14.2478 11.3905 14.2494 11.3905 14.2504 11.3895V11.3895C14.2514 11.3886 14.2529 11.3885 14.2539 11.3894C15.0396 12.0699 16.2295 12.0369 16.976 11.2904C17.7225 10.5439 17.7555 9.35413 17.075 8.56842C17.0741 8.56738 17.0741 8.56581 17.0751 8.56483V8.56483C17.0762 8.5638 17.0762 8.56214 17.0751 8.56111L9.55136 1.03734Z' fill='%239FC4F9'/%3E%3C/svg%3E%0A");
    background-position: bottom 2.5vh right 1.1rem;
    background-size: 1rem 1rem;
    background-repeat: no-repeat
}
.suggest-area{
    background-image:url("data:image/svg+xml,%0A%3Csvg width='23' height='34' viewBox='0 0 23 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.8013 20.3853C21.3651 18.2762 23 15.079 23 11.5C23 5.14873 17.8513 0 11.5 0C5.14873 0 0 5.14873 0 11.5C0 14.9727 1.53927 18.0859 3.97275 20.1945C4.99115 21.3298 6.27273 23.4014 6.27273 27.1818H10.4545V27.7045H16.2045C16.2045 23.5227 17.7727 21.4318 18.8182 20.3864L18.8013 20.3853Z' fill='%23E3E5E8'/%3E%3Cpath d='M8.36328 31.3633H14.636L13.0678 33.9769H9.93146L8.36328 31.3633Z' fill='%237FB0F7'/%3E%3Cpath d='M6.27246 26.6592H16.2043V31.4092C16.2043 31.9615 15.7566 32.4092 15.2043 32.4092H7.27246C6.72018 32.4092 6.27246 31.9615 6.27246 31.4092V26.6592Z' fill='%239FC4F9'/%3E%3Cpath d='M7.31836 12.9433L9.76394 15.3452C9.95523 15.5331 10.2607 15.5366 10.4563 15.3532L15.682 10.4541' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E%0A");
    background-position: bottom 3vh right .9rem;
    background-size: 2.8rem 3.2rem;
    background-repeat: no-repeat
}
/** 비즈프로필 관련 */

.business-profile {
    padding-bottom: 2rem
}
.business-profile::before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F6F7F9
}
.business-profile-contents.nodata .mypage-profile-info {
    margin-bottom: 2rem
}
.business-profile-contents.nodata .cardlist-item {
    padding: .4rem 0
}
.business-profile-contents>ul>li {
    position: relative;
    padding: 0 2rem
}
/* 하부셀럽 셀럽프로필 하단 관리자버튼 */
.business-profile-contents>ul + .btn-wrap{
    margin: 2.9rem 2rem 0;
}
.business-profile .mypage-profile-info {
    padding-top:4rem;
    margin: 0 0 1.6rem
}
.business-profile .mypage-profile-info .text-notice-area{
    position:relative;
    padding:1rem .8rem .8rem;
    margin-top:-1rem;
    margin-bottom:2.6rem;
    color:#4D4D4D;
    border-top: none;
    border-radius: 1rem;
}
.business-profile .mypage-profile-info .text-notice-area u{
    margin-left:.8rem;
    color:#FF4646;
    font-weight:500;
}
.business-profile .mypage-profile-info .text-notice-area .icon{
    width: .9rem;
    height: .9rem;
    margin-left: .2rem;
}
.business-profile .mypage-profile-info .text-notice-area button{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.business-profile .mypage-profile-info .text-notice-area .icon-arrow-right{
    width: .9rem;
    height: .9rem;
    margin-left: .2rem;
}
.business-profile .mypage-profile-thumb {
    margin-bottom:1.2rem;
}
.business-profile .mypage-profile-text strong{
    font-size:1.8rem;
}
.business-profile .mypage-profile-text .info-kakaotalk{
    color: #4D4D4D;
    font-size:1.2rem;
    line-height: 1.455;
    margin:.3rem 0 0;
}
.business-profile .mypage-profile-text .icon{
    width:1.8rem;
    height:1.8rem;
    margin:-.1rem .5rem 0 0;
    vertical-align: top;
}
.business-profile .star-grade-wrap{
    justify-content: center;
}
.business-profile .star-grade-frame{
    background-image: url("data:image/svg+xml;utf-8,%0A%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.9991 0H0V15.3717V40H40V0H19.9991ZM19.9991 0C20.7219 0 21.4446 0.402314 21.7726 1.20694L25.899 11.3283C26.1756 12.0068 26.8011 12.4703 27.5191 12.529L38.2299 13.4042C39.9331 13.5434 40.6237 15.7117 39.3259 16.8454L31.1662 23.9741C30.6191 24.4521 30.3801 25.2021 30.5472 25.9168L33.0404 36.58C33.4368 38.2752 31.629 39.6151 30.171 38.7067L21.0003 32.9932C20.3856 32.6103 19.6126 32.6103 18.998 32.9932L9.82731 38.7067C8.3693 39.6151 6.56149 38.2752 6.95784 36.58L9.45105 25.9167C9.61815 25.202 9.37925 24.4521 8.83226 23.9741L0.673914 16.8453C0.20975 16.4397 0 15.9018 0 15.3717C0 14.42 0.676198 13.4936 1.77006 13.4042L12.4792 12.529C13.1972 12.4703 13.8227 12.0068 14.0993 11.3283L18.2257 1.20694C18.5537 0.402315 19.2764 0 19.9991 0Z' fill='%23F6F7F9'/%3E%3C/svg%3E%0A");
}
.business-profile .mypage-profile-text p {
    width:90%;
    margin:0 auto;
    line-height: 1.462;
    font-size: 1.3rem;
    word-break:keep-all;
}
.business-profile .mypage-profile-text p span{
    display:inline-block;
}
.business-profile .cardlist-item {
    padding: .4rem 0 .8rem
}
.business-profile .cardlist-box {
    display: block;
    text-align: center;
    border-radius: 1rem;
    border: none;
    background: #fff;
    -webkit-box-shadow: 0 0.3rem 0.4rem rgba(0,0,0,0.03);
    box-shadow: 0 0.3rem 0.4rem rgba(0,0,0,0.03)
}
.business-profile .profile-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    min-height:11.2rem;
    padding:1.5rem 2rem 1.5rem;
}
.business-profile .profile-box .hashtag-wrap{
    padding:0;
}
.business-profile .profile-box .hashtag-wrap + p{
    margin-top:1rem;
}
.business-profile .profile-box p{
    padding-top:.4rem;
    padding-bottom:.4rem;
    font-size:1.2rem;
    line-height:1.334;
}
.business-profile .agency-profile-text{
    margin-left: .6rem;
    text-align: left;
}
.business-profile .agency-profile-top .form-switch-pick{
    top: -.2rem;
    right: -.2rem;
}
.business-profile .agency-profile-top{
    margin-bottom: 0;
}
.business-profile .cardlist-box.box-gold {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.3rem;
    text-align: left;
    border: 1px solid #F3ECDD;
    background: #FCFAF6
}
.business-profile .cardlist-box.box-gold::before {
    content: '';
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    margin-left: .2rem;
    background: url(../../images/common/img_badge_gold.png) no-repeat center;
    background-size: cover
}
.business-profile .cardlist-box.box-gold strong {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    word-break: keep-all;
    display: inline-block;
    color: #DD960E;
    font-weight: 500;
    line-height: 1.462;
    margin-left: 1rem;
}
.business-profile .cardlist-box.box-silver {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.3rem;
    text-align: left;
    border: 1px solid #EBECEF;
    background: #FBFCFE
}
.business-profile .cardlist-box.box-silver::before {
    content: '';
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    margin-left: .2rem;
    background: url(../../images/common/img_badge_silver.png) no-repeat center;
    background-size: cover
}
.business-profile .cardlist-box.box-silver strong {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    word-break: keep-all;
    display: inline-block;
    color: #62646A;
    font-weight: 500;
    line-height: 1.462;
    margin-left: 1rem;
}
.business-profile .cardlist-box.box-bronze {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.3rem;
    text-align: left;
    border: 1px solid #F5E7E0;
    background: #FCF8F6
}
.business-profile .cardlist-box.box-bronze::before {
    content: '';
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    margin-left: .2rem;
    background: url(../../images/common/img_badge_bronze.png) no-repeat center;
    background-size: cover
}
.business-profile .cardlist-box.box-bronze strong {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    word-break: keep-all;
    display: inline-block;
    color: #B57F64;
    font-weight: 500;
    line-height: 1.462;
    margin-left: 1rem
}
.business-profile .cardlist-box .product-detail ul {
    padding: 0
}
.business-profile .cardlist-box .product-detail ul li {
    padding: .5rem 0
}
.business-profile .cardlist-box .product-detail ul li:first-child {
    padding: 0 0 1.3rem
}
.business-profile .cardlist-box .product-detail ul li span {
    display: inline-block;
    width: 10rem;
    padding-right: 1.4rem
}
.business-profile .cardlist-box .product-detail ul li em {
    width: calc(100% - 10.4rem)
}
.business-profile .state-wrap {
    padding: 0 .5rem
}
.business-profile .state-wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.business-profile .state-wrap ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.business-profile .state-wrap ul li strong {
    color: #3182F6;
    font-size: 2.1rem;
    line-height: 1.143
}
.business-profile .state-wrap ul li strong span {
    font-size: 1.8rem
}
.business-profile .state-wrap ul li .text-wrap {
    margin-top: .3rem
}
.business-profile .state-wrap ul li .text-wrap em {
    color: #4D4D4D;
    font-size: 1.2rem;
    line-height: 1.417;
    letter-spacing: -.08rem
}
.business-profile .state-wrap ul li .text-wrap .btn-tooltip {
    padding: 0;
    margin: -.2rem 0 0 .2rem;
    border: 0;
    width: 1.1rem;
    height: 1.1rem
}
.business-profile .state-wrap ul li .text-wrap .btn-tooltip .icon {
    vertical-align: top;
    width: 100%;
    height: 100%
}
.business-profile .data-text {
    color: #333;
    min-height: 3.8rem;
    font-size: 1.3rem;
    line-height: 1.462;
    padding: 1rem 0
}
.business-profile .sns-link-list {
    text-align: center;
    padding: 1.6rem 0 2.1rem
}
.business-profile .sns-link-list li a {
    width: 2.8rem;
    height: 2.8rem
}
.business-profile .button-area {
    position: relative;
    padding: 0 2rem;
    margin-top:4rem
}
.business-profile .button-area .link-arrow-lg {
    color: #949494;
    margin: 0;
    padding: .5rem
}
.business-profile .btn-more {
    display: block;
    width: 4rem;
    height: 4rem;
    padding: 0;
    margin: 2rem auto 2.4rem;
    border: none
}
.business-profile .btn-more .icon {
    width: 100%;
    height: 100%
}
.product-detail ul li h3 {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.429;
}
/* 샘플관리 */
.sample-wrap .list-sort-area{
    z-index: 8;
    position: sticky;
    top: 5rem;
    margin-top: 1.8rem;
}
.sample-wrap .product-list li{
    border-top: none;
}
.sample-wrap .product-list li::after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    left:2rem;
    height:.1rem;
    background-color: #F0F2F4;
}
.sample-wrap .product-list li:first-child .product-list-item{
    border-top: 1px solid #F3F4F6;
}
.sample-wrap .product-list .product-list-item{
    padding-bottom: 2.3rem;
}
.sample-wrap .product-list .product-list-info-top{
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items:center;
    align-items: center;
}
.sample-wrap .product-list .product-list-info-top .label{
    margin-right: .6rem;
}
.sample-wrap .product-list-info-sample{
    margin-top: .6rem;
}
.sample-wrap .product-list .product-list-info-date{
    display: inline-block;
}
.sample-wrap .product-list-info-top .link-arrow{
    max-width: 70%;
    width: calc(100% - 6rem);
}
/* 샘플요청 */
.sample-request-wrap.sample-bg::before{
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background: #F6F7F9;
}
.sample-request-wrap .cardlist-box .btn-wrap{
    margin-top: 1.6rem;
}
.sample-request-wrap .text-info-wrap{
    padding-top: 0;
    margin: 0 2rem;
}
.sample-request-wrap .text-info-area{
    padding: 2rem .6rem 1.7rem;
    margin-top: 0;
}
.sample-request-wrap .text-info-area li{
    color: #797979;
}
.sample-request-wrap .product-detail ul{
    padding-bottom: 2.6rem;
}
.sample-request-wrap .product-detail li{
    padding: .9rem 0;
}
.sample-request-wrap > .button-area{
    padding: 0 2rem;
}
.sample-request-wrap .fixed-button{
    background: transparent;
}
.sample-request-wrap .fixed-button .btn-wrap a{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 60rem;
    min-width: 10.4rem;
}
.sample-request-wrap .fixed-button .btn-wrap a + a {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 10.4rem);
    margin-left: .8rem
}
.sample-request-wrap .fixed-button .btn-wrap a.btn-outline-blue{
    font-weight: 400;
}
.sample-request-wrap .fixed-button .tooltip-wrap{
    top: -.8rem;
    left: 2rem;
}
.sample-request-wrap .product-list-info-top .link-arrow{
    max-width: 70%;
    width: calc(100% - 6rem);
}

/* 초대하기 */
.invite-page{
    padding-top: 4.4rem;
}
.invite-page > strong{
    font-weight: 500;
    line-height: 1.4762;
    padding:  0 0 1.2rem;
}
.invite-page > strong::before{
    display: none;
}
.invite-page .txt-area{
    color: #797979;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.429;
    margin-bottom: 2.8rem;
}
.invite-page .txt-area span{
    color: #333;
}
.invite-page .txt-area em{
    color: #3182F6;
    font-weight: 500;
}
.invite-page .txt-area::after{
    content: '';
    display: block;
    width: 19rem;
    height: 12rem;
    margin: 4.2rem auto 0;
    background: url(../images/img_invite.png) no-repeat center;
    background-size: 100% auto;
}
.invite-page > .page-guide{
    padding-bottom: 4rem;
}

/* 초대링크 복사 */
.invite-link-wrap{
    text-align: center;
    padding: 2.8rem 2rem 2rem;
    margin-bottom: 1.6rem;
    border-radius: .9rem;
    background: #f0f6ff;
}
.invite-link-wrap .link-info{
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    line-height: 1;
    margin-bottom: 2rem;
}
.invite-link-wrap .link-info strong{
    display: inline-block;
    word-break: break-word;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: left;
    line-height: 1.125;
    padding-left: .4rem;
}
.invite-link-wrap .link-info .icon-link{
    width: 1.7rem;
    height: 1.7rem;
    min-width: 1.7rem;
    vertical-align: top;
    margin-top: .1rem;
}
@media (max-width: 575px) {
    .invite-link-wrap .link-info{
        width: 27rem;
    }
}

/* 초대수익 셀럽 리스트 */
.celeb-list-wrap{
    padding-top: 1.6rem;
}
.celeb-list-wrap .list-sort-area{
    margin-bottom: 1.2rem;
}
.celeb-list-wrap.mcn-celeb-list-wrap{
    padding-top: 0;
    margin-top: 1.5rem;
}
.celeb-list li{
    position: relative;
    padding: 0 2rem;
}
.celeb-list li::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F3F4F6;
}
.celeb-list li:first-child::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 4rem);
    height: .1rem;
    background: #F3F4F6;
    transform: translateX(-50%);
}
.celeb-list-item{
    padding: 1.8rem 0;
}
.celeb-list-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.celeb-list-area-thumb{
    margin-right: 1.5rem;
}
.celeb-list-area-thumb .thumbnail{
    width: 6.5rem;
    height: 6.5rem;
}
.celeb-list-area-text{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    font-size: 1.4rem;
    margin-top: .4rem;
}
.celeb-list-info-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
}
.celeb-list-info-bonus,
.celeb-list-info-count{
    color: #3182F6;
    font-size: 1.3rem;
    line-height: 1.334;
}
.celeb-list-info-price{
    font-size: 1.3rem;
    line-height: 1.358;
    margin-top: .4rem;
}
.celeb-list-info-bonus .price-text,
.celeb-list-info-count .price-text,
.celeb-list-info-price .price-text{
    font-size: 1.4rem;
}
.celeb-list-info-date,
.celeb-list-info-score{
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.417;
    margin-top: .1rem;
}
/* 하부셀럽 리스트*/
.mcn-celeb-list li{
    position: relative;
    padding: 0 2rem;
}
.mcn-celeb-list li::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F3F4F6;
}
.mcn-celeb-list li:first-child::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 4rem);
    height: .1rem;
    background: #F3F4F6;
    transform: translateX(-50%);
}
.mcn-celeb-list-item{
    padding: 1.8rem 0;
}
.mcn-celeb-list-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.mcn-celeb-list-area-thumb{
    margin-right: 1.5rem;
}
.mcn-celeb-list-area-thumb .thumbnail{
    width: 6.5rem;
    height: 6.5rem;
}
.mcn-celeb-list-area-text{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    font-size: 1.4rem;
    margin-top: .3rem;
}
.mcn-celeb-list-info-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.429;
}
.mcn-celeb-list-info-top small{
    color: #aaa;
    display: inline-block;
    line-height: 1.417;
}
.mcn-celeb-list-info-state strong{
    display: block;
    color: #8c8c8c;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.462;
}
.mcn-celeb-list-info-state strong::before{
    content: '';
    display: inline-block;
    width: .5rem;
    height: .5rem;
    vertical-align: middle;
    margin: -.4rem .4rem 0 0;
    border-radius: 50%;
    background: #d1d1d1;
}
.mcn-celeb-list-info-state.active strong{
    display: block;
    color: #00de5a;
    line-height: 1.462;
}
.mcn-celeb-list-info-state.active strong::before{
    background: #00de5a;
}
.mcn-celeb-list-info-product{
    margin-top: .5rem;
}
.mcn-celeb-list-info-product span{
    position: relative;
    display: inline-block;
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.5;
}
.mcn-celeb-list-info-product span + span{
    padding-left: .5rem;
    margin-left:.1rem;
}
.mcn-celeb-list-info-product span + span::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #797979;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.mcn-celeb-list-info-product span em{
    color: #333;
}
.mcn-celeb-list-info-product span > .label-sm{
    margin-left: -.3rem;
}
.mcn-celeb-list-info-product .label-square.label-sm{
    min-width: 2.4rem;
}
.mcn-celeb-list-info-product > div{
    margin-top: .3rem;
}
.mcn-celeb-list-info-name{
    font-weight: 500;
    line-height: 1.429;
    margin-bottom: .5rem;
}
.mcn-celeb-list-info-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mcn-celeb-list-info-price,
.mcn-celeb-list-info-margin{
    color: #3182F6;
    font-size: 1.3rem;
    font-weight: 500;
}
.mcn-celeb-list-info-price strong,
.mcn-celeb-list-info-margin strong{
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.358;
    letter-spacing: -.05rem;
}
.mcn-celeb-list-info-price + .mcn-celeb-list-info-margin{
    margin-left: .3rem;
}
.mcn-celeb-list-info-price + .mcn-celeb-list-info-margin::before{
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    margin: 0 .3rem .4rem 0;
    background: #3182F6;
}
.mcn-celeb-list-info-rank{
    font-size: 0;
    line-height: 1.2;
}
.mcn-celeb-list-info-rank span{
    font-size: 1.2rem;
}
.mcn-celeb-list-info-rank > div{
    display: inline-block;
    font-size: 1.2rem;
    margin-left: .6rem;
}
.mcn-celeb-list-info-rank .label-square.label-sm{
    line-height: 1.4;
    margin: 0 .2rem;
}
.mcn-celeb-list-info-rank label + em{
    display: inline-block;
    line-height: 1.417;
}
.mcn-celeb-list-button-area{
    margin-top: 2rem;
}
.mcn-celeb-list-button-area > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.mcn-celeb-list-button-area > div:first-child > .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
}
.mcn-celeb-list-button-area > div:first-child > .btn + .btn{
    margin-left: .4rem;
}
.mcn-celeb-list-button-area .approve-btn{
    color: #3182F6;
    font-weight: 500;
}
.mcn-celeb-list-button-area .approve-btn .icon{
    top: .05rem;
    width: 1rem;
    height: 1rem;
    margin: 0 .2rem 0 -.5rem;
}
/* 하부셀럽 픽현황 상품*/
.mcn-celeb-picklist li {
    position: relative;
    padding: 0 2rem;
}
.mcn-celeb-picklist li:first-child::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 4rem);
    height: .1rem;
    background: #F3F4F6;
    transform: translateX(-50%);
}
.mcn-celeb-picklist li::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F3F4F6;
}
.mcn-celeb-picklist-item {
    font-size: 1.4rem;
    padding: 1.8rem 0
}
.mcn-celeb-picklist-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.mcn-celeb-picklist-thumb {
    position: relative;
    margin-right: 1.5rem
}
.mcn-celeb-picklist-thumb .thumbnail {
    width: 7.8rem;
    height: 7.8rem
}
.mcn-celeb-picklist-text {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0
}
.mcn-celeb-picklist-text a {
    display:block;
}
.mcn-celeb-picklist-info span{
    position: relative;
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.417;
}
.mcn-celeb-picklist-info span em{
    color: #333;
}
.mcn-celeb-picklist-info span + span {
    padding-left: .5rem;
    margin-left: .3rem;
}
.mcn-celeb-picklist-info span + span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #797979;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.mcn-celeb-picklist-top{
    margin-bottom: .5rem;
}
.mcn-celeb-picklist-top small{
    color: #aaa;
    display: inline-block;
    line-height: 1.417;
}
.mcn-celeb-picklist-name{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    font-size: 1.4rem;
    line-height: 1.286;
}
.mcn-celeb-picklist-price{
    display: flex;
    align-items: center;
    line-height: 1.334;
    margin-top: .4rem;
}
.mcn-celeb-picklist-margin{
    color: #3182F6;
    font-size: 1.3rem;
    font-weight: 700;
    margin-left: .5rem;
}
.mcn-celeb-picklist-margin span{
    font-weight: 500;
}
.mcn-celeb-picklist-margin em + em::before{
    content: '';
    display: inline-block;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    margin: 0 .3rem .4rem 0;
    background: #3182F6
}
/* 초대관리 셀럽 리스트 데이터 없음 */
.invite-nodata.board-nodata .board-nodata-profit{
    margin-top: 9rem;
}

/*당겨서새로고침*/
.ptr--ptr{
    align-items:center !important;
    background:#3182F6;
    box-shadow:inset 0 -4px 10px rgba(0, 0, 0, 0.12) !important;
}
ptr--box{
    padding:2rem;
}
.ptr--ptr .ptr--icon {
    color:#fff;
    font-size:1.8rem;
}
.ptr--ptr .ptr--text {
    margin-top:.8rem;
    color:#fff;
    font-size:1.2rem;
    font-weight:400;
}

/* 셀러 추천관리 추천수익 */
.recommend-profit-wrap .board-nodata > div::before{
    display: none;
}
.recommend-profit-wrap .board-nodata > div span{
    font-size: 1.4rem;
}
.recommend-profit-wrap .board-nodata > div em{
    font-size: 1.2rem;
    line-height: 1.5;
    padding-top: 2.2rem;
}

/* 셀러 추천관리 추천하기 */
.recommend-event-wrap .inner{
    text-align: center;
    margin: 0 2rem;
}
.recommend-event-wrap .recommend-intro{
    background: #FFF9F1;
}
.recommend-event-wrap .recommend-benefit{
    background: #F7BBC3;
}
.recommend-event-wrap .recommend-notice{
    background: #F7F5F5;
}
.recommend-event-wrap .recommend-notice .inner{
    position: relative;
}
.recommend-event-wrap .recommend-notice .btn-wrap{
    position: absolute;
    top: 10%;
    left: 50%;
    width: 100%;
    height: 50%;
    transform: translateX(-50%);
}
.recommend-event-wrap .recommend-notice .btn-wrap a{
    position: absolute;
    width: 10rem;
    height: 3rem;
}
.recommend-event-wrap .recommend-notice .btn-wrap a.btn-reseller{
    top: 36%;
    left: 5rem;
}
.recommend-event-wrap .recommend-notice .btn-wrap a.btn-link{
    bottom: -9%;
    left: 4rem;
}
.recommend-event-wrap .fixed-button a{
    color: #fff;
    background: #2D2221;
}
@media only screen and (max-width: 768px){
    .recommend-event-wrap .recommend-notice .btn-wrap a{
        width: 21vw;
        height: 7vw;
    }
    .recommend-event-wrap .recommend-notice .btn-wrap a.btn-reseller{
        left: 9vw;
    }
    .recommend-event-wrap .recommend-notice .btn-wrap a.btn-link{
        left: 8vw;
    }
}

/* 원픽 */
.onepick-wrap{
    padding: 1.6rem 1rem 1rem;
    margin: -.7rem 0 4.4rem;
    border-radius: 0 0 2rem 2rem;
    background: url(../../images/celeb/img_onepick_bg.png) no-repeat center;
    background-size: 100% 100%;
}
.onepick-wrap::before{
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f6f7f9;
}
.onepick-wrap .onepick-tit{
    font-size: 1.1rem;
    padding:0 1rem;
    margin-bottom: 1.2rem;
}
.onepick-wrap .onepick-tit strong{
    display: block;
    color: #394A56;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.438;
    text-shadow: 0 0 1rem rgba(0,0,0,.16);
}
.onepick-wrap .onepick-tit span{
    display: inline-block;
    color: #677279;
    font-size: 1.2rem;
    line-height: 1.334;
    margin-top: .5rem;
}
.onepick-area{
    padding: 1rem;
    border-radius:1.6rem;
    background: #fff;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.08);
}
.onepick-area > a{
    display: block;
}
.onepick-area .product-list-area-text{
    margin-top: 1.6rem;
}
.onepick-area .product-list-info-top > span{
    font-size: 1.2rem;
    margin-left: auto;
    line-height: 1.417;
}
.onepick-area .product-list-info-price{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top:1rem;
}
.onepick-area .product-list-info-price .price-text{
    font-size:1.5rem;
}
.onepick-area .onepick-thumb{
    overflow: hidden;
    position: relative;
    width:auto;
    height:auto;
    padding-bottom:62.5%;
}
.onepick-area .onepick-thumb .thumbnail{
    position:absolute;
    width:100%;
    height: 100%;
    border-radius:1.2rem;
    text-align:center;
}
.onepick-area .onepick-thumb .thumbnail::after{
    border-radius: 1.2rem;
}
.onepick-area .onepick-thumb .thumbnail img{
    object-fit: cover;
    width:auto;
}
.onepick-area .onepick-thumb .sticker-wrap > div{
    position: absolute;
}
.onepick-area .onepick-thumb .sticker-wrap > div.sticker-left-top{
    top: 0;
    left: 0;
}
.onepick-area .onepick-thumb .sticker-wrap > div.sticker-left-bottom{
    bottom: .7rem;
    left: .7rem;
}
.onepick-area .onepick-thumb .sticker-wrap .sticker-onepick{
    width: 5.4rem;
    height: 5.4rem;
    border-top-left-radius:1.2rem;
    border-bottom-right-radius:1.2rem;
}
.onepick-area .onepick-thumb .sticker-wrap .sticker-low-price{
    width: 4rem;
    height: 4rem;
}
.onepick-area .product-list-button-area{
    margin-top:2rem;
    margin-bottom:.2rem;
}
.good-content-iframe{
    width: 100%;
    height:calc(100vh - 5rem);
}

/*disabled 개발자가 임의로 추가하였습니다.*/
.label input:disabled + span {
    color: #ccc;
    cursor: not-allowed;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
}

/* 하부셀럽 마진 설정 리스트 */
.mcn-card-list-area{
    padding-top: 1.6rem;
}
.mcn-card-list-area::before{
    z-index: -1;
    content: '';
    position: absolute;
    top: 15.2rem;
    left: 0;
    bottom: 0;
    right: 0;
    background: #F6F7F9;
}
.mcn-card-list-wrap .list-sort-area{
    margin: -.4rem 0 .6rem;
}
.mcn-card-list-area .mcn-card-li{
    padding: 0 2rem;
}
.mcn-card-list-area .mcn-card-li + .mcn-card-li{
    margin-top: 1rem;
}
.mcn-card-list-area .mcn-card-li .mcn-card-check-area{
    position:relative;
}
.mcn-card-list-area.show .mcn-card-check-area .form-check{
    display:block;
    z-index:10;
}
.mcn-card-check-area .form-check{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:none;
}
.mcn-card-check-area .form-check span::before{
    left:1rem;
}
.mcn-card-check-area .form-check:has(input[type="checkbox"]:checked) ~ .mcn-card-item{
    border-color:#3182F6;
    background-color:#f0f6ff;
}
.mcn-card-item{
    position: relative;
    padding:1.5rem;
    border-radius: .9rem;
    border: 1px solid transparent;
    box-shadow: 0 .3rem .4rem 0 rgba(0,0,0,.03);
    background: #fff;
}
.mcn-card-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.mcn-card-thumb-area{
    margin-right: 1.5rem;
}
.mcn-card-thumb-area a{
    position:relative;
    z-index:9;
}
.mcn-card-thumb-area .thumbnail{
    width: 6.5rem;
    height: 6.5rem;
}
.mcn-card-text-area{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    font-size: 1.4rem;
    margin-top: .4rem;
}
.mcn-card-info-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
}
.mcn-card-info-bonus{
    color: #3182F6;
    font-size: 1.3rem;
    line-height: 1.334;
}
.mcn-card-info-price .price-text,
.mcn-card-info-bonus .price-text{
    font-size: 1.4rem;
}
.mcn-card-info-price{
    font-size: 1.3rem;
    line-height: 1.358;
    margin-top: .4rem;
}
.mcn-card-info-score{
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.417;
    margin-top: .1rem;
}
.mcn-card-button-area{
    margin-top: 1.4rem;
}
.mcn-card-button-area > div:first-child > .btn{
    position:relative;
    width:100%;
    z-index:9;
}
/*table*/
.table-responsive{
    margin-bottom:.4rem;
    overflow:scroll;
}
table{
    width:100%;
    /*min-width:768px;*/
    margin-bottom:.8rem;
    text-align:center;
}
thead > tr> th,
tbody > tr> th,
tbody > tr> td{
    color:#333;
    background:#fff;
    vertical-align:middle;
}
thead > tr > th{
    padding:1.2rem 1rem;
    font-weight:400;
    border:1px solid #e6e6e6;
    background:#f8f8fa;
}
tbody > tr> th,
tbody > tr> td{
    padding:1.2rem 1.4rem;
    border:1px solid #e6e6e6;
}
tbody > tr> th{
    background:#f8f8fa;
}
tbody > tr> td{
    color:#797979;
    border:1px solid #e6e6e6;
    word-break:keep-all;
}

/* 인플루언서 초대관리 > 정산내역 */
.celeb-deposit-list li {
    position: relative;
}
.celeb-deposit-list li::after {
    content: '';
    position: absolute;
    left: 2rem;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #F0F2F4;
}
.celeb-deposit-list li:first-child .celeb-deposit-list-info {
    border-top: 1px solid #F3F4F6
}
.celeb-deposit-list-item {
    display: block;
    position: relative;
    padding: 0 2rem;
    font-size: 1.3rem;
}
.celeb-deposit-list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 2rem 0
}
.celeb-deposit-list-area-date {
    color: #797979;
    padding-left: .3rem;
}
.celeb-deposit-list-area-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}
.celeb-deposit-list-area-text p {
    margin-top: .8rem
}
.celeb-deposit-list-area-right {
    text-align: right
}
.celeb-deposit-list-area-right .price-text {
    color: #3182F6;
    font-size: 1.5rem
}

/* 기본 상단 sticky 고정 영역(#searchForm 감싸는 형태) */
.list-toolbar-area .filter-srch-wrap,
.list-toolbar-area .filter-srch,
.list-toolbar-area .list-sort-area{
    z-index: 8;
    position: sticky;
}
/* 기본 100% 스트로크 */
.list-toolbar-area .list-sort-area::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #F3F4F6;
}
/* 좌우 여백 스트로크 */
.list-toolbar-area.line-edge .list-sort-area::after {
    left: 2rem;
    right: 2rem;
}
/* 데이터 없는 페이지 스트로크 제거 */
.list-toolbar-area:has(.board-nodata) .list-sort-area::after{
    display: none;
}

/* 형제요소로 tab 있을경우 위치 제어 */
.list-toolbar-area.has-tab .filter-srch-wrap,
.list-toolbar-area.has-tab .filter-srch{
    top: 9.2rem;
}
.list-toolbar-area.has-tab .list-sort-area{
    top: 16rem;
}

/* #searchForm과 .list-sort-area 나눠져 있는 경우 */
/* 판매내역 > 상품랭킹, 공급사 랭킹 페이지 */
.list-toolbar-area.has-outer-sort .list-sort-area{
    top: 9.2rem;
}

/* #searchForm과 컨텐츠가 나눠져 있는 경우 */
/* 공급사 문의내역 페이지 */
.list-toolbar-area.has-outer-cont{
    z-index: 8;
    position: sticky;
    top: 5rem;
}

/* 채팅내역 페이지 */
.list-toolbar-area.has-tab.has-outer-cont{
    top: 9.2rem;
}
.list-toolbar-area.has-outer-cont.line-edge .filter-srch::after {
    content: '';
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 0;
    height: 1px;
    background: #F3F4F6;
}
/* 채팅내역 페이지 데이터 없음 */
.contents:has(.chat-wrap .board-nodata-message) .list-toolbar-area.has-outer-cont.line-edge .filter-srch::after{
    display: none;
}

/* 쇼핑하기 > 주문조회 */
/* 헤더 include 때문에 개별 조정 */
header:has(+.container .order-list){
    border-bottom: 1px solid #F3F4F6;
}
.order-list li{
    position: relative;
    padding: 0 2rem;
}
.order-list li::after{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 2rem;
    height: .1rem;
    background-color: #F0F2F4;
}
.order-list-item{
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 1.7rem 0 2.4rem;
}
.order-list-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.order-list-area-status{
    flex: 0 0 100%;
    line-height: 1;
    margin-bottom: .8rem;
}
.order-list-area-status strong{
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.215;
}
.order-list-area-thumb{
    position: relative;
    margin-right: 1.5rem
}
.order-list-area-thumb .thumbnail{
    width: 6.5rem;
    height: 6.5rem
}
.order-list-area-text{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0
}
.order-list-info > a{
    position: absolute;
    top: -.6rem;
    right: 0;
    text-align: right;
}
.order-list-info-date small{
    display: inline-block;
    color: #aaa;
    line-height: 1.16
}
.order-list-info-name{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.215;
    margin-top: .8rem;
}
.order-list-info-price{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .5rem;
}
.order-list-info-price > span{
    color: #797979;
    font-size: 1.2rem;
    margin-left: .5rem;
}

/* 쇼핑하기 > 주문조회 > 주문조회 상세 */
.order-view-wrap::after{
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background: #F6F7F9;
}
.order-view-wrap .cardlist-box{
    padding: 1.8rem;
}

/* 쇼핑하기 > 주문조회 > 주문조회 상세 아이템 */
.order-detail-view-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.order-detail-view-status{
    line-height: 1;
    margin: .1rem 0 .5rem;
}
.order-detail-view-status strong{
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.231;
}
.order-detail-view-thumb{
    position: relative;
    margin-right: 1.5rem;
}
.order-detail-view-thumb .thumbnail{
    width: 6.5rem;
    height: 6.5rem;
}
.order-detail-view-text{
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
}
.order-detail-view-text a{
    display: block;
}
.order-detail-view-name{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.215;
}
.order-detail-view-price{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.334;
    margin-top: .4rem;
}
.order-detail-view-price .price-text{
    line-height: 1.334;

}
.order-detail-view-price > span{
    color: #797979;
    font-size: 1.2rem;
    line-height: 1.25;
    margin-left: .5rem;
}


/* 문의리스트 */
.inquiry-board-list-item{
    position: relative;
}
.inquiry-board-list-item a{
    display: block;
    padding: 2rem;
}
.inquiry-board-list-item:first-child::before{
    content: '';
    position: absolute;
    left: 2rem;
    right: 2rem;
    top: 0;
    height: 1px;
    background-color: #F3F4F6;
}
.inquiry-board-list-item::after{
    content: '';
    position: absolute;
    left: 2rem;
    bottom: 0;
    width: calc(100% - 2rem);
    height: 1px;
    background-color: #F0F2F4;
}
.inquiry-board-list-item > a{
    display: flex;
}
.inquiry-board-list-thumb .thumbnail {
    width: 6rem;
    height: 6rem;
}
.inquiry-board-list-info{
    width: calc(100% - 7.2rem);
    margin-left: 1.2rem;
}
.inquiry-board-list-content .tit-wrap > p{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.429;
    margin: .2rem 0 .1rem;
}
.inquiry-board-list-status{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #949494;
    font-size: 1.2rem;
    line-height: 1.417;
}
.inquiry-board-list-status > div > span + span{
    position: relative;
    padding-left: .5rem;
    margin-left: .2rem;
}
.inquiry-board-list-status > div > span + span::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background: #aaa;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.inquiry-board-list-status .community-list-reply{
    line-height: 1.167;
}
.inquiry-board-list-status .community-list-reply .icon{
    width: 1.5rem;
    height: 1.3rem;
    vertical-align: top;
    margin-right: .4rem;
}