/* 초기화 및 초기 세팅 */
:root {
/* 버튼 및 인풋 폼 높이 세팅 */
--body_width:57.6rem;
--hd_height_m: 6.0rem;
--height_sm: 3.0rem;
--height_md: 3.8rem;
--height: 5.0rem;
--height_lg: 6.0rem;
--ic_date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg id='ic_time' transform='translate(-28 -600)'%3E%3Crect id='사각형_20078' data-name='사각형 20078' width='14' height='14' transform='translate(28 600)' fill='none'/%3E%3Cpath id='ic_time-2' data-name='ic_time' d='M3.5-10.5v-.588H2.338v.588H-2.338v-.588H-3.5v.588H-5.25V-.588H5.25V-10.5ZM-4.088-1.75V-7.588H4.088V-1.75Z' transform='translate(35 613)' fill='%23484848'/%3E%3C/g%3E%3C/svg%3E%0A");
--ic_time:url("data:image/svg+xml,%3Csvg id='ic_clock' xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Crect id='사각형_9176' data-name='사각형 9176' width='25' height='25' fill='none'/%3E%3Cpath id='schedule_FILL0_wght400_GRAD0_opsz24_1_' data-name='schedule_FILL0_wght400_GRAD0_opsz24 (1)' d='M94.319-864.173l1.507-1.507-3.984-3.984v-4.953H89.69v5.814Zm-3.553,5.706a10.484,10.484,0,0,1-4.2-.848,10.873,10.873,0,0,1-3.418-2.3,10.873,10.873,0,0,1-2.3-3.418,10.484,10.484,0,0,1-.848-4.2,10.484,10.484,0,0,1,.848-4.2,10.873,10.873,0,0,1,2.3-3.418,10.875,10.875,0,0,1,3.418-2.3,10.485,10.485,0,0,1,4.2-.848,10.485,10.485,0,0,1,4.2.848,10.875,10.875,0,0,1,3.418,2.3,10.872,10.872,0,0,1,2.3,3.418,10.484,10.484,0,0,1,.848,4.2,10.484,10.484,0,0,1-.848,4.2,10.873,10.873,0,0,1-2.3,3.418,10.873,10.873,0,0,1-3.418,2.3A10.484,10.484,0,0,1,90.766-858.467ZM90.766-869.234Zm0,8.613a8.3,8.3,0,0,0,6.1-2.517,8.3,8.3,0,0,0,2.517-6.1,8.3,8.3,0,0,0-2.517-6.1,8.3,8.3,0,0,0-6.1-2.517,8.3,8.3,0,0,0-6.1,2.517,8.3,8.3,0,0,0-2.517,6.1,8.3,8.3,0,0,0,2.517,6.1A8.3,8.3,0,0,0,90.766-860.62Z' transform='translate(-78 882)' fill='%23585e65'/%3E%3C/svg%3E%0A");
--ic_send: url("data:image/svg+xml,%3Csvg id='ic_send' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Crect id='사각형_426' data-name='사각형 426' width='30' height='30' fill='none'/%3E%3Cpath id='패스_103' data-name='패스 103' d='M32.923,26.309v.017l-6.5,21.422a1.772,1.772,0,0,1-1.563,1.285q-.077.007-.154.007A1.77,1.77,0,0,1,23.1,48.017L19.116,39.6A.446.446,0,0,1,19.2,39.1L25.595,32.7a.893.893,0,0,0-1.262-1.262l-6.4,6.391a.446.446,0,0,1-.507.088L9.054,33.956a1.827,1.827,0,0,1-1.065-1.73,1.773,1.773,0,0,1,1.291-1.621L30.7,24.11h.017a1.786,1.786,0,0,1,2.2,2.2Z' transform='translate(-4.988 -20.226)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
ol,
ul,
dl {
padding:0;
margin-bottom: 0;
}
figure {
margin: 0 0 0;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 500;
line-height: 1.2;
}
h1, .h1 {
font-size: 2.5rem;
}
h2, .h2 {
font-size: 2rem; font-weight: 700;
}
.h2_title{
padding-bottom: 15px;
}
h3, .h3 {
font-size: 1.8rem; color:#222222; font-weight: 700;
}
h4, .h4 {
font-size: 1.5rem;
}
h5, .h5 {
font-size: 1.5rem;
}
h6, .h6 {
font-size: 1rem;
}
p{
margin-bottom: 0;
}
.container{
margin: 0 auto;
width: 100%;
}
.container-sm,
.container-md,
.container-lg,
.container-xl {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
button{ color: inherit;}
.wh_pre { white-space: pre-line; }
.keep-all{word-break: keep-all;}
.wh_nowrap { white-space: nowrap; }
.line1_text { white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2_text { white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.find-text{}
.find-text p{font-size:14.5px; font-weight:300; padding:0 30px 0 15px; position:relative; color:#B1B1B1;}
.find-text p:after{ content: '*'; position:absolute; left:0; top:2px;}
/* .row {
margin-right: -10px;
margin-left: -10px;
} */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
}
.form-text{font-size: 1.4rem;display: none; align-items: center;}
.form-text i{margin-right: 0.25rem;}
.ip_valid .ip_valid{display:inline-block; color: #F34496;}
.ip_invalid .ip_invalid{display:inline-block; color: var(--danger);}
.checks label {display: flex; align-items: center; cursor: pointer; gap:10px; margin: 0;}
.checks input {display: none;}
/*�߰��� css*/
.checks .ic_box {display: inline-block; width: 2.2rem; height: 2.2rem; font-size: 2rem; text-align: center; border-radius: 0.5rem; border: 1px solid #ccc; color: var(--border); display: flex; align-items: center; justify-content: center; background-size: auto; background-repeat: no-repeat; background-position: center; background-color: #fff; flex-shrink: 0; background-image: url(../img/check01_off.png);}
.checks input:checked + .ic_box {border-color: #F34496; color: #F34496; background-image: url(../img/check01_on.png); background-color: #F34496;}
input ~ .chk_p { font-weight: 300; font-size:14px;}
.login-btn-box{display: flex; align-items: center; justify-content: space-between; margin: 2rem 0 3rem;}
.login-btn-box .find-btn{display: flex; align-items: center; gap: 15px;}
.login-btn-box .find-btn a{font-size: 15px; font-weight: 300;}
.g-line{width: 1px; height: 14px; background-color: #eaeaea;}
.one-text{font-size: 15px; text-align: center; font-weight: 600; word-break: keep-all; margin: 2rem 0 4rem;}
.modal-btn-box{display: flex; justify-content: center; align-items: center; gap: 10px;}
.cancel-btn{border:1px solid #ccc; background-color:#fff; border-radius:6px; padding:14px 0; text-align:center; font-size:15px; font-weight:500; color:#333; width:100%;}
.complete-btn{border:1px solid #F34496; background-color:#F34496;border-radius:6px; padding:14px 0; text-align:center; font-size:15px; font-weight:500; color:#fff; width:100%;}
/* .modal-btn-box .cancel-btn{max-width:140px;}
.modal-btn-box .complete-btn{max-width:140px;} */
.ip_valid.find-id .input-group:nth-child(2){margin-bottom:0;}
.counter{display: flex; justify-content: space-between; align-items: center;/* font-size:15px;*/}
.checks.flex{display: flex; justify-content: space-between; align-items: center;}
.checks.flex button{font-size: 14px; border: 0; background-color: #fff; color: var(--gray-300); font-weight: 300;}
.mandatory{border-bottom:1px solid #333333;}
.email-input{display: flex; align-items: center; justify-content: flex-end; gap: 5px; flex-wrap: wrap;}
.email-input input{border-radius: 6px !important; border: 1px solid #eaeaea; width: calc(50% - 12px);}
.email-input select{border-radius: 6px !important; border: 1px solid #eaeaea; width: calc(50% - 12px); height: calc(1.5em + 2.4rem + 2px); padding: 0.375rem 1.5rem; color: #222222; font-size: 1.5rem; font-weight: 300;}
select:focus-visible{outline: none; border: 1px solid #F34496;}
.lottie-box{display: flex; align-items: center; justify-content: center;}
.header_top .btn{padding:0;}
.line{width:1px; height:18px; background-color:#EAEAEA; display: inline-block;}
.card .thumbnail-img{aspect-ratio: 59 / 28;}
.card .thumbnail-img img{border-radius:6px; object-fit: cover; width: 100%;}
.event_list_title p{color: #333;}
.event-detail-img img{width:70%;}
.align-cneter{align-items: center;}
.modal-header .close{padding: 0; opacity: 1; margin: 0;}
.modal-header .close img{width: 30px;}
.sm-button{background-color: #F34496; border-color: #F34496; width: 150px; font-size: 15px;}
@media (min-width: 1240px) {
.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1240px; }
}
/* Buttons */
.btn{
/* padding:1.2rem 2.1rem; */
border-radius:6px;
font-size: 1.5rem; font-weight: 600;
height: var(--height);
}
.btn-sm {height: var(--height_sm);border-radius: 0.4rem;font-size: 1.2rem;padding-left:1.0rem;padding-right:1.0rem;}
.btn-md { height: var(--height_md);font-size: 1.4rem;}
.btn-lg { height: var(--height_lg);font-size: 1.5rem }
.btn.focus, .btn:focus {
outline: 0;
}
.input-group-btn button, .input-group-btn .btn{min-width: 100px; font-size: 14px; font-weight: 700; height: 100%; border-radius: 6px;}
.btn-mini{font-size: 12px;background-color: #fff;padding: 5px 10px;border: 1px solid #ccc;border-radius: 6px;}
/* .btn-primary {
color: #fff;
background-color: #F34496;
border:1px solid #F34496;
}
.btn-primary:hover {
color: #fff;
background-color: #F34496;
border:1px solid #F34496;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #F34496;
border:1px solid #F34496;
}
.btn-primary.disabled, .btn-primary:disabled {
color: #707070;
background-color: #E1E1E1;
border:1px solid #E1E1E1;
} */
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #ffffff;
background-color: #F12082;
border-color: #F12082;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 18, 109, 0.5);
}
.btn-secondary {
color: #fff;
background:#756EF0;
border:1px solid #756EF0;
}
.btn-secondary:hover {
background-color: #5E57CE;
border-color: #5E57CE;
}
.btn-secondary:focus, .btn-secondary.focus {
background-color: #5E57CE;
border:1px solid #5E57CE;
box-shadow: 0 0 0 0.2rem rgba(74, 68, 172, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #707070;
background-color: #E1E1E1;
border:1px solid #E1E1E1;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #707070;
background-color: #E1E1E1;
border:1px solid #E1E1E1;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: none;
}
.btn-link {
font-weight: 400;
color: #05378D;
text-decoration: none;
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn {
padding: 1.7rem 3rem;
font-size: 1.7rem;
line-height: 1.5;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.8rem 1.5rem;
font-size: 1.4rem;
line-height: 1.5;
}
.btn-outline-secondary {
color: #756EF0;
border-color: #756EF0;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #756EF0;
border-color: #756EF0;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(117, 110, 240, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: rgba(255,255,255,0.6);
background-color: #A9A6E9;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #4A44AC;
border-color: #4A44AC;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(117, 110, 240, 0.5);
}
.btn-outline-light {
color: #333;
border:1px solid #ccc;
}
.btn-outline-light:hover {
color: var(--text);
background-color: var(--gray-100);
border-color: var(--gray-300);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
color: rgba(95, 111, 129, 0.5);
background-color: #F1F4F9;
border-color: #F1F4F9;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-dark {
color: #fff;
background-color: #222222;
border-color: #222222;
}
.btn-dark:hover {
color: #fff;
background-color: #111;
border-color: #111;
}
.btn-dark:focus, .btn-dark.focus {
color: #fff;
background-color: #000;
border-color: #000;
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
/* Background Color */
.bg-primary {
background-color: #222 !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #333 !important;
}
.bg-secondary {
background:#756EF0;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #5E57CE !important;
}
.bg-light {
background-color: #F2F3F7 !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #E8ECF5 !important;
}
/* Badge */
.badge {
padding: 0.6rem 1rem;
font-weight: 500;
}
.badge-primary {
color: #fff;
background:#F34496;
}
a.badge-secondary:hover, a.badge-secondary:focus {
color: #fff;
background-color: #545b62;
}
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
/* Paginataion */
.page-link{ padding: 0; border:0; color:#999999; font-size: 17px; text-align: center; font-weight:600;}
.page-item:first-child .page-link, .page-item:last-child .page-link{border-radius: 50%; border: 1px solid #eaeaea; display: flex; justify-content: center; align-items: center; width: 34px; height: 34px;}
.page-item.active .page-link{text-decoration: underline; background-color: #fff; color: #000;}
.page-link:hover{color: #222; background-color: #fff;}
/* Badge */
.badge-light{
background-color: #F7F7F7;
}
/* 뱃지 */
.badge2 {
padding: 0.6rem 1.0rem;
border-radius: 0.5rem;
font-weight: 500;
font-size: 1.4rem;
}
.badge-light-primary {background-color: var(--primary-light);color: var(--primary);}
.badge-gray {background-color: rgba(88,94,101,0.08);color:#9EA4AB;}
.badge-state01 {background-color: rgba(51,102,204,0.08);color: #3366CC;}
.badge-state02 {background-color: rgba(242,55,40,0.08);color: #F23728;}
.badge-state03 {background-color: rgba(23,161,64,0.08);color: #17A140;}
.badge-state04 {background-color: rgba(214,0,193,0.08);color: #D600C1;}
.badge-state05 {background-color: rgba(0,163,214,0.08);color: #00A3D6;}
.badge-state06 {background-color: rgba(53,103,162,0.08);color: #3567A2;}
.badge-state07 {background-color: rgba(128,165,0,0.08);color: #80A500;}
.badge-disabled{color:#999;background:#ddd;}
.badge-sm{font-size:1.2rem;padding: 0.4rem 0.8rem;}
/* Table */
.table th,
.table td {
padding: 1.25rem;
vertical-align: middle;
border-top: 1px solid #eaeaea;
}
.table thead th{
border-top: 2px solid #dee2e6;
border-bottom:1px solid #dee2e6;
}
.table thead th{
color:#999999; font-weight: 400;
}
.table tbody td{
color:#333333; font-size: 1.4rem;
}
/* 테이블 */
.table_01 {
width:100%; border-collapse: collapse; border-bottom:1px solid #e3e3e3; text-align:center; border-top: 2px var(--gray-dark) solid;
}
.table_01 th {
background: #F6F6F6; text-align:center; border:1px solid #e3e3e3; font-size: 1.3rem;
}
.table_01 td {
border:1px solid #e3e3e3; font-size: 1.5rem;
}
.table_01 th, .table_01 td{
padding:1rem 0.8rem;
}
/* 테이블 슬래쉬 */
.table_01 th.slash {
background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat;
}
.table_01 th.backslash {
background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat;
}
.table_01 th.slash, .table_01 th.backslash { text-align: left; }
.slash div, .backslash div { text-align: right; }
/*테이블 반응형때*/
.table_scroll { overflow-x: auto; overflow-y: hidden; padding: 0px !important; }
/* Form */
.form-control {
height: var(--height); padding: 0.375rem 1.5rem;
color:#222222; font-size: 1.5rem; font-weight: 300;
}
.ip_wr .form-control{border-radius:6px !important; border:1px solid #e1e1e1;}
.login-btn{background-color: #F34496; border-radius: 6px; border: 0; color: #fff; font-size: 15px; font-weight: 700; padding: 18px 0;}
.join-btn{background-color: #fff; border-radius: 6px; border: 1px solid #F34496; color: #F34496; font-size: 15px; font-weight: 700; padding: 18px 0;}
select.form-control{
background: url(../img/bg_select.png) no-repeat right 10px top 50%;
background-size: 14px 8px;
cursor: pointer;
}
select option[value=""][disabled] {
display: none;
}
textarea.form-control{
padding:1.5rem 1.5rem;
line-height: 22px;
}
textarea.form-control:focus{
outline:0;
border-color: var(--primary);
box-shadow: 0 0 0 0.2rem rgb(0 201 136 / 25%);
}
.form-group {
position:relative;
}
.form-group label{
font-size: 1.6rem;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: var(--primary);
outline: 0;
box-shadow: none;
}
.form-control::-webkit-input-placeholder {
color: #9b9b9b;
opacity: 1;
}
.form-control::-moz-placeholder {
color: #9b9b9b;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #9b9b9b;
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #9b9b9b;
opacity: 1;
}
.form-control::placeholder {
color: #9b9b9b;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
/* form */
.form-check input{
display: none;
}
.form-check {
padding-left: 0;
}
.form-check-label {
cursor: pointer;
color: #333; font-weight: 500;
}
.chkbox{
display: inline-block; width:24px; height:24px; margin:0 auto; margin-right: 4px; line-height: 24px; text-align: center;
border:1px solid #e3e3e3; border-radius:6px; background-color: #fff; transition: all 0.2s ease-in; font-weight: 300;
}
.chkbox.radio{
border-radius: 50%;
}
.chkbox-lg{
width:20px; height:20px;
}
.chkbox i{
width:100%; height:100%;
color:#D2DCE8; font-size: 1.6rem;
}
.form-check .form-check-input:checked + .form-check-label .chkbox{
border-color: #8BE6C9; background-color: #D8F7EC;
}
.form-check .form-check-input:checked + .form-check-label .chkbox i{
color:#222
}
.form-control-sm {
height: calc(1.7em + 0.9rem + 2px);
padding: 0.25rem 1.3rem;
font-size: 1.4rem;
border-radius: 0;
}
select.form-control-sm{
padding: 0.25rem 2.4rem 0.25rem 1.3rem;
}
.form-control-lg {
height: calc(1.5em + 3.6rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.9rem;
line-height: 1.5;
border-radius: 0;
}
.form-group.calendar{
position:relative;
}
.form-group.calendar i{
position:absolute; right:20px; top:13px;
}
.form-group.calendar img{ position:absolute; right:10px; top:12.5px;}
/* Text Color */
a:hover{
color:#FF3795;
}
a.text-primary:hover, a.text-primary:focus {
color: #333 !important;
}
.text-primary {
color: #FF3795 !important;
margin-left: 3px;
}
.text-secondary {
color: #707070 !important;
word-break: keep-all;
line-height: 2.0rem;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #707070 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #121416 !important;
}
.text-semidark {
color: #5F6F81 !important;
}
a.text-semidark:hover, a.text-dark:focus {
color: #4c5866 !important;
}
.text-darkgray {
color: #707070 !important;
}
a.text-darkgray:hover, a.text-semidark:focus {
color: #FF3795 !important;
}
.text-gray {
color: #B2BFC8 !important;
}
a.text-gray:hover, a.text-gray:focus {
color: #a7b2bb !important;
}
.text-lightgray {
color: #D2DFE8 !important;
}
a.text-lightgray:hover, a.text-lightgray:focus {
color: #cbd7df !important;
}
.text-light {
color: #E8ECF5 !important;
}
a.text-light:hover, a.text-light:focus {
color: #dfe2eb !important;
}
.text-exlight {
color: #F1F4F9 !important;
}
a.text-exlight:hover, a.text-exlight:focus {
color: #e7eaee !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-underline{
text-decoration: underline;
}
/* Borders */
.border-primary{
border-color: #222!important;
}
/* Rounded */
/*.rounded {
border-radius: 1rem !important;
}*/
/* Margin Padding */
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-05 {
margin: 0.5rem !important;
}
.mt-05,
.my-05 {
margin-top: 0.5rem !important;
}
.mr-05,
.mx-05 {
margin-right: 0.5rem !important;
}
.mb-05,
.my-05 {
margin-bottom: 0.5rem !important;
}
.ml-05,
.mx-05 {
margin-left: 0.5rem !important;
}
.m-1 {
margin: 1rem !important;
}
.mt-1,
.my-1 {
margin-top: 1rem !important;
}
.mr-1,
.mx-1 {
margin-right: 1rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 1rem !important;
}
.ml-1,
.mx-1 {
margin-left: 1rem !important;
}
.m-2 {
margin: 2rem !important;
}
.mt-2,
.my-2 {
margin-top: 2rem !important;
}
.mr-2,
.mx-2 {
margin-right: 2rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 2rem !important;
}
.ml-2,
.mx-2 {
margin-left: 2rem !important;
}
.m-3 {
margin: 3rem !important;
}
.mt-3,
.my-3 {
margin-top: 3rem !important;
}
.mr-3,
.mx-3 {
margin-right: 3rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 3rem !important;
}
.ml-3,
.mx-3 {
margin-left: 3rem !important;
}
.m-4 {
margin: 4rem !important;
}
.mt-4,
.my-4 {
margin-top: 4rem !important;
}
.mr-4,
.mx-4 {
margin-right: 4rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 4rem !important;
}
.ml-4,
.mx-4 {
margin-left: 4rem !important;
}
.m-5 {
margin: 5rem !important;
}
.mt-5,
.my-5 {
margin-top: 5rem !important;
}
.mr-5,
.mx-5 {
margin-right: 5rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 5rem !important;
}
.ml-5,
.mx-5 {
margin-left: 5rem !important;
}
.mt-10,
.my-10 {
margin-top: 1.5rem !important;
}
.m-15 {
margin: 1.5rem !important;
}
.mt-15,
.my-15 {
margin-top: 1.5rem !important;
}
.mr-15,
.mx-15 {
margin-right: 1.5rem !important;
}
.mb-15,
.my-15 {
margin-bottom: 1.5rem !important;
}
.ml-15,
.mx-15 {
margin-left: 1.5rem !important;
}
.mt-20{margin-top: 2rem }
.m-25 {
margin: 2.5rem !important;
}
.mt-25,
.my-25 {
margin-top: 2.5rem !important;
}
.mr-25,
.mx-25 {
margin-right: 2.5rem !important;
}
.mb-25,
.my-25 {
margin-bottom: 2.5rem !important;
}
.ml-25,
.mx-25 {
margin-left: 2.5rem !important;
}
.m-35 {
margin: 3.5rem !important;
}
.mt-35,
.my-35 {
margin-top: 3.5rem !important;
}
.mr-35,
.mx-35 {
margin-right: 3.5rem !important;
}
.mb-35,
.my-35 {
margin-bottom: 3.5rem !important;
}
.ml-35,
.mx-35 {
margin-left: 3.5rem !important;
}
.m-45 {
margin: 4.5rem !important;
}
.mt-45,
.my-45 {
margin-top: 4.5rem !important;
}
.mr-45,
.mx-45 {
margin-right: 4.5rem !important;
}
.mb-45,
.my-45 {
margin-bottom: 4.5rem !important;
}
.ml-45,
.mx-45 {
margin-left: 4.5rem !important;
}
.mt-50{margin-top: 5rem}
.m-55 {
margin: 5.5rem !important;
}
.mt-55,
.my-55 {
margin-top: 5.5rem !important;
}
.mr-55,
.mx-55 {
margin-right: 5.5rem !important;
}
.mb-55,
.my-55 {
margin-bottom: 5.5rem !important;
}
.ml-55,
.mx-55 {
margin-left: 5.5rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-05 {
padding: 0.5rem !important;
}
.pt-05,
.py-05 {
padding-top: 0.5rem !important;
}
.pr-05,
.px-05 {
padding-right: 0.5rem !important;
}
.pb-05,
.py-05 {
padding-bottom: 0.5rem !important;
}
.pl-05,
.px-05 {
padding-left: 0.5rem !important;
}
.p-1 {
padding: 1rem !important;
}
.pt-1,
.py-1 {
padding-top: 1rem !important;
}
.pr-1,
.px-1 {
padding-right: 1rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 1rem !important;
}
.pl-1,
.px-1 {
padding-left: 1rem !important;
}
.p-2 {
padding: 2rem !important;
}
.pt-2,
.py-2 {
padding-top: 2rem !important;
}
.pr-2,
.px-2 {
padding-right: 2rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 2rem !important;
}
.pl-2,
.px-2 {
padding-left: 2rem !important;
}
.p-3 {
padding: 3rem !important;
}
.pt-3,
.py-3 {
padding-top: 3rem !important;
}
.pr-3,
.px-3 {
padding-right: 3rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 3rem !important;
}
.pl-3,
.px-3 {
padding-left: 3rem !important;
}
.p-4 {
padding: 4rem !important;
}
.pt-4,
.py-4 {
padding-top: 4rem !important;
}
.pr-4,
.px-4 {
padding-right: 4rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 4rem !important;
}
.pl-4,
.px-4 {
padding-left: 4rem !important;
}
.p-5 {
padding: 5rem !important;
}
.pt-5,
.py-5 {
padding-top: 5rem !important;
}
.pr-5,
.px-5 {
padding-right: 5rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 5rem !important;
}
.pl-5,
.px-5 {
padding-left: 5rem !important;
}
.p-15 {
padding: 1.5rem !important;
}
.pt-15,
.py-15 {
padding-top: 1.5rem !important;
}
.pr-15,
.px-15 {
padding-right: 1.5rem !important;
}
.pb-15,
.py-15 {
padding-bottom: 1.5rem !important;
}
.pl-15,
.px-15 {
padding-left: 1.5rem !important;
}
.p-25 {
padding: 2.5rem !important;
}
.pt-25,
.py-25 {
padding-top: 2.5rem !important;
}
.pr-25,
.px-25 {
padding-right: 2.5rem !important;
}
.pb-25,
.py-25 {
padding-bottom: 2.5rem !important;
}
.pl-25,
.px-25 {
padding-left: 2.5rem !important;
}
.p-35 {
padding: 3.5rem !important;
}
.pt-35,
.py-35 {
padding-top: 3.5rem !important;
}
.pr-35,
.px-35 {
padding-right: 3.5rem !important;
}
.pb-35,
.py-35 {
padding-bottom: 3.5rem !important;
}
.pl-35,
.px-35 {
padding-left: 3.5rem !important;
}
.p-45 {
padding: 4.5rem !important;
}
.pt-45,
.py-45 {
padding-top: 4.5rem !important;
}
.pr-45,
.px-45 {
padding-right: 4.5rem !important;
}
.pb-45,
.py-45 {
padding-bottom: 4.5rem !important;
}
.pl-45,
.px-45 {
padding-left: 4.5rem !important;
}
.p-55 {
padding: 5.5rem !important;
}
.pt-55,
.py-55 {
padding-top: 5.5rem !important;
}
.pr-55,
.px-55 {
padding-right: 5.5rem !important;
}
.pb-55,
.py-55 {
padding-bottom: 5.5rem !important;
}
.pl-55,
.px-55 {
padding-left: 5.5rem !important;
}
.m-n05 {
margin: -0.5rem !important;
}
.mt-n05,
.my-n05 {
margin-top: -0.5rem !important;
}
.mr-n05,
.mx-n05 {
margin-right: -0.5rem !important;
}
.mb-n05,
.my-n05 {
margin-bottom: -0.5rem !important;
}
.ml-n05,
.mx-n05 {
margin-left: -0.5rem !important;
}
.m-n1 {
margin: -1rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -1rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -1rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -1rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -1rem !important;
}
.m-n2 {
margin: -2rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -2rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -2rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -2rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -2rem !important;
}
.m-n3 {
margin: -3rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -3rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -3rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -3rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -3rem !important;
}
.m-n4 {
margin: -4rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -4rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -4rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -4rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -4rem !important;
}
.m-n5 {
margin: -5rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -5rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -5rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -5rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -5rem !important;
}
.m-n1 {
margin: -1rem !important;
}
.mt-n15,
.my-n15 {
margin-top: -1.5rem !important;
}
.mr-n15,
.mx-n15 {
margin-right: -1.5rem !important;
}
.mb-n15,
.my-n15 {
margin-bottom: -1.5rem !important;
}
.ml-n15,
.mx-n15 {
margin-left: -1.5rem !important;
}
.m-n25 {
margin: -2.5rem !important;
}
.mt-n25,
.my-n25 {
margin-top: -2.5rem !important;
}
.mr-n25,
.mx-n25 {
margin-right: -2.5rem !important;
}
.mb-n25,
.my-n25 {
margin-bottom: -2.5rem !important;
}
.ml-n25,
.mx-n25 {
margin-left: -2.5rem !important;
}
.m-n35 {
margin: -3.5rem !important;
}
.mt-n35,
.my-n35 {
margin-top: -3.5rem !important;
}
.mr-n35,
.mx-n35 {
margin-right: -3.5rem !important;
}
.mb-n35,
.my-n35 {
margin-bottom: -3.5rem !important;
}
.ml-n35,
.mx-n35 {
margin-left: -3.5rem !important;
}
.m-n45 {
margin: -4.5rem !important;
}
.mt-n45,
.my-n45 {
margin-top: -4.5rem !important;
}
.mr-n45,
.mx-n45 {
margin-right: -4.5rem !important;
}
.mb-n45,
.my-n45 {
margin-bottom: -4.5rem !important;
}
.ml-n45,
.mx-n45 {
margin-left: -4.5rem !important;
}
.m-n55 {
margin: -5.5rem !important;
}
.mt-n55,
.my-n55 {
margin-top: -5.5rem !important;
}
.mr-n55,
.mx-n55 {
margin-right: -5.5rem !important;
}
.mb-n55,
.my-n55 {
margin-bottom: -5.5rem !important;
}
.ml-n55,
.mx-n55 {
margin-left: -5.5rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
/* .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -20px;
margin-left: -20px;
} */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 10px;
padding-left: 10px;
}
.btn {
/* padding: 1.3rem 3.2rem; */
font-size: 1.4rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.8rem 2rem;
}
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-05 {
margin: 0.5rem !important;
}
.mt-sm-05,
.my-sm-05 {
margin-top: 0.5rem !important;
}
.mr-sm-05,
.mx-sm-05 {
margin-right: 0.5rem !important;
}
.mb-sm-05,
.my-sm-05 {
margin-bottom: 0.5rem !important;
}
.ml-sm-05,
.mx-sm-05 {
margin-left: 0.5rem !important;
}
.m-sm-1 {
margin: 1rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 1rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 1rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 1rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 1rem !important;
}
.m-sm-2 {
margin: 2rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 2rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 2rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 2rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 2rem !important;
}
.m-sm-3 {
margin: 3rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 3rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 3rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 3rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 3rem !important;
}
.m-sm-4 {
margin: 4rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 4rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 4rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 4rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 4rem !important;
}
.m-sm-5 {
margin: 5rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 5rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 5rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 5rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 5rem !important;
}
.mt-sm-15,
.my-sm-15 {
margin-top: 1.5rem !important;
}
.mr-sm-15,
.mx-sm-15 {
margin-right: 1.5rem !important;
}
.mb-sm-15,
.my-sm-15 {
margin-bottom: 1.5rem !important;
}
.ml-sm-15,
.mx-sm-15 {
margin-left: 1.5rem !important;
}
.m-sm-25 {
margin: 2.5rem !important;
}
.mt-sm-25,
.my-sm-25 {
margin-top: 2.5rem !important;
}
.mr-sm-25,
.mx-sm-25 {
margin-right: 2.5rem !important;
}
.mb-sm-25,
.my-sm-25 {
margin-bottom: 2.5rem !important;
}
.ml-sm-25,
.mx-sm-25 {
margin-left: 2.5rem !important;
}
.m-sm-35 {
margin: 3.5rem !important;
}
.mt-sm-35,
.my-sm-35 {
margin-top: 3.5rem !important;
}
.mr-sm-35,
.mx-sm-35 {
margin-right: 3.5rem !important;
}
.mb-sm-35,
.my-sm-35 {
margin-bottom: 3.5rem !important;
}
.ml-sm-35,
.mx-sm-35 {
margin-left: 3.5rem !important;
}
.m-sm-45 {
margin: 4.5rem !important;
}
.mt-sm-45,
.my-sm-45 {
margin-top: 4.5rem !important;
}
.mr-sm-45,
.mx-sm-45 {
margin-right: 4.5rem !important;
}
.mb-sm-45,
.my-sm-45 {
margin-bottom: 4.5rem !important;
}
.ml-sm-45,
.mx-sm-45 {
margin-left: 4.5rem !important;
}
.m-sm-55 {
margin: 5.5rem !important;
}
.mt-sm-55,
.my-sm-55 {
margin-top: 5.5rem !important;
}
.mr-sm-55,
.mx-sm-55 {
margin-right: 5.5rem !important;
}
.mb-sm-55,
.my-sm-55 {
margin-bottom: 5.5rem !important;
}
.ml-sm-55,
.mx-sm-55 {
margin-left: 5.5rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-05 {
padding: 0.5 !important;
}
.pt-sm-05,
.py-sm-05 {
padding-top: 0.5 !important;
}
.pr-sm-05,
.px-sm-05 {
padding-right: 0.5 !important;
}
.pb-sm-05,
.py-sm-05 {
padding-bottom: 0.5 !important;
}
.pl-sm-05,
.px-sm-05 {
padding-left: 0.5 !important;
}
.p-sm-1 {
padding: 1rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 1rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 1rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 1rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 1rem !important;
}
.p-sm-2 {
padding: 2rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 2rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 2rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 2rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 2rem !important;
}
.p-sm-3 {
padding: 3rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 3rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 3rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 3rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 3rem !important;
}
.p-sm-4 {
padding: 4rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 4rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 4rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 4rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 4rem !important;
}
.p-sm-5 {
padding: 5rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 5rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 5rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 5rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 5rem !important;
}
.p-sm-15 {
padding: 1.5rem !important;
}
.pt-sm-15,
.py-sm-15 {
padding-top: 1.5rem !important;
}
.pr-sm-15,
.px-sm-15 {
padding-right: 1.5rem !important;
}
.pb-sm-15,
.py-sm-15 {
padding-bottom: 1.5rem !important;
}
.pl-sm-15,
.px-sm-15 {
padding-left: 1.5rem !important;
}
.p-sm-25 {
padding: 2.5rem !important;
}
.pt-sm-25,
.py-sm-25 {
padding-top: 2.5rem !important;
}
.pr-sm-25,
.px-sm-25 {
padding-right: 2.5rem !important;
}
.pb-sm-25,
.py-sm-25 {
padding-bottom: 2.5rem !important;
}
.pl-sm-25,
.px-sm-25 {
padding-left: 2.5rem !important;
}
.p-sm-35 {
padding: 3.5rem !important;
}
.pt-sm-35,
.py-sm-35 {
padding-top: 3.5rem !important;
}
.pr-sm-35,
.px-sm-35 {
padding-right: 3.5rem !important;
}
.pb-sm-35,
.py-sm-35 {
padding-bottom: 3.5rem !important;
}
.pl-sm-35,
.px-sm-35 {
padding-left: 3.5rem !important;
}
.p-sm-45 {
padding: 4.5rem !important;
}
.pt-sm-45,
.py-sm-45 {
padding-top: 4.5rem !important;
}
.pr-sm-45,
.px-sm-45 {
padding-right: 4.5rem !important;
}
.pb-sm-45,
.py-sm-45 {
padding-bottom: 4.5rem !important;
}
.pl-sm-45,
.px-sm-45 {
padding-left: 4.5rem !important;
}
.p-sm-55 {
padding: 5.5rem !important;
}
.pt-sm-55,
.py-sm-55 {
padding-top: 5.5rem !important;
}
.pr-sm-55,
.px-sm-55 {
padding-right: 5.5rem !important;
}
.pb-sm-55,
.py-sm-55 {
padding-bottom: 5.5rem !important;
}
.pl-sm-55,
.px-sm-55 {
padding-left: 5.5rem !important;
}
.m-sm-n05 {
margin: -0.5rem !important;
}
.mt-sm-n05,
.my-sm-n05 {
margin-top: -0.5rem !important;
}
.mr-sm-n05,
.mx-sm-n05 {
margin-right: -0.5rem !important;
}
.mb-sm-n05,
.my-sm-n05 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n05,
.mx-sm-n05 {
margin-left: -0.5rem !important;
}
.m-sm-n1 {
margin: -1rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -1rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -1rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -1rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -1rem !important;
}
.m-sm-n2 {
margin: -2rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -2rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -2rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -2rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -2rem !important;
}
.m-sm-n3 {
margin: -3rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -3rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -3rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -3rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -3rem !important;
}
.m-sm-n4 {
margin: -4rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -4rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -4rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -4rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -4rem !important;
}
.m-sm-n5 {
margin: -5rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -5rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -5rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -5rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -5rem !important;
}
.m-sm-n15 {
margin: -1.5rem !important;
}
.mt-sm-n15,
.my-sm-n15 {
margin-top: -1.5rem !important;
}
.mr-sm-n15,
.mx-sm-n15 {
margin-right: -1.5rem !important;
}
.mb-sm-n15,
.my-sm-n15 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n15,
.mx-sm-n15 {
margin-left: -1.5rem !important;
}
.m-sm-n25 {
margin: -2.5rem !important;
}
.mt-sm-n25,
.my-sm-n25 {
margin-top: -2.5rem !important;
}
.mr-sm-n25,
.mx-sm-n25 {
margin-right: -2.5rem !important;
}
.mb-sm-n25,
.my-sm-n25 {
margin-bottom: -2.5rem !important;
}
.ml-sm-n25,
.mx-sm-n25 {
margin-left: -2.5rem !important;
}
.m-sm-n35 {
margin: -3.5rem !important;
}
.mt-sm-n35,
.my-sm-n35 {
margin-top: -3.5rem !important;
}
.mr-sm-n35,
.mx-sm-n35 {
margin-right: -3.5rem !important;
}
.mb-sm-n35,
.my-sm-n35 {
margin-bottom: -3.5rem !important;
}
.ml-sm-n35,
.mx-sm-n35 {
margin-left: -3.5rem !important;
}
.m-sm-n45 {
margin: -4.5rem !important;
}
.mt-sm-n45,
.my-sm-n45 {
margin-top: -4.5rem !important;
}
.mr-sm-n45,
.mx-sm-n45 {
margin-right: -4.5rem !important;
}
.mb-sm-n45,
.my-sm-n45 {
margin-bottom: -4.5rem !important;
}
.ml-sm-n45,
.mx-sm-n45 {
margin-left: -4.5rem !important;
}
.m-sm-n55 {
margin: -5.5rem !important;
}
.mt-sm-n55,
.my-sm-n55 {
margin-top: -5.5rem !important;
}
.mr-sm-n55,
.mx-sm-n55 {
margin-right: -5.5rem !important;
}
.mb-sm-n55,
.my-sm-n55 {
margin-bottom: -5.5rem !important;
}
.ml-sm-n55,
.mx-sm-n55 {
margin-left: -5.5rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
h2, .h2 {
font-size: 2.4rem; font-weight: 700;
}
h3, .h3{
font-size: 2.0rem;
}
h4, .h4 {
font-size: 1.8rem;
}
.btn-lg, .btn-group-lg > .btn {
padding: 1.75rem 6rem;
font-size: 1.9rem;
line-height: 1.5;
}
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-05 {
margin: 0.5rem !important;
}
.mt-md-05,
.my-md-05 {
margin-top: 0.5rem !important;
}
.mr-md-05,
.mx-md-05 {
margin-right: 0.5rem !important;
}
.mb-md-05,
.my-md-05 {
margin-bottom: 0.5rem !important;
}
.ml-md-05,
.mx-md-05 {
margin-left: 0.5rem !important;
}
.m-md-1 {
margin: 1rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 1rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 1rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 1rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 1rem !important;
}
.m-md-2 {
margin: 2rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 2rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 2rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 2rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 2rem !important;
}
.m-md-3 {
margin: 3rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 3rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 3rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 3rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 3rem !important;
}
.m-md-4 {
margin: 4rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 4rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 4rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 4rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 4rem !important;
}
.m-md-5 {
margin: 5rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 5rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 5rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 5rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 5rem !important;
}
.m-md-15 {
margin: 1.5rem !important;
}
.mt-md-15,
.my-md-15 {
margin-top: 1.5rem !important;
}
.mr-md-15,
.mx-md-15 {
margin-right: 1.5rem !important;
}
.mb-md-15,
.my-md-15 {
margin-bottom: 1.5rem !important;
}
.ml-md-15,
.mx-md-15 {
margin-left: 1.5rem !important;
}
.m-md-25 {
margin: 2.5rem !important;
}
.mt-md-25,
.my-md-25 {
margin-top: 2.5rem !important;
}
.mr-md-25,
.mx-md-25 {
margin-right: 2.5rem !important;
}
.mb-md-25,
.my-md-25 {
margin-bottom: 2.5rem !important;
}
.ml-md-25,
.mx-md-25 {
margin-left: 2.5rem !important;
}
.m-md-35 {
margin: 3.5rem !important;
}
.mt-md-35,
.my-md-35 {
margin-top: 3.5rem !important;
}
.mr-md-35,
.mx-md-35 {
margin-right: 3.5rem !important;
}
.mb-md-35,
.my-md-35 {
margin-bottom: 3.5rem !important;
}
.ml-md-35,
.mx-md-35 {
margin-left: 3.5rem !important;
}
.m-md-45 {
margin: 4.5rem !important;
}
.mt-md-45,
.my-md-45 {
margin-top: 4.5rem !important;
}
.mr-md-45,
.mx-md-45 {
margin-right: 4.5rem !important;
}
.mb-md-45,
.my-md-45 {
margin-bottom: 4.5rem !important;
}
.ml-md-45,
.mx-md-45 {
margin-left: 4.5rem !important;
}
.m-md-55 {
margin: 5.5rem !important;
}
.mt-md-55,
.my-md-55 {
margin-top: 5.5rem !important;
}
.mr-md-55,
.mx-md-55 {
margin-right: 5.5rem !important;
}
.mb-md-55,
.my-md-55 {
margin-bottom: 5.5rem !important;
}
.ml-md-55,
.mx-md-55 {
margin-left: 5.5rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-05 {
padding: 0.5rem !important;
}
.pt-md-05,
.py-md-05 {
padding-top: 0.5rem !important;
}
.pr-md-05,
.px-md-05 {
padding-right: 0.5rem !important;
}
.pb-md-05,
.py-md-05 {
padding-bottom: 0.5rem !important;
}
.pl-md-05,
.px-md-05 {
padding-left: 0.5rem !important;
}
.p-md-1 {
padding: 1rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 1rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 1rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 1rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 1rem !important;
}
.p-md-2 {
padding: 2rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 2rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 2rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 2rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 2rem !important;
}
.p-md-3 {
padding: 3rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 3rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 3rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 3rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 3rem !important;
}
.p-md-4 {
padding: 4rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 4rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 4rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 4rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 4rem !important;
}
.p-md-5 {
padding: 5rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 5rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 5rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 5rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 5rem !important;
}
.p-md-15 {
padding: 1.5rem !important;
}
.pt-md-15,
.py-md-15 {
padding-top: 1.5rem !important;
}
.pr-md-15,
.px-md-15 {
padding-right: 1.5rem !important;
}
.pb-md-15,
.py-md-15 {
padding-bottom: 1.5rem !important;
}
.pl-md-15,
.px-md-15 {
padding-left: 1.5rem !important;
}
.p-md-25 {
padding: 2.5rem !important;
}
.pt-md-25,
.py-md-25 {
padding-top: 2.5rem !important;
}
.pr-md-25,
.px-md-25 {
padding-right: 2.5rem !important;
}
.pb-md-25,
.py-md-25 {
padding-bottom: 2.5rem !important;
}
.pl-md-25,
.px-md-25 {
padding-left: 2.5rem !important;
}
.p-md-35 {
padding: 3.5rem !important;
}
.pt-md-35,
.py-md-35 {
padding-top: 3.5rem !important;
}
.pr-md-35,
.px-md-35 {
padding-right: 3.5rem !important;
}
.pb-md-35,
.py-md-35 {
padding-bottom: 3.5rem !important;
}
.pl-md-35,
.px-md-35 {
padding-left: 3.5rem !important;
}
.p-md-45 {
padding: 4.5rem !important;
}
.pt-md-45,
.py-md-45 {
padding-top: 4.5rem !important;
}
.pr-md-45,
.px-md-45 {
padding-right: 4.5rem !important;
}
.pb-md-45,
.py-md-45 {
padding-bottom: 4.5rem !important;
}
.pl-md-45,
.px-md-45 {
padding-left: 4.5rem !important;
}
.p-md-55 {
padding: 5.5rem !important;
}
.pt-md-55,
.py-md-55 {
padding-top: 5.5rem !important;
}
.pr-md-55,
.px-md-55 {
padding-right: 5.5rem !important;
}
.pb-md-55,
.py-md-55 {
padding-bottom: 5.5rem !important;
}
.pl-md-55,
.px-md-55 {
padding-left: 5.5rem !important;
}
.m-md-n05 {
margin: -0.5rem !important;
}
.mt-md-n05,
.my-md-n05 {
margin-top: -0.5rem !important;
}
.mr-md-n05,
.mx-md-n05 {
margin-right: -0.5rem !important;
}
.mb-md-n05,
.my-md-n05 {
margin-bottom: -0.5rem !important;
}
.ml-md-n05,
.mx-md-n05 {
margin-left: -0.5rem !important;
}
.m-md-n1 {
margin: -1rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -1rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -1rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -1rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -1rem !important;
}
.m-md-n2 {
margin: -2rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -2rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -2rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -2rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -2rem !important;
}
.m-md-n3 {
margin: -3rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -3rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -3rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -3rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -3rem !important;
}
.m-md-n4 {
margin: -4rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -4rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -4rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -4rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -4rem !important;
}
.m-md-n5 {
margin: -5rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -5rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -5rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -5rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -5rem !important;
}
.m-md-n15 {
margin: -1.5rem !important;
}
.mt-md-n15,
.my-md-n15 {
margin-top: -1.5rem !important;
}
.mr-md-n15,
.mx-md-n15 {
margin-right: -1.5rem !important;
}
.mb-md-n15,
.my-md-n15 {
margin-bottom: -1.5rem !important;
}
.ml-md-n15,
.mx-md-n15 {
margin-left: -1.5rem !important;
}
.m-md-n25 {
margin: -2.5rem !important;
}
.mt-md-n25,
.my-md-n25 {
margin-top: -2.5rem !important;
}
.mr-md-n25,
.mx-md-n25 {
margin-right: -2.5rem !important;
}
.mb-md-n25,
.my-md-n25 {
margin-bottom: -2.5rem !important;
}
.ml-md-n25,
.mx-md-n25 {
margin-left: -2.5rem !important;
}
.m-md-n35 {
margin: -3.5rem !important;
}
.mt-md-n35,
.my-md-n35 {
margin-top: -3.5rem !important;
}
.mr-md-n35,
.mx-md-n35 {
margin-right: -3.5rem !important;
}
.mb-md-n35,
.my-md-n35 {
margin-bottom: -3.5rem !important;
}
.ml-md-n35,
.mx-md-n35 {
margin-left: -3.5rem !important;
}
.m-md-n45 {
margin: -4.5rem !important;
}
.mt-md-n45,
.my-md-n45 {
margin-top: -4.5rem !important;
}
.mr-md-n45,
.mx-md-n45 {
margin-right: -4.5rem !important;
}
.mb-md-n45,
.my-md-n45 {
margin-bottom: -4.5rem !important;
}
.ml-md-n45,
.mx-md-n45 {
margin-left: -4.5rem !important;
}
.m-md-n55 {
margin: -5.5rem !important;
}
.mt-md-n55,
.my-md-n55 {
margin-top: -5.5rem !important;
}
.mr-md-n55,
.mx-md-n55 {
margin-right: -5.5rem !important;
}
.mb-md-n55,
.my-md-n55 {
margin-bottom: -5.5rem !important;
}
.ml-md-n55,
.mx-md-n55 {
margin-left: -5.5rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
h2, .h2 {
font-size: 2.8rem; font-weight: 700;
}
h3, .h3 {
font-size: 2.2rem; font-weight: 700;
}
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-05 {
margin: 0.5rem !important;
}
.mt-lg-05,
.my-lg-05 {
margin-top: 0.5rem !important;
}
.mr-lg-05,
.mx-lg-05 {
margin-right: 0.5rem !important;
}
.mb-lg-05,
.my-lg-05 {
margin-bottom: 0.5rem !important;
}
.ml-lg-05,
.mx-lg-05 {
margin-left: 0.5rem !important;
}
.m-lg-1 {
margin: 1rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 1rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 1rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 1rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 1rem !important;
}
.m-lg-2 {
margin: 2rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 2rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 2rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 2rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 2rem !important;
}
.m-lg-3 {
margin: 3rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 3rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 3rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 3rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 3rem !important;
}
.m-lg-4 {
margin: 4rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 4rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 4rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 4rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 4rem !important;
}
.m-lg-5 {
margin: 5rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 5rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 5rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 5rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 5rem !important;
}
.m-lg-15 {
margin: 1.5rem !important;
}
.mt-lg-15,
.my-lg-15 {
margin-top: 1.5rem !important;
}
.mr-lg-15,
.mx-lg-15 {
margin-right: 1.5rem !important;
}
.mb-lg-15,
.my-lg-15 {
margin-bottom: 1.5rem !important;
}
.ml-lg-15,
.mx-lg-15 {
margin-left: 1.5rem !important;
}
.m-lg-25 {
margin: 2.5rem !important;
}
.mt-lg-25,
.my-lg-25 {
margin-top: 2.5rem !important;
}
.mr-lg-25,
.mx-lg-25 {
margin-right: 2.5rem !important;
}
.mb-lg-25,
.my-lg-25 {
margin-bottom: 2.5rem !important;
}
.ml-lg-25,
.mx-lg-25 {
margin-left: 2.5rem !important;
}
.m-lg-35 {
margin: 3.5rem !important;
}
.mt-lg-35,
.my-lg-35 {
margin-top: 3.5rem !important;
}
.mr-lg-35,
.mx-lg-35 {
margin-right: 3.5rem !important;
}
.mb-lg-35,
.my-lg-35 {
margin-bottom: 3.5rem !important;
}
.ml-lg-35,
.mx-lg-35 {
margin-left: 3.5rem !important;
}
.m-lg-45 {
margin: 4.5rem !important;
}
.mt-lg-45,
.my-lg-45 {
margin-top: 4.5rem !important;
}
.mr-lg-45,
.mx-lg-45 {
margin-right: 4.5rem !important;
}
.mb-lg-45,
.my-lg-45 {
margin-bottom: 4.5rem !important;
}
.ml-lg-45,
.mx-lg-45 {
margin-left: 4.5rem !important;
}
.m-lg-55 {
margin: 5.5rem !important;
}
.mt-lg-55,
.my-lg-55 {
margin-top: 5.5rem !important;
}
.mr-lg-55,
.mx-lg-55 {
margin-right: 5.5rem !important;
}
.mb-lg-55,
.my-lg-55 {
margin-bottom: 5.5rem !important;
}
.ml-lg-55,
.mx-lg-55 {
margin-left: 5.5rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-05 {
padding: 0.5rem !important;
}
.pt-lg-05,
.py-lg-05 {
padding-top: 0.5rem !important;
}
.pr-lg-05,
.px-lg-05 {
padding-right: 0.5rem !important;
}
.pb-lg-05,
.py-lg-05 {
padding-bottom: 0.5rem !important;
}
.pl-lg-05,
.px-lg-05 {
padding-left: 0.5rem !important;
}
.p-lg-1 {
padding: 1rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 1rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 1rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 1rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 1rem !important;
}
.p-lg-2 {
padding: 2rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 2rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 2rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 2rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 2rem !important;
}
.p-lg-3 {
padding: 3rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 3rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 3rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 3rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 3rem !important;
}
.p-lg-4 {
padding: 4rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 4rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 4rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 4rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 4rem !important;
}
.p-lg-5 {
padding: 5rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 5rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 5rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 5rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 5rem !important;
}
.p-lg-15 {
padding: 1.5rem !important;
}
.pt-lg-15,
.py-lg-15 {
padding-top: 1.5rem !important;
}
.pr-lg-15,
.px-lg-15 {
padding-right: 1.5rem !important;
}
.pb-lg-15,
.py-lg-15 {
padding-bottom: 1.5rem !important;
}
.pl-lg-15,
.px-lg-15 {
padding-left: 1.5rem !important;
}
.p-lg-25 {
padding: 2.5rem !important;
}
.pt-lg-25,
.py-lg-25 {
padding-top: 2.5rem !important;
}
.pr-lg-25,
.px-lg-25 {
padding-right: 2.5rem !important;
}
.pb-lg-25,
.py-lg-25 {
padding-bottom: 2.5rem !important;
}
.pl-lg-25,
.px-lg-25 {
padding-left: 2.5rem !important;
}
.p-lg-35 {
padding: 3.5rem !important;
}
.pt-lg-35,
.py-lg-35 {
padding-top: 3.5rem !important;
}
.pr-lg-35,
.px-lg-35 {
padding-right: 3.5rem !important;
}
.pb-lg-35,
.py-lg-35 {
padding-bottom: 3.5rem !important;
}
.pl-lg-35,
.px-lg-35 {
padding-left: 3.5rem !important;
}
.p-lg-45 {
padding: 4.5rem !important;
}
.pt-lg-45,
.py-lg-45 {
padding-top: 4.5rem !important;
}
.pr-lg-45,
.px-lg-45 {
padding-right: 4.5rem !important;
}
.pb-lg-45,
.py-lg-45 {
padding-bottom: 4.5rem !important;
}
.pl-lg-45,
.px-lg-45 {
padding-left: 4.5rem !important;
}
.p-lg-55 {
padding: 5.5rem !important;
}
.pt-lg-55,
.py-lg-55 {
padding-top: 5.5rem !important;
}
.pr-lg-55,
.px-lg-55 {
padding-right: 5.5rem !important;
}
.pb-lg-55,
.py-lg-55 {
padding-bottom: 5.5rem !important;
}
.pl-lg-55,
.px-lg-55 {
padding-left: 5.5rem !important;
}
.m-lg-n05 {
margin: -0.5rem !important;
}
.mt-lg-n05,
.my-lg-n05 {
margin-top: -0.5rem !important;
}
.mr-lg-n05,
.mx-lg-n05 {
margin-right: -0.5rem !important;
}
.mb-lg-n05,
.my-lg-n05 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n05,
.mx-lg-n05 {
margin-left: -0.5rem !important;
}
.m-lg-n1 {
margin: -1rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -1rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -1rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -1rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -1rem !important;
}
.m-lg-n2 {
margin: -2rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -2rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -2rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -2rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -2rem !important;
}
.m-lg-n3 {
margin: -3rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -3rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -3rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -3rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -3rem !important;
}
.m-lg-n4 {
margin: -4rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -4rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -4rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -4rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -4rem !important;
}
.m-lg-n5 {
margin: -5rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -5rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -5rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -5rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -5rem !important;
}
.m-lg-n15 {
margin: -1.5rem !important;
}
.mt-lg-n15,
.my-lg-n15 {
margin-top: -1.5rem !important;
}
.mr-lg-n15,
.mx-lg-n15 {
margin-right: -1.5rem !important;
}
.mb-lg-n15,
.my-lg-n15 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n15,
.mx-lg-n15 {
margin-left: -1.5rem !important;
}
.m-lg-n25 {
margin: -2.5rem !important;
}
.mt-lg-n25,
.my-lg-n25 {
margin-top: -2.5rem !important;
}
.mr-lg-n25,
.mx-lg-n25 {
margin-right: -2.5rem !important;
}
.mb-lg-n25,
.my-lg-n25 {
margin-bottom: -2.5rem !important;
}
.ml-lg-n25,
.mx-lg-n25 {
margin-left: -2.5rem !important;
}
.m-lg-n35 {
margin: -3.5rem !important;
}
.mt-lg-n35,
.my-lg-n35 {
margin-top: -3.5rem !important;
}
.mr-lg-n35,
.mx-lg-n35 {
margin-right: -3.5rem !important;
}
.mb-lg-n35,
.my-lg-n35 {
margin-bottom: -3.5rem !important;
}
.ml-lg-n35,
.mx-lg-n35 {
margin-left: -3.5rem !important;
}
.m-lg-n45 {
margin: -4.5rem !important;
}
.mt-lg-n45,
.my-lg-n45 {
margin-top: -4.5rem !important;
}
.mr-lg-n45,
.mx-lg-n45 {
margin-right: -4.5rem !important;
}
.mb-lg-n45,
.my-lg-n45 {
margin-bottom: -4.5rem !important;
}
.ml-lg-n45,
.mx-lg-n45 {
margin-left: -4.5rem !important;
}
.m-lg-n55 {
margin: -5.5rem !important;
}
.mt-lg-n55,
.my-lg-n55 {
margin-top: -5.5rem !important;
}
.mr-lg-n55,
.mx-lg-n55 {
margin-right: -5.5rem !important;
}
.mb-lg-n55,
.my-lg-n55 {
margin-bottom: -5.5rem !important;
}
.ml-lg-n55,
.mx-lg-n55 {
margin-left: -5.5rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
.btn-flex{display: flex; align-items: center; gap:10px;}
.btn-flex .btn-block + .btn-block{margin-top: 0;}
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 3.2rem; font-weight: 700;
}
h3, .h3 {
font-size: 2.4rem; font-weight: 700;
}
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-05 {
margin: 0.5rem !important;
}
.mt-xl-05,
.my-xl-05 {
margin-top: 0.5rem !important;
}
.mr-xl-05,
.mx-xl-05 {
margin-right: 0.5rem !important;
}
.mb-xl-05,
.my-xl-05 {
margin-bottom: 0.5rem !important;
}
.ml-xl-05,
.mx-xl-05 {
margin-left: 0.5rem !important;
}
.m-xl-1 {
margin: 1rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 1rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 1rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 1rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 1rem !important;
}
.m-xl-2 {
margin: 2rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 2rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 2rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 2rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 2rem !important;
}
.m-xl-3 {
margin: 3rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 3rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 3rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 3rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 3rem !important;
}
.m-xl-4 {
margin: 4rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 4rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 4rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 4rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 4rem !important;
}
.m-xl-5 {
margin: 5rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 5rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 5rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 5rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 5rem !important;
}
.m-xl-15 {
margin: 1.5rem !important;
}
.mt-xl-15,
.my-xl-15 {
margin-top: 1.5rem !important;
}
.mr-xl-15,
.mx-xl-15 {
margin-right: 1.5rem !important;
}
.mb-xl-15,
.my-xl-15 {
margin-bottom: 1.5rem !important;
}
.ml-xl-15,
.mx-xl-15 {
margin-left: 1.5rem !important;
}
.m-xl-25 {
margin: 2.5rem !important;
}
.mt-xl-25,
.my-xl-25 {
margin-top: 2.5rem !important;
}
.mr-xl-25,
.mx-xl-25 {
margin-right: 2.5rem !important;
}
.mb-xl-25,
.my-xl-25 {
margin-bottom: 2.5rem !important;
}
.ml-xl-25,
.mx-xl-25 {
margin-left: 2.5rem !important;
}
.m-xl-35 {
margin: 3.5rem !important;
}
.mt-xl-35,
.my-xl-35 {
margin-top: 3.5rem !important;
}
.mr-xl-35,
.mx-xl-35 {
margin-right: 3.5rem !important;
}
.mb-xl-35,
.my-xl-35 {
margin-bottom: 3.5rem !important;
}
.ml-xl-35,
.mx-xl-35 {
margin-left: 3.5rem !important;
}
.m-xl-45 {
margin: 4.5rem !important;
}
.mt-xl-45,
.my-xl-45 {
margin-top: 4.5rem !important;
}
.mr-xl-45,
.mx-xl-45 {
margin-right: 4.5rem !important;
}
.mb-xl-45,
.my-xl-45 {
margin-bottom: 4.5rem !important;
}
.ml-xl-45,
.mx-xl-45 {
margin-left: 4.5rem !important;
}
.m-xl-55 {
margin: 5.5rem !important;
}
.mt-xl-55,
.my-xl-55 {
margin-top: 5.5rem !important;
}
.mr-xl-55,
.mx-xl-55 {
margin-right: 5.5rem !important;
}
.mb-xl-55,
.my-xl-55 {
margin-bottom: 5.5rem !important;
}
.ml-xl-55,
.mx-xl-55 {
margin-left: 5.5rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-05 {
padding: 0.5rem !important;
}
.pt-xl-05,
.py-xl-05 {
padding-top: 0.5rem !important;
}
.pr-xl-05,
.px-xl-05 {
padding-right: 0.5rem !important;
}
.pb-xl-05,
.py-xl-05 {
padding-bottom: 0.5rem !important;
}
.pl-xl-05,
.px-xl-05 {
padding-left: 0.5rem !important;
}
.p-xl-1 {
padding: 1rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 1rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 1rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 1rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 1rem !important;
}
.p-xl-2 {
padding: 2rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 2rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 2rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 2rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 2rem !important;
}
.p-xl-3 {
padding: 3rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 3rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 3rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 3rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 3rem !important;
}
.p-xl-4 {
padding: 4rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 4rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 4rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 4rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 4rem !important;
}
.p-xl-5 {
padding: 5rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 5rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 5rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 5rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 5rem !important;
}
.p-xl-15 {
padding: 1.5rem !important;
}
.pt-xl-15,
.py-xl-15 {
padding-top: 1.5rem !important;
}
.pr-xl-15,
.px-xl-15 {
padding-right: 1.5rem !important;
}
.pb-xl-15,
.py-xl-15 {
padding-bottom: 1.5rem !important;
}
.pl-xl-15,
.px-xl-15 {
padding-left: 1.5rem !important;
}
.p-xl-25 {
padding: 2.5rem !important;
}
.pt-xl-25,
.py-xl-25 {
padding-top: 2.5rem !important;
}
.pr-xl-25,
.px-xl-25 {
padding-right: 2.5rem !important;
}
.pb-xl-25,
.py-xl-25 {
padding-bottom: 2.5rem !important;
}
.pl-xl-25,
.px-xl-25 {
padding-left: 2.5rem !important;
}
.p-xl-35 {
padding: 3.5rem !important;
}
.pt-xl-35,
.py-xl-35 {
padding-top: 3.5rem !important;
}
.pr-xl-35,
.px-xl-35 {
padding-right: 3.5rem !important;
}
.pb-xl-35,
.py-xl-35 {
padding-bottom: 3.5rem !important;
}
.pl-xl-35,
.px-xl-35 {
padding-left: 3.5rem !important;
}
.p-xl-45 {
padding: 4.5rem !important;
}
.pt-xl-45,
.py-xl-45 {
padding-top: 4.5rem !important;
}
.pr-xl-45,
.px-xl-45 {
padding-right: 4.5rem !important;
}
.pb-xl-45,
.py-xl-45 {
padding-bottom: 4.5rem !important;
}
.pl-xl-45,
.px-xl-45 {
padding-left: 4.5rem !important;
}
.p-xl-55 {
padding: 5.5rem !important;
}
.pt-xl-55,
.py-xl-55 {
padding-top: 5.5rem !important;
}
.pr-xl-55,
.px-xl-55 {
padding-right: 5.5rem !important;
}
.pb-xl-55,
.py-xl-55 {
padding-bottom: 5.5rem !important;
}
.pl-xl-55,
.px-xl-55 {
padding-left: 5.5rem !important;
}
.m-xl-n05 {
margin: -0.5rem !important;
}
.mt-xl-n05,
.my-xl-n05 {
margin-top: -0.5rem !important;
}
.mr-xl-n05,
.mx-xl-n05 {
margin-right: -0.5rem !important;
}
.mb-xl-n05,
.my-xl-n05 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n05,
.mx-xl-n05 {
margin-left: -0.5rem !important;
}
.m-xl-n1 {
margin: -1rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -1rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -1rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -1rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -1rem !important;
}
.m-xl-n2 {
margin: -2rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -2rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -2rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -2rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -2rem !important;
}
.m-xl-n3 {
margin: -3rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -3rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -3rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -3rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -3rem !important;
}
.m-xl-n4 {
margin: -4rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -4rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -4rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -4rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -4rem !important;
}
.m-xl-n5 {
margin: -5rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -5rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -5rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -5rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -5rem !important;
}
.m-xl-n15 {
margin: -1.5rem !important;
}
.mt-xl-n15,
.my-xl-n15 {
margin-top: -1.5rem !important;
}
.mr-xl-n15,
.mx-xl-n15 {
margin-right: -1.5rem !important;
}
.mb-xl-n15,
.my-xl-n15 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n15,
.mx-xl-n15 {
margin-left: -1.5rem !important;
}
.m-xl-n25 {
margin: -2.5rem !important;
}
.mt-xl-n25,
.my-xl-n25 {
margin-top: -2.5rem !important;
}
.mr-xl-n25,
.mx-xl-n25 {
margin-right: -2.5rem !important;
}
.mb-xl-n25,
.my-xl-n25 {
margin-bottom: -2.5rem !important;
}
.ml-xl-n25,
.mx-xl-n25 {
margin-left: -2.5rem !important;
}
.m-xl-n35 {
margin: -3.5rem !important;
}
.mt-xl-n35,
.my-xl-n35 {
margin-top: -3.5rem !important;
}
.mr-xl-n35,
.mx-xl-n35 {
margin-right: -3.5rem !important;
}
.mb-xl-n35,
.my-xl-n35 {
margin-bottom: -3.5rem !important;
}
.ml-xl-n35,
.mx-xl-n35 {
margin-left: -3.5rem !important;
}
.m-xl-n45 {
margin: -4.5rem !important;
}
.mt-xl-n45,
.my-xl-n45 {
margin-top: -4.5rem !important;
}
.mr-xl-n45,
.mx-xl-n45 {
margin-right: -4.5rem !important;
}
.mb-xl-n45,
.my-xl-n45 {
margin-bottom: -4.5rem !important;
}
.ml-xl-n45,
.mx-xl-n45 {
margin-left: -4.5rem !important;
}
.m-xl-n55 {
margin: -5.5rem !important;
}
.mt-xl-n55,
.my-xl-n55 {
margin-top: -5.5rem !important;
}
.mr-xl-n55,
.mx-xl-n55 {
margin-right: -5.5rem !important;
}
.mb-xl-n55,
.my-xl-n55 {
margin-bottom: -5.5rem !important;
}
.ml-xl-n55,
.mx-xl-n55 {
margin-left: -5.5rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
.pink_btn{
background-color: #F34496;
padding: 5px 10px;
border-radius: 20px;
color:#fff;
}
.login-box .btn-link{
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.top_list{
display: flex;
align-items:center;
}
.top_list li{
padding: 10px;flex-shrink: 0;
}
.top_list_icon img{
width: 30px;
}
.pd-0{
padding: 0 !important;
}
.m-0{
margin: 0 !important;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}
html{
font-size: 10px;
}
body{
font-family: 'Pretendard'; font-size: 1.6rem;
word-break: keep-all;
}
li{
list-style: none;
}
.unlist_normal{
padding-left: 20px;
}
.unlist_normal > li{
position:relative;
color:#606060; font-size: 1.4rem;
}
.unlist_normal > li:before {
content: "-"; position:absolute; left:-10px;
text-indent: -5px;
}
a{
color:inherit; /*text-decoration: none;*/
}
form{
display: block; height:auto;
}
i{vertical-align: bottom;}
select {
-webkit-appearance:none; /* for chrome */
-moz-appearance:none; /*for firefox*/
appearance:none;
}
select::-ms-expand{
display:none;/*for IE10,11*/
}
hr.dashed{
border-top:1px dashed #D2DFE8;
}
hr.light-gray{
border-color: #D2DFE8;
}
.d-lg-block{
display: block;
}
.top_btn{
display:none; position:fixed; bottom:20px; right:30px; width:60px; height:60px;
border:1px solid #D2DCE8; border-radius:50%; background-color:#fff;
color:#7C848E; font-size:40px; text-align:center; line-height:60px;
cursor:pointer; transition:background-color 0.2s ease; z-index:1030;
}
.top_btn:hover{
background-color:#F1F1F1;
}
/* Font Size */
.fs_8 {font-size: 0.8rem;}
.fs_9 {font-size: 0.9rem;}
.fs_10 {font-size: 1.0rem;}
.fs_11 {font-size: 1.1rem;}
.fs_12 {font-size: 1.2rem;}
.fs_13 {font-size: 1.3rem;}
.fs_14 {font-size: 1.4rem;}
.fs_15 {font-size: 1.5rem;}
.fs_16 {font-size: 1.6rem;}
.fs_17 {font-size: 1.7rem;}
.fs_18 {font-size: 1.8rem;}
.fs_19 {font-size: 1.9rem;}
.fs_20 {font-size: 2.0rem;}
.fs_21 {font-size: 2.1rem;}
.fs_22 {font-size: 2.2rem;}
.fs_23 {font-size: 2.3rem;}
.fs_24 {font-size: 2.4rem;}
.fs_25 {font-size: 2.5rem;}
.fs_26 {font-size: 2.6rem;}
.fs_27 {font-size: 2.7rem;}
.fs_28 {font-size: 2.8rem;}
.fs_29 {font-size: 2.9rem;}
.fs_30 {font-size: 3.0rem;}
.fs_31 {font-size: 3.1rem;}
.fs_32 {font-size: 3.2rem;}
.fs_33 {font-size: 3.3rem;}
.fs_34 {font-size: 3.4rem;}
.fs_35 {font-size: 3.5rem;}
.fs_36 {font-size: 3.6rem;}
.fs_37 {font-size: 3.7rem;}
.fs_38 {font-size: 3.8rem;}
.fs_39 {font-size: 3.9rem;}
.fs_40 {font-size: 4.0rem;}
.fs_41 {font-size: 4.1rem;}
.fs_42 {font-size: 4.2rem;}
.fs_43 {font-size: 4.3rem;}
.fs_44 {font-size: 4.4rem;}
.fs_45 {font-size: 4.5rem;}
.fs_46 {font-size: 4.6rem;}
.fs_47 {font-size: 4.7rem;}
.fs_48 {font-size: 4.8rem;}
.fs_49 {font-size: 4.9rem;}
.fs_50 {font-size: 5.0rem;}
.fs_51 {font-size: 5.1rem;}
.fs_52 {font-size: 5.2rem;}
/* Font Weight */
.fw_100 {font-weight: 100;}
.fw_200 {font-weight: 200;}
.fw_300 {font-weight: 300;}
.fw_400 {font-weight: 400;}
.fw_500 {font-weight: 500;}
.fw_600 {font-weight: 600;}
.fw_700 {font-weight: 700;}
.fw_800 {font-weight: 800;}
.fw_900 {font-weight: 900;}
.pb_2 {padding-bottom: 2px;}
.mt_10 {margin-top: 10px;}
.mb_30 {margin-bottom: 30px;}
.mb_20 {margin-bottom: 20px;}
.mb_10 {margin-bottom: 10px;}
.mb_8 {margin-bottom: 8px;}
.mb_5 {margin-bottom: 5px;}
.mb_3 {margin-bottom: 3px;}
.mr_4 {margin-right: 4px;}
.mr_5 {margin-right: 5px;}
.gap_10{gap:10px;}
/*no drag*/
.no_drag {
-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;
}
/* Header */
.top-benner{background-color:#663399; text-align:center; padding:13px 0;}
.top-benner > div {position:relative; }
.top-benner p{color:#fff; font-weight:500; font-size:14px;}
.top-benner .top-close{position: absolute; right: 0; top: -2.5px; border: 0; background-color: #ffffff00;}
.header_wrap{
position:sticky; top:0px; z-index: 1030; background-color: #fff;
}
.header_head {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.header_head .container{display: flex; align-items: center; justify-content: space-between; gap: 50px;
padding: 15px 20px;
}
.header_body{display: flex; justify-content: space-between; align-items: center; padding: 15px 20px;}
.form_search{margin-bottom: 0;}
.form_search input{ width:100%; background-color: #f5f5f5; border-radius: 50px; padding:0.8rem 4.5rem 0.8rem 2rem}
.form_search .btn_search{position:absolute; right:0; top:0; padding: 1.2rem 1.5rem;}
.login-box{display: flex; align-items: center; justify-content: flex-end;}
.login-box button{font-size:13px; color:#333;}
.login-box span{display:inline-block; /* width:1px; */ /* height:15px; */ /* background-color:#eaeaea;*/ }
.header_head .container > div{width: calc(100% / 3);}
.logo-box{ display:flex; align-items: center; gap: 20px;}
.logo-box p{font-size:12px; font-weight:300; line-height:16px; color:#707070;}
.header_logo{ display: inline-block; }
.header_logo img{max-width: unset;}
.button_wrap{text-align: right;}
.btn_category{ cursor: pointer;}
.header_head .button_wrap .btn.btn-link{/* padding:1.3rem 0.8rem; */}
.header_head .button_wrap .btn.btn-link p{font-size: 12px; color: #333; margin-top: 5px;}
.header_left{display: flex; align-items: center; width: 100%;}
.header_left form{display: inline-block;}
.header_left .lnb{display: flex; width: 100%; margin-left: 50px;}
.header_left .lnb li{font-size: 1.5rem; font-weight: 500; width: 15%; text-align: center;}
.header_left .lnb li.on a{ color: #663399; text-decoration: underline;}
.header_left .lnb li a{display: inline-block; width: 100%;}
.header_left .lnb li a:hover{text-decoration: none; color:#222;}
.lnb a{position:relative;}
.lnb_new a::before{content: 'N'; position:absolute; right:0; top:16px; width:14px; height:14px; border-radius: 50%; background-color: #EB1515; font-size: 0.6rem; font-weight: 300; color:#fff; text-align: center; line-height: 14.5px;}
.cart_badge{position: absolute !important; right: -5px; top: calc(100% - 31px) !important; min-width: 20px; padding: 3px 5px; border-radius: 20px;}
.search_header{position:relative; width:243px; height:38px; padding:0; border:none;}
.search_header input{ width:100%; height:100%; padding: 0 15px; font-size: 1.6rem; border:0px; border-radius: 50px; background:linear-gradient(70deg, #F2F3F7, #f8f9ff); color:#555;}
.category_main_wrap{position:relative; white-space: nowrap;}
.category_main{display: none; position:absolute; z-index: 1000; top: 41px; left: 0; z-index: 1000; width: 220px; border: 1px solid #e3e3e3;}
.category-b-bg{display: none; position: fixed; width: 100vw; height: 100vh; background-color: rgba(51, 51, 51, 0.1); top: 0; left: 0; z-index: 111;}
.category-menu-box{display: flex; align-items: stretch; height:100%;}
.category-menu-box .depth-box{width: calc(100% / 3); display: block; background-color: #f5f5f5; padding: 15px;border-radius: 9px 0 0 9px;}
.category-menu-box .depth-box li{width:100%; margin-bottom: 5px;}
.category-menu-box .depth-box li .nav-link{border-radius: 0.6rem; width: 100%; text-align: left; padding: 15px 10px 15px 15px; font-size: 14px; font-weight: 500; color:#707070;}
.category-menu-box .depth-box li .nav-link.active{position:relative; color: #000; background-color: #ffffff;}
.category-menu-box .depth-box li .nav-link.active:after{content: ''; position:absolute; top:50%; transform: translateY(-50%); right:10px; background: url(../img/arrow_right.svg) no-repeat; background-size: cover; width: 17px; height: 17px;}
.category-menu-box .depth2-box{width:calc((100% / 3) * 2); height: 100%;}
.category-menu-box .depth2-box > .active{display:flex; align-items: stretch; height: 100%;}
.category-menu-box .depth2-box ul{display: block; width: 50%; padding: 15px;}
.category-menu-box .depth2-box ul li{width: 100%; margin-bottom:5px;}
.category-menu-box .depth2-box ul li button{width: 100%; color: #707070; font-size: 14px; font-weight: 500; border-radius: 0.6rem; text-align: left; padding: 15px; }
.category-menu-box .depth2-box ul li button.active{color: #000; background-color: #f5f5f5;}
.category-menu-box .depth3-box{width: 50%; height: 100%; border-left: 1px solid #e1e1e1;}
.category-menu-box .depth3-box ul{width:100%; padding: 15px;}
.category-menu-box .depth3-box ul li{margin-bottom:5px;}
.category-menu-box .depth3-box ul li button,
.category-menu-box .depth3-box ul li a{display: inline-block; width: 100%; color: #707070; font-size: 14px; font-weight: 500; border-radius: 0.6rem; text-align: left; padding: 15px 5px 15px 15px;}
.category-menu-box .depth3-box ul li button.active,
.category-menu-box .depth3-box ul li a:hover{color: var(--primary);background: #fff;}
.scroll-search{position: relative; display:none;}
.scroll-search input{background-color: #f5f5f5; border-radius: 50px; color: #333; font-size: 1.5rem; font-weight: 300;}
.scroll-search button{position: absolute; right: 0; top: 0; padding: 1.2rem 1.5rem;}
.scroll-btn{ display:none; align-items: center;}
.scroll-btn button{border: 0; background-color: #ffffff00;}
.header_left.on{gap:20px;}
.header_left.on .lnb{margin-left: 0; width: 50%;}
.header_left.on .lnb li{width: 20%;}
.header_left.on .scroll-search{display: block; width: 28%;}
.header_left.on .scroll-search input{width: 100%; background-color: #f5f5f5; border-radius: 5px; color: #333; font-size: 1.5rem; font-weight: 300; border: 0; padding:0.8rem 4.5rem 0.8rem 2rem;}
.header_left.on .scroll-search button{padding: 0; top: 50%; transform: translateY(-50%); right: 15px;}
.header_left.on .scroll-btn{display: flex;}
.header_left.on .category_main{top: 49px;}
.mobile-search{position: relative; }
.mobile-search input{width: 100%; background-color: #f5f5f5; border-radius: 50px; color: #333; font-size: 1.5rem; font-weight: 300; border: 0; padding:0.8rem 4.5rem 0.8rem 2rem;}
.mobile-search button.btn_search{position: absolute; padding: 0; top: 50%; transform: translateY(-50%); right: 15px;}
/* mobile_nav*/
.mobile_nav_wrap{
display: none; position:fixed; padding:0 20px; bottom:0; width:100%; height:56px; z-index: 1030;
border-top: 1px solid #E8ECF5; background-color: #fff;
box-shadow: 0px -3px 6px rgba(53, 58, 71, 0.16);
}
.mobile_nav{
display: flex; height: 100%;
}
.mobile_nav_ic{
width:30px; height:30px; margin:0 auto 3px;
background-position: 0 0; background-size: 100% auto; background-repeat: no-repeat;
}
.mobile_nav_ic.nav_1{
background-image:url(../../design/img/bg_nav_1.png);
}
.mobile_nav_ic.nav_2{
background-image:url(../../design/img/bg_nav_2.svg);
}
.mobile_nav_ic.nav_3{
background-image:url(../../design/img/bg_nav_3.svg);
}
.mobile_nav_ic.nav_4{
background-image:url(../../design/img/bg_nav_4.svg);
}
.mobile_nav_ic.nav_5{
background-image:url(../../design/img/bg_nav_5.svg);
}
.mobile_nav li{
width:20%;
text-align: center;
}
.mobile_nav li a{
display: flex; flex-direction: column; justify-content: center; height: 100%;
font-size: 1.2rem; font-weight: 600;text-decoration: none;
}
.mobile_nav li.on a{
color:#000;
}
.mobile_nav .cart_badge{
right:-10px; top: -4px !important;; min-width:16px; padding: 2px 4px;
}
.mobile_nav_ic.nav_calc{
background-image:url(../../design/img/bg_nav_calc_infl.png);
}
.mobile_nav li.on .mobile_nav_ic{
background-position: 0 100%;
}
.sideMenu_wrap{
display: none; position:fixed; top:0; width:100%; height:100vh;
z-index: 1050;
}
.sideMenu{
display: block; position:absolute; right:-100%; top:0; width:90%; height:100%; background-color: #fff; z-index: 999; max-width: 460px;}
.sideMenu + .dimmed{
position:absolute; width:100%; height:100%;
background-color: rgba(0,0,0,0.6);
}
.category-tit{position:relative; padding:2rem;}
.sideMenu .closed{
position:absolute; top:50%; transform: translateY(-50%); left:10px; width: 32px; height: 32px; cursor: pointer;}
.sideMenu .closed img{
width:100%;
}
/* Mobile main header */
.mobile_mainheader_wrap{ display: none; position: sticky; top: 0; z-index: 1030; justify-content: space-between; border-bottom: 1px solid #D2DCE8; background-color: #fff;}
.mobile_mainheader_wrap .header_left{
width:26px; flex-shrink: 0;
}
.mobile_mainheader_wrap .header_left img{
width:100%;
}
.mobile_mainheader_wrap .header_body{
width:100%;
}
.header_search_wrap{
position:relative; right:0; top:0; width:100%;
}
.search_logo{
position:absolute; left:17px; top:12px;
}
.header_search_wrap input{
height: calc(1.7em + 1.5rem + 2px); padding-left: 42px;
background-color: #F7F7F7; border-color: transparent; border-radius: 5px;
}
.header_search_wrap .btn_input_reset{
position:absolute; right:24px; top:0; padding:7px; vertical-align: middle;
}
.header_search_wrap .btn_search{
position:absolute; right:4px; top:4px; width:26px; height:26px; padding:3px;
border-radius: 50%; color:#fff;
}
.header_search_wrap .btn_search img{
margin-right: -2px;
}
.header_search_wrap .btn_search i{
font-size: 1.9rem; margin-top: -2px;
}
.mobile_mainheader_wrap .header_body i{
line-height: unset;
}
.mobile_mainheader_wrap .header_footer .lnb{
display:flex; padding: 0; border-top: 1px solid #eaeaea;
}
.mobile_mainheader_wrap .header_footer .lnb li{
width:20%;
}
.mobile_mainheader_wrap .header_footer .lnb a{
display: block; padding:14px 5px; font-size: 14px;
font-weight: 500; text-align: center;
}
.lnb_new a::before{
right:8px; top:13px;
}
/* Mobile sub header */
.mobile_subheader_wrap{
display: none; position: fixed; top: 0; height:60px; z-index: 1030;
/* border-bottom: 1px solid #D2DCE8; */
background-color: #fff;}
.mobile_subheader_wrap p{
display: inline-block; width: 100%; text-align: center; top:10px;
/* margin-top: 12px; */
}
.mobile_subheader_left{
position:absolute; left:10px;
/* top:-4px; */
}
.mobile_subheader_middle{
position:absolute; left: calc(50% - 19px);
top:36%;
/* top:-4px; */
}
.mobile_subheader_middle_6{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.mobile_subheader_left .mobile_btn_back{line-height: 50px;
}
.mobile_subheader_right{
position:absolute; right:20px; top:-2px;
}
.mobile_subheader_right .btn-link{
padding:18px 0px;
}
/* Search page */
.search .btn_search{
display: flex; justify-content: center; align-items:center; width:40px; height:40px;
border-radius: 50%; background-color: #222;
}
.search .btn_search img{
margin-right: -2px; margin-bottom: -1px;
}
/* Contents */
/* .wrap{
min-height: 647px;
margin-bottom: 100px;
} */
.sub_wrap{
/* padding-top: 50px; */
min-height: 647px; padding-bottom: 100px;
display: flex;
/* align-items: center; */
padding-top: 0px;}
/* Footer */
#footer{
}
#footer .footer_header{
border-top: 1px solid #E8ECF5;
border-bottom: 1px solid #E8ECF5;
}
#footer .footer_header .ft-btn-box{max-width:1200px; margin:0 auto; display: flex; align-items: center; justify-content: space-between; padding: 2rem 0; gap: 5px 10px;}
#footer .footer_header ul{ display: flex; align-items: center; gap:12px;}
#footer .footer_header ul li:last-child{border-right: 0px}
#footer .footer_header ul a{ display: block; font-size: 1.5rem; color: #595959;}
#footer .footer_header ul a:hover{color: #333; font-weight: 700;}
#footer .footer_header ul .btn_seller{padding: 4px 10px; border-radius: 3px; background-color: #929292; color: #fff; font-size: 1.4rem;}
#footer .footer_header ul li:first-child a{padding-left: 0;}
.footer_left .text-p{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 1rem;}
.seller-login{margin-right:20px;}
.seller-login .btn_seller{color: #fff; padding: 7px 10px; background-color: #663399; border-radius: 6px;}
.business-number{border: 1px solid #ccc; border-radius: 4px; background-color: #fff; font-size: 12px;}
.footer_left .app-download-btn{display: flex; gap: 10px; margin-top: 20px; flex-wrap: wrap;}
.footer_left .app-download-btn button{padding: 12px 20px; border-radius: 6px; background-color: #333; border: 0;}
.footer_left .app-download-btn button:hover{background-color: #555;}
#footer .footer_header .ml-auto a.btn-info{height:36px; padding-top: 0; padding-bottom: 0; line-height: 36px; font-size: 1.4rem; margin-top: 12px;}
#footer .footer_body{display: flex; justify-content: space-between; width:1200px; margin:30px auto;}
.footer_right{
flex-shrink: 0; margin-left: 30px;
color:#4E4E4E;
}
.ic_csCenter{
display: inline-block; width:22px; height:22px; color:#fff; line-height: 22px;
border-radius: 50%; background-color: #756EF0;
font-size: 14px; vertical-align: middle; text-align: center;
}
.ic_csCenter i{
margin-left: -1px;
}
.sns_wrap {
margin-top: 30px;
font-size: 0;
}
.ic_sns{
display: inline-block; width:36px; height: 36px; margin-right: 10px;
border-radius: 50%;
background-position-y: 0; background-image: url(../../design/img/bg_ic_social.png); background-repeat: no-repeat;
}
.ic_sns:hover{
background-position-y: 100%;
transform: scale(1.1) translateY(-3px);
}
.ic_sns:last-child{
margin-right: 0;
}
.ic_sns.kakaotalk{
background-position-x: 0;
}
.ic_sns.instagram{
background-position-x: -46px;
}
.ic_sns.naverblog{
background-position-x: -92px;
}
.ic_sns.youtube{
background-position-x: -138px;
}
.ic_sns.facebook{
background-position-x: -184px;
}
.ic_sns.twitter{
background-position-x: -230px;
}
.store_link{
display: flex;
}
.store_link a{
margin-left: -14px; margin-right: 10px;
}
.store_link a img{
height:70px;
}
/* Modal */
.modal-content {
border:none;
border-radius: 12px;
}
.modal-content .modal-title{
font-size: 2.0rem; font-weight: 700;
}
.modal.sm .modal-dialog{max-width:340px; margin: auto;}
.modal-dialog.sm{ width:424px; margin: auto;}
.modal-dialog-md{width:440px; margin: auto;}
.modal-dialog-big{max-width:620px; margin: auto;}
.modal-dialog-md .modal-header{border-bottom: 1px solid #e3e3e3; padding: 1.5rem 3rem;}
.modal-dialog-md .modal-body{padding:3rem;}
.modal-dialog-md .modal-footer{padding: 0 3rem 3rem; display: block;}
.modal-dialog-lg .modal-content{padding:4rem}
.modal-dialog-big .modal-header{border-bottom: 1px solid #e3e3e3; padding: 1.5rem 3rem;}
.modal-dialog-big .modal-body{padding:3rem;}
.modal-header{
align-items: center; padding:0;
border-bottom:none;
}
.modal-header .close i{
color: #B2BFC8; font-size: 3rem; font-weight: 300;
}
.modal-body{
padding:3rem 1.5rem 1.5rem;
}
.modal-footer{
padding:0;
border-top:none;
}
.modal-footer>*{
margin:0;
}
.footer_wrap{
margin-bottom: 30px;
}
/* BG */
@media (max-width: 1200px) {
#header{
width:100%;
}
#footer .footer_header ul{
width:100%; padding:0 20px; flex-wrap: wrap;
}
#footer .footer_body{
width:100%; padding:0 20px;
}
}
@media (max-width: 1199.98px) {
.br_hide_xl{
display: none;
}
}
@media (max-width: 991.98px) {
.mobile_subheader_wrap{
display: flex;
align-items: center;
}
.header_logo{
margin-right: 20px;
}
.header_left .lnb li a{
padding:20px 10px;
}
.header_right .btn.btn-link{
padding:1.3rem 1rem;
}
.header_wrap{
display: none;
}
.mobile_nav_wrap{
display: block;
}
.mobile_mainheader_wrap{
display: block;
padding:0;
}
.mobile_mainheader_wrap .header_top{
display: flex; justify-content: space-between; align-items: center; /*padding: 0 2rem;*/padding: 1rem 2rem;
}
.mobile_mainheader_wrap .header_top .logo-box {gap: 10px;}
.mobile_mainheader_wrap .header_top .logo-box img{width:100%;}
.mobile_mainheader_wrap .header_top .button_wrap .btn-link{
padding: 1.3rem 0.5rem;
}
.footer_wrap{
width:100%;
display:none;
}
.footer_wrap{
margin-top: 80px;
}
.br_hide_lg{
display: none;
}
.d-lg-block{
display: none;
}
.top_btn{
bottom:80px;
}
.sub_wrap{
padding-top: 50px !important;
}
}
@media (max-width: 767.98px) {
.br_hide_md{
display: none;
}
.footer_body{
flex-direction: column;
}
.footer_right{
margin-top: 30px; margin-left: 0; padding-bottom: 30px;
}
.footer_left .text-p{gap:10px;}
#footer .footer_header ul {width: 100%; padding:0; gap: 10px; flex-wrap: wrap; padding-left:20px;}
#footer .footer_header ul li{ padding:0; border: 0;}
#footer .footer_header ul li:nth-child(1){padding:0;}
}
@media (max-width: 575.98px) {
html{
font-size: 9.6px;
}
.br_hide_sm{
display: none;
}
.lnb_new a::before{
right:0; top:8px;
}
.item_card_list .card{
margin-bottom: 3rem;
}
.modal-content .modal-title{
font-size: 1.8rem; font-weight: 700;
}
.modal-body.modal_influencer_list{
padding-bottom: 0;
}
.lnb_exhibitions img{
width:18px; margin-top: -2px;
}
.footer_wrap{
margin-top: 50px;
display: none;
}
.modal-dialog-sm{
width:calc(100% - 10px);
}
.modal-dialog-md{
width:calc(100% - 10px)
}
.modal-dialog-md .modal-content{
padding:2rem;
}
.modal-dialog-lg .modal-content{
padding:2rem;
}
.my_modal .modal-dialog{margin: 0 0;}
.top_btn{
bottom:70px; right:12px; width:44px; height:44px; line-height:44px;font-size: 34px;
}
.store_link a{
margin-right: 8px;
}
.store_link a:last-child{
margin-right: 0;
}
.store_link a img{
height:60px
}
/* Font Size */
.fs_32{
font-size:2.4rem;
}
.fs_18 {
font-size: 1.7rem;
}
.fs_20 {font-size: 1.8rem;}
}
@media (max-width: 390px) {
.category-menu-box .depth-box{padding: 15px 5px;}
.category-menu-box .depth-box li .nav-link{padding: 15px 5px 15px 10px;}
.category-menu-box .depth2-box ul{padding: 15px 5px;}
.category-menu-box .depth2-box ul li button{padding: 15px 10px;}
.category-menu-box .depth3-box ul{padding: 15px 5px;}
.category-menu-box .depth3-box ul li button,
.category-menu-box .depth3-box ul li a{padding: 15px 10px;}
}
@media (max-width: 340px) {
.top-benner p{font-size: 13px;}
}
::-webkit-scrollbar {
width: 1rem;
height: 1rem;
}
::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 100px;
}
::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.5); }
div::-webkit-scrollbar {
width: 0.6rem;
height: 0.6rem;
}
div::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 100px;
}
p{
word-break: break-all;
}
a {
text-decoration: none; /* 기본적으로 밑줄 제거 */}
a:hover {
text-decoration: none; /* 마우스 올릴 때도 밑줄 제거 */
color: inherit !important;
}
.wrap .a {
text-decoration-line: none !important;
/* text-decoration-line: underline; */
/* text-decoration-line: overline; */
/* text-decoration-line: line-through; */
/* text-decoration-line: underline line-through overline; */
}
/*테이블 반응형때*/
.touch_scroll { overflow-x: auto; overflow-y: hidden; }
.search_ico.on{display: none;}
/* 스크롤바 none */
.scroll_bar_none { -ms-overflow-style: none; }
.scroll_bar_none::-webkit-scrollbar { display: none; }
.btn.disabled, .btn:disabled{
background-color: #E1E1E1;
border-color: #E1E1E1;
color: #707070;
}
/* 이미지 업로드 */
.image_upload{display: inline-block;position: relative;}
.rprs_img {
position: absolute;
top: 1px;
left: 1px;
font-sizE: 1.4rem;
color: #fff;
color: #fff;
background: var(--primary);
padding: 0.2rem 0.5rem;
border-radius: 1.0rem 0 1.0rem 0;
z-index: 1;
}
.upload_box{
width: 11rem;
overflow: hidden;
cursor: pointer;
background: url(../img/btn_add_img2.png) no-repeat center top 30% / 4.0rem;
background-color: var(--light);
border-radius: 1.0rem;
position: relative;
margin-right: 1rem;
}
.max_img {
position: absolute;
bottom: 20%;
width: 100%;
left: 0;
font-size: 1.5rem;
text-align: center;
color: var(--gray);
font-weight:500;
}
.image_upload.on .upload_box{background: none;border: 1px solid var(--border);}
.upload_del {
position: absolute;
top: 0.8rem;
right: 0.8rem;
width: 2.4rem;
height: 2.4rem;
border-radius: 50%;
background-color: transparent;
padding: 0 !important;
display: none;
}
.upload_del img{width:100%;}
.image_upload.on .upload_del{display: flex;}
/* design common*/
.lora { font-family: 'Lora', serif; }
.pagination { justify-content: center; margin: 20px 0 10px; gap: 20px; align-items: center;}
.lh-1 { line-height: 1; }
.lh-11 { line-height: 1.1; }
.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-14 { line-height: 1.4; }
.lh-15 { line-height: 1.5; }
.lh-16 { line-height: 1.6; }
.under_line_sm{position: relative; opacity:0;}
.under_line_sm::before { content: ''; display: block; width: 25.5px; height: 2px; background-color: #B2BBC8; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }
.square2{
display: block; width:100%; position:relative; height:auto;
}
.square2::after{
content: ''; display: block; padding-top: 44.44%;
}
.square2>img{
position:absolute; left:0; width:100%; height:100%; object-fit: cover;
}
/* 이미지 크롭 */
.rect { width: 100%; overflow: hidden; position: relative; }
.rect::after { content: ""; display: block; padding-bottom: calc(50 / 50 * 100%); }
.rect > img { position: absolute; left: 0; width: 100%; height: 100%; object-fit: cover; image-rendering: -webkit-optimize-contrast; }
.fc_7E93A8{color: #7E93A8;}
.oultline-0{outline: 0;}
/* 말줄임 */
.text-hidden {
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.text-hidden2 {
/* 특정 단위로 텍스트를 자르기 위한 구문 */
white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; /* 텍스트를 자를 때 원하는 단위 ex) 2줄 */
-webkit-box-orient: vertical; overflow: hidden;
}
/* h2 */
.h2.period{
position:relative; margin-right: 4rem; margin-bottom: 3rem;
}
.h2.period::after{
content: ''; position:absolute; right:-8px; bottom:3px; width:5px; height:5px;
background-color: #20B7EC;
}
.square{
display: block; flex-shrink: 0; width:100%; position:relative; height:auto;
}
.square::after{
content: ''; display: block; padding-top: 100%;
}
.square.rectangle::after{
padding-top: calc(50% - 15px);
}
.square>img{
position:absolute; left:0; width:100%; height:100%; object-fit: cover; object-position: center; image-rendering: -webkit-optimize-contrast;
}
/* list */
.list_style1{
padding:20px 0;
border-top: 1px solid #E8ECF5; border-bottom: 1px solid #E8ECF5;
}
.list_style1 li{
display: flex; align-items: stretch; padding: 5px 0;
}
.list_style1 li span{
display: inline-block; min-width: 100px; margin-right: 1.5rem;
}
.list_style2 li{
position:relative; margin-bottom:8px; padding-left:10px; line-height:1.4;
font-size:1.4rem;
}
.list_style2 li:last-child{
margin-bottom:0;
}
.list_style2 li::before{
content:'-'; position:absolute; top:0; left:0;
}
/* modal */
.modal-footer .btn_wrap {
width:100%;
}
.modal-footer .btn_wrap button{
width:100%;
}
#modal_review_detail .modal-content{
padding:0rem;
background:transparent;
}
#modal_review_detail .modal-header{
padding:2rem 2rem 0 2rem;
}
#modal_review_detail .modal-dialog-lg{
max-width:700px;
}
/* option */
.option_box{
border-bottom: 1px solid #E8ECF5;
}
.option_box .form-group{
margin-bottom: 20px;
}
.select-total-box{max-height: 210px; overflow-y: auto;}
.selected_option_box{
position:relative; margin-bottom: 14px; padding:15px;
background-color: #F5F5F5;
}
.option_name{margin-bottom: 10px; padding-right: 40px; word-break:break-all; font-size: 15px; font-weight: 300; color: #333;}
.btn_close{
position:absolute; top:0; right:0;
}
.order_quantity {
border: 1px solid #eaeaea;
border-radius: 6px;
overflow: hidden;
display: flex;
max-width: 125px;
align-items: stretch;
}
.order_quantity .btn{
padding:2px 8px;
border:1px solid #D2DCE8; background-color: #fff;
color:#B2BBC8;
border-radius: 0px;
}
.order_quantity .btn.quantity_minus{
border-right: none;
}
.order_quantity .btn.quantity_add{
border-left: none;
}
.order_quantity .form-control {
background-color: #fff;
opacity: 1;
}
/* 모달 쿠폰 */
.coupon_discount .item_info .square{
width:60px; height:60px;
}
.coupon_discount .list_item .item_info{
width:40%;
}
.coupon_discount .list_item_right{
flex-shrink: 0;
width:15%;
}
.coupon_discount .coupon_discount_price{
width:15%;
font-size: 1.3rem; border-left: 1px solid #E8ECF5;
display: flex;
flex-shrink: 0;
flex-grow: 1;
justify-content: center;
align-items: center;
padding: 0 15px;
border-left: 1px solid #E8ECF5;
}
.coupon_discount .item_price{
width:20%; flex-grow:0!important;
font-size: 1.3rem; border-left: 1px solid #E8ECF5;
}
.coupon_discount .list_item{
margin-bottom: 0;
}
.coupon_discount .list_item:last-child{
border-bottom: 1px solid #E8ECF5;
}
.coupon_discount .list_item > section{
border-bottom: none;
}
.coupon_discount .list_item .item_info .item_name{
width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.applicable_coupon .coupon_list>li{
padding:2rem 0;
}
/* 모달 인플루언서 리스트 */
.modal_influencer_list li .square{
width:54px; margin-right: 15px;
border-radius: 50%;
}
.modal_influencer_list li .square img{
border-radius: 50%;
}
.modal_influencer_list li{
display: flex; align-items: center; margin-bottom: 18px;
}
.modal_influencer_list li a{
margin-left: auto;
}
#modal_influencer_list .modal-footer{
justify-content: center;
}
.item_side_info{
padding-left: 47px;
}
.item_side_info .btn-lg {
padding-left:0; padding-right: 0;
}
/* 카드 card*/
/* .card{
width: 250px;
} */
.item_card_list .card{
margin-bottom: 5rem;
}
.item_card_list .price .price-line{ color: #707070; font-size: 14px; font-weight: 300; text-decoration: line-through;}
.card .item_title{
margin: 14px 0 5px;
}
.card .item_title span{
font-weight:700;
}
.review_num span{color:#707070; font-size:14px; font-weight:300;}
.experience_swiper ul li img{width: 100%; margin-bottom:35px; border-radius:6px;}
.experience_swiper ul li h3{font-size:22px; font-weight:700;margin-bottom:15px;}
.experience_swiper ul li p{font-size:15px; font-weight:300; color: #707070;}
/* Dash ul */
.dash_ul{
display: flex; flex-wrap: wrap; width:100%;
border-bottom: 1px solid #D2DCE8; border-left: 1px solid #D2DCE8;
}
.dash_ul li{
width:20%; border-top: 1px solid #D2DCE8;
}
.dash_ul li a{
display: flex; justify-content: space-between; align-items: center; height:100%; padding:20px;
border-right: 1px solid #D2DCE8;
}
.dash_ul li:last-child{
width:40%;
}
.store_info_wrap{
display: flex; justify-content: space-between; padding:16px 24px;
background-color: #F1F4F9;
font-size: 1.5rem;
}
.store_info_wrap .store_name{
color:#5F6F81;
}
.store_info_wrap .store_number{
font-weight: 600;
}
.store_info_wrap .store_inquiry{
font-weight: 600;
}
.store_info_wrap .receipt{
color:#5F6F81;
text-decoration: underline;
}
/*design hs*/
/* 탑 인플루언서 */
.infl_left>div {
position: sticky; left: 0; top: 0; height: 100vh;
}
.infl_left>div img {
object-position: center top; object-fit: cover; height: 100%;
}
.infl_right {
margin-top: 50px;
}
.infl_tit {
padding: 0 45px;
}
.infl_tit h2 {
font-size: 44px; color: #222; font-family: 'Lora', serif; position: relative; font-weight: lighter; padding-bottom: 10px; margin-bottom: 10px;
}
.infl_tit h2::before {
content: ''; display: block; width: 25.5px; height: 1px; background-color: #B2BBC8; position: absolute; bottom: 0; left: 0;
}
.infl_tit p {
color: #5F6F81; margin-bottom: 35px;
}
.top_influencer {
column-count: 2; column-gap: 90px; position: relative; padding: 0 45px;
}
.top_influencer::before {
content: ''; width: 1px; height: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #D2DCE8;
}
.top_influencer .card {
border: 0;
}
.top_influencer .card-title {
font-family: 'Lora','pretendard', serif; font-size: 40px; color: #222; font-weight: 100; margin: 30px 0 0; height: auto;
}
.top_influencer .card-title>span {
color: #756EF0; font-weight: 500;
}
.card-body ul {
margin-bottom: 60px;
}
.item_li {padding: 30px 0; border-bottom: 1px solid #D2DCE8;
}
.item_li > a{
display: flex;
}
.item_li > a:hover {
text-decoration: none;
}
.item_li .row {
flex-wrap: nowrap;
}
.item_img {
max-width: 105px; max-height: 105px; overflow: hidden; flex-shrink: 0;
}
.item_body {
padding: 5px 0 5px 20px; font-size: 15px; display: flex; flex-flow: column; justify-content: space-between;
}
.item_body p {
padding: 0; margin: 0;
}
.item_body em {
font-size: 0.68em; font-style: normal; margin-left: 2px;
}
.item_title {
font-weight: 700; font-size: 15px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
line-height: 1.4;
}
.discount {
color: var(--primary); font-size: 18px;
font-weight: 700;
}
.discount em {
margin-left: 0;
}
.bf_discount {
text-decoration: line-through; color: #B2BBC8;
}
.price-big {
line-height: 1; margin: 0; padding: 0; font-size: 18px; font-weight: 500;
}
/* 인플루언서 리스트 */
.influencer_list {
margin-top: 40px; margin-bottom: 150px;
}
.infl_card_tit {
width: 1360px; margin: 0 auto; overflow-x: hidden;}
.infl_card_tit2{padding: 0 20px;}
.infl_list_form { display: flex; justify-content: space-between; align-items: center; padding: 20px 0 25px;}
.customer-tit{display: flex; justify-content: space-between; align-items: center; margin-bottom:20px;}
@media (max-width: 575px){
.infl_list_form_l {
width: 100% !important;
height: 48px !important;
border-bottom: 1px solid #eaeaea !important;
background: #fff !important;
display: flex !important;
align-items: center !important;
padding: 10px 15px !important;
margin: 0 20px;
margin-top: 5px !important;
}
}
.infl_list_form_l {width: 100%; height: 48px; border-bottom: 1px solid #eaeaea; background: #fff; display: flex; align-items: center; padding: 10px 15px;}
.infl_list_form_l_sel {
width: auto; height: 100%; padding-left: 15px; flex: 1 1 auto; display: flex; align-items: center; margin-right: 10px; position: relative;
}
.infl_list_form_l_sel::before {
content: ''; display: block; width: 1px; height: 60%; background: #8E9AA7; position: absolute; top: 50%; transform: translateY(-50%); right: -10px;
}
.infl_list_form_l_sel i {
font-size: 5px;
}
.infl_list_form_l select {
width: 60px; font-weight: 500; color: #222; background: none; border: 0;
}
.infl_list_form_l select:focus-visible {
border: 0; outline: none;
}
.infl_list_form_l_input {
flex: 1 1 auto; display: flex; align-items: center;padding-top: 11px;
}
.infl_list_form_l_input input { width: 100%; background: none; border:0; font-size:15px; font-weight:300; color:#595959;}
.infl_list_form_l_input input::placeholder {
color: #9b9b9b;
}
.infl_list_form_l_input input::-webkit-input-placeholder {
color: #9b9b9b;
}
.ip_wr .form-control::placeholder{
color: #9b9b9b;
}
.infl_list_form_l_input input:focus-visible {
outline: none;
}
.infl_x_btn {
color: #D2DCE8; font-size: 12px; padding: 5px; display: flex; justify-content: center; align-items: center;
}
.infl_sch_btn {
color: #fff; font-size: 20px; background: #756EF0; border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center;
}
.infl_list_form_r {
}
.infl_list_form_r .btn {
padding: 0 12.5px;
}
.infl_list_form_r .btn i {
margin-left: 5px;
}
.infl_list_form_r select {
margin-left: 12.5px; width: auto; padding: 12.5px 45px 12.5px 20px; border-color: #D2DCE8; background: url('../img/ic_down.png')no-repeat right 20px center;
}
.infl_list_form_r select:focus-visible {
outline: none;
}
.infl_profile {
max-width:150px; max-height: 150px; border-radius: 50% !important; overflow: hidden; margin: 0 auto;
}
.infl_card_wrap {
width: 1400px; margin: 0 auto;
}
.infl_card {
margin-bottom: 40px; padding: 0 20px !important;
}
.influencer_list .card {
text-align: center; padding: 40px 20px;
}
.influencer_list .card a:hover{
text-decoration:none;
}
.influencer_list .card a:hover .card-title{
text-decoration:underline;
}
.influencer_list .card-body {
padding: 0;
}
.influencer_list .card-title {
font-size: 20px; margin: 20px 0; font-weight: 500;
}
.influencer_list .card-text {
margin-bottom: 20px; font-size: 15px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.influencer_list .card-follower {
font-size: 15px; color: #756EF0; display: flex; align-items: center; justify-content: center;
}
.influencer_list .card-follower i {
margin-right: 5px; font-size: 20px;
}
/* 채팅하기 */
.chat_menu {
display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #D2DCE8; padding: 0 20px; height: 50px; position: relative;
}
.chat_menu p {
margin-bottom: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #756EF0; font-size: 15px; font-weight: 500;
}
.chat_menu .btn {
padding: 0; color: #5F6F81; font-size: 14px; font-weight: 400;
}
.chat_menu .chat_menu_btn {
color: #4D6782; font-size: 15px; font-weight: 300;
}
.chat_menu_btn_wrap {
width: 160px; height: 48px; background: #fff; position: absolute; top: calc(100% + 2px); right: 0; z-index: 2; display: flex; align-items: center; display: none; z-index: 999; box-shadow: 0 3px 13px rgba(17,103,130,0.14);}
.chat_menu_btn_wrap.on {
display: block;
}
.chat_menu_btn_wrap .btn {
padding: 0 15px; color: #5F6F81; font-size: 15px; width: 100%; height: 100%; text-align: left; background: #fff; font-weight: 400;}
.chatting {
height: calc(100vh - 70px); position: relative; background: #F1F4F9; overflow: hidden;
}
.chat_menu_btn_wrap2{right: auto; left: 20px; top: 65px; width: 110px; height: 80px;}
.chat_menu_btn_wrap2 .btn{height: 50%;}
.chat_in {
height:calc(100% - 80px); overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; padding: 0 20px 110px; display: flex; flex-flow: column;
}
.chat_in::-webkit-scrollbar {
display: none;
}
.chat_in p {
margin-bottom: 0; white-space: nowrap;
}
.chat_in span {
padding: 15px 20px; border-radius: 20px; word-break: keep-all; font-size: 14px; display: block; z-index: 3;
}
.chat_in>div {
margin: 5px 0 0 0;
}
.chat_in .you {max-width: 55%; align-self: flex-start;
}
.chat_in .me {
display: flex; align-items: flex-end; max-width: 55%; align-self: flex-end;
}
.chat_in .you span {
border-top-left-radius: 0; margin-right: 5px;
}
.chat_in .me span {
border-top-right-radius: 0; background: #756EF0; color: #fff; margin-left: 5px;
}
.chat_in .chat_line {
position: relative;
}
.chat_line::before {
width: 100%; height: 1px; display: block; content: ''; background: #D2DCE8; top: 50%; left: 0; transform: translate(0, -50%); position: absolute; z-index: 1;
}
.chat_line p {
color: #8E9AA7; font-size: 12px;
}
.chatting .you .bubble{
display: flex; flex-wrap: wrap; align-items: flex-end;
}
.chatting .you .bubble .bg-white{
border:1px solid #E8ECF5;
}
.chat_your_name{
font-size: 1.4rem;
}
.chatting .you > .bubble{
margin-left: 65px; margin-top: 10px;
}
.chatting .me .bubble{
display: flex; align-items:flex-end;
}
.chat_line span {
position: relative;
}
.chat_line span::after {
width: 100%; height: 100%; display: block; content: ''; background: #F1F4F9; top: 0; right: 0; position: absolute; z-index: -1;
}
.chat_time {
font-size: 12px; color: #8E9AA7;
}
.chat_profile {
border-radius: 50%; width: 55px !important; height: 55px !important; margin-right: 10px; overflow: hidden;
}
.chat_profile .square{
border-radius: 50%; width: 55px !important; height: 55px !important; margin-right: 10px; overflow: hidden;
}
.chat_profile img {
width: 100%; height: 100%; image-rendering: -webkit-optimize-contrast;
}
.infl_badge {
position: absolute; width: auto; height: auto; top: 40px; left: 40px; image-rendering: -webkit-optimize-contrast; z-index:1;
}
.chat_input_wrap {
position: absolute; bottom: 0; left: 0; background: #fff; padding: 20px 15px; width: 100%; z-index: 4; border-top:1px solid #D2DCE8;
}
.chat_input {
width: 100%; display: flex; justify-content: space-between; align-items: flex-start; background: #fff;
}
.chat_input textarea {
border: none; width: 100%; height: 58px; padding:4px 8px; resize: none; background: #fff; margin: 0 20px;
}
.chat_input textarea:focus {
outline:0;
border-color: #42E695;
box-shadow: 0 0 0 0.2rem rgb(0 201 136 / 25%);
}
.chat_send_btn {
background: #756EF0; color: #fff; font-size: 14px;
}
/* .chatting.end .chat_input_wrap .btn {
opacity: 0.5; }
*/
/* 메인페이지 */
.like-btn{position: absolute; z-index: 1; bottom: 10px; right: 10px; background: url(../img/ic_like_off.svg) no-repeat; width: 28px; height: 28px; border: 0;}
.newimg{width: 36px; height: 36px; position: absolute; bottom: 10px; left: 10px; z-index: 1;background: unset;border: 0;}
.newimg + .newimg{left: 50px;}
.newimg + .newimg + .newimg{left: 100px;}
.newimg.best{background: url(../img/best_icon.png) no-repeat;}
.newimg.new{background: url(../img/new_icon.png) no-repeat;}
.best_icon{position: absolute; z-index: 10; bottom: 10px; left: 10px; background: url(../img/best_icon.png) no-repeat; width: 36px; height: 36px; border: 0;}
.new_icon{position: absolute; z-index: 10; bottom: 10px; left: 50px; background: url(../img/new_icon.png) no-repeat; width: 36px; height: 36px; border: 0;}
.like-btn.on,
.like-btn.active{background: url(../img/ic_like_on.svg) no-repeat;}
.slide1{position: relative;}
.slide1 .swiper-slide {
width: 100%; height: auto; overflow: hidden;
}
.slide1 .swiper-slide>div {
width: 100%; height: 100%;
}
.slide1 .swiper-slide img {
width: 100%; height: 100%; object-fit: cover;
}
.slide1 .sld_pc {
}
.slide1 .sld_mb {
display: none;
}
.slide1 .next1,
.slide1 .prev1{background-color: transparent;}
.event_detail_banner img{
width:100%;
}
.event_detail_banner .event_mb{
display: none;
}
.event_list_title h5, .event_list_title p{
width: 100%; line-height: 24px;
}
.pag_wrap {position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; z-index: 99; padding: 6px 15px; border-radius: 500px; background: rgba(51, 51, 51, 0.15);}
.sld_num {width: auto; color: #ffffff80; font-size: 16px; font-weight: 500; display: flex; gap: 10px; align-items: center; }
.sld_num .swiper-pagination-current { color: #fff; font-weight: 600;}
.play_btn {
padding:12.5px 15px;
cursor: pointer; font-size: 25px; color:#222;
}
.play_btn i {
display: flex;
}
.play_btn div.btn_pause {
display: flex; align-items: center;
}
.play_btn.pause div.btn_pause {
display: none;
}
.play_btn div.btn_start {
display: none; font-size: 20px;
}
.play_btn.pause div.btn_start {
display: flex; align-items: center;
}
.next1, .prev1{
display: flex; justify-content: center; align-items: center; position: absolute; /*top:calc(50% - 26px);*/top:calc(50% - 4px); width:52px; height:52px; border-radius: 50%; background-color: rgba(51, 51 ,51, 0.15); box-shadow: 1px 0px 2px #A7A5A529; font-size: 2.6rem; z-index: 99;}
.prev1{
left: 0;/*left: 50%; margin-left: calc(-700px + 26px);*/
}
.prev1 i{
margin-left: -0.1em;
}
.next1{
right: 0;/*right: 50%; margin-right: calc(-700px + 26px);*/
}
.next1 i{
margin-right: -0.1em;
}
.sld_nav_wrap2{
display: flex; align-items: center;
}
.sld_num2{
width: auto; font-size: 20px; margin: 0 25px; color: rgba(34, 34, 34, 0.4);
}
.sld_num2 .swiper-pagination-current{
color: #222;
}
.slide3_profile{
overflow: hidden;
}
.slide3_r{
margin-top: 20px;
}
.infl_rank{
display: flex; justify-content: center; align-items: center; position: absolute; top: 16px; left: 0; width: 50px; height: 50px;
background: #222; color: #fff; border-radius: 50%;
font-size: 16px; font-weight: 400;
}
.ban_mb{
display: none;
}
.sec2{
padding: 80px 0;
}
.sec2 .prev1, .sec2 .next1{
top: calc(35% - 26px);
}
.sec2 .prev1{
margin-left: calc(-700px - 0px);
}
.sec2 .next1{
margin-right: calc(-700px - 0px);
}
.sec3 .card_body{
height:100px;
}
.item_menu_btn_wrap{
background: #222; position: relative; max-height: 35px;
}
.infl_seller{
left: 15px; top: -15px; overflow: hidden; max-width: 45px;
}
.btn_like .good_btn{
margin-bottom: -2px;
}
.btn_like .btn_good1{
display: block;
}
.btn_like .btn_good2{
display: none;
}
.btn_like.on .btn_good1{
display: none;
}
.btn_like.on .btn_good2{
display: block;
}
.main-product{padding:80px 0; border-top:1px solid #e1e1e1;}
.card_body{
position:relative; display: flex; flex-direction: column; justify-content: space-between;
}
/* 이벤트 페이지 */
.slide1_1 .swiper-slide{
max-height: 500px;
}
/* 카테고리 리스트 */
.filter_btn{gap:8px;}
.filter_btn li.on{ color: #333; font-weight: 600;}
.filter_btn li{color:#707070;}
.category-list p{text-align:center;margin-bottom: 50px;}
.category-list{text-align:center;}
.category-list ul{
-ms-overflow-style: none;
}
.category-list ul::-webkit-scrollbar{
display:none;
}
.category-list ul{text-align: left; display: flex; flex-wrap: wrap;
/* border: 1px solid #e3e3e3; */
border-radius: 6px;
/* padding: 23px 0px; */
gap: 2px 2px;
/* margin-bottom: 30px; */
margin-top: 20px;
}
/* .category-list ul li{
background-color: #fff;
color: var(--gray-500);
padding: 10px 15px;
border-radius: 20px;
text-align: center;
border: 1px solid var(--gray-200);
} */
/* .category-list ul li.on{
background-color: var(--primary);
color: #fff;
text-align: center;
border: none;} */
/* .category-list ul li a{font-size:15px; color:#707070; } */
/* .category-list ul li a:hover{color:var(--primary); font-weight:700; border-bottom: none;} */
.category-list ul li .active
{
/* width: 8%;
background-color: var(--primary);
color: #fff;
padding: 10px 5px;
border-radius: 50px;
text-align: center; */
}
.category-list li{
display: flex;justify-content: center;padding: 0 1px;
}
.category-list.list_line li{
padding: 0 12px 10px;
}
.category-list.list_line{
margin-top: 30px !important;
}
.category-list li button{
border-radius: 20px;
padding: 0 15px;
}
/* 판매자 스토어 */
.seller_store_ban{
overflow: hidden; position: relative;
/*background: url('../img/seller_store_bright.jpg') no-repeat; background-size: cover; background-position: center;*/ height: 360px;
}
.seller_store_ban::before{
/*content: '';*/ position: absolute; left:0; top:0; width:100%; height: 100%; background-color: rgba(0,0,0,0.3);
}
.seller_store_img_pc{
position:absolute; top:0; left:0; width:100%; height:100%;
z-index: -999;
}
.seller_store_img_pc img{
width:100%; height:100%; object-fit: cover; object-position: center;
}
.seller_store_img_mb{
display: none; position:absolute; top:0; left:0; width:100%; height:100%;
z-index: -999;
}
.seller_store_img_mb img{
width:100%; height:100%; object-fit: cover; object-position: center;
}
.seller_store_text{
margin-top: 40px;
color: #343a40;
}
.seller_store_text .btn_likeStore{
display: flex; align-items: center; top:0px;
font-size: 1.3rem;
}
.seller_store_text .btn_likeStore_ic{
margin-right: 5px;
background-image:url(../img/bg_storelike2.png);
}
.seller_store_text_left .btn_likeStore{
justify-content: right;
}
.seller_store_text_left{
margin-bottom: 20px;
}
.seller_store_text_right .store_success_rate{
text-align: right;
}
.seller_store_text .hr{
margin-top: 30px;
}
/* 스토어 리스트 */
.store_list .card_store{
padding:3rem;
border:1px solid #D2DCE8;
}
.card_store a{
display: flex;
}
.card_store .square{
overflow: hidden; width:80px; height:80px; margin-right: 24px;
border-radius: 50%;
}
.card_store_name{
margin-bottom: 8px;
font-size: 2rem; font-weight: 600;
}
.card_store_name .store_category{
font-size: 1.4rem; font-weight: 400;
color:#B2BBC8;
}
.card_store a:hover{
text-decoration: none;
}
.card_store a .square>img{
transition: all 0.2s ease-in-out;
}
.card_store a:hover .square>img{
transform: scale(1.1);
}
.store_list .btn_likeStore{
position:absolute; top:10px; right:30px; padding:10px;
cursor: pointer;
}
.btn_likeStore_ic{
background:url(../img/bg_storelike.png) no-repeat 0 0; width:20px; height:17px;
background-size: 100% auto;
}
.btn_likeStore_ic.on{
background-position: 0 100%;
}
/* 홍보회원 - 소개 */
.pr_member em {
font-size: 0.68em; font-style: normal; margin-left: 3px;
}
.pr_member_tit{display: block; text-align: center; font-size: 32px; font-weight: 100;}
.pr_member_row .pr_member_tit{
font-size: 2.4rem;
}
.pr_member_row_box {
display: flex; justify-content: center; align-items: center; margin-bottom: 30px;
}
.pr_member_row_box .square{
width:80px; height:80px;
}
.pr_member_row_box .row{
position:relative; margin-right: 30px;
}
.pr_member_row_box h2{
font-size: 2rem;
}
.pr_member_row_box p{
font-size: 1.5rem;
}
.infl_rating{
position:absolute; top:-12px; right:-14px; width:13px;
}
.infl_rating img{
width:100%;
}
/* 검색 모달 */
#sch_modal{background: rgba(255,255,255,0.96);}
#sch_modal .modal-dialog{max-width: 100%; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center;}
/* design jm*/
.login_pg {
/*display: flex; align-items: center; justify-content: center;*/
}
.login_cont {
width: 375px;
margin: 100px auto 0;
}
.loing_logo {
display: block; width: 33px; margin-bottom: 2rem;
}
.login_cont #frm_login{
padding-top:0!important;
}
.sns_tit {
position: relative; margin-bottom: 2rem;
font-size: 1.3rem; color: #555555; text-align: center;
}
.sns_tit::before {
content: ''; display: block; position: absolute; top: 50%; left: 0; height: 1px; width: calc(50% - 107px);
background-color: #CCCCCC;
}
.sns_tit::after {
content: ''; display: block; position: absolute; top: 50%; right: 0; height: 1px; width: calc(50% - 107px);
background-color: #CCCCCC;
}
.sns_link {
display: flex; justify-content: center;
}
.sns_link img {
width: 50px;
}
.agree {
padding: 2rem; margin-top: 1.5rem;
border: 1px solid #E8ECF5;
}
.input-group:not(.has-validation)>.form-control.certified:not(:last-child) {
margin-right: 0;
}
.certified {
position: relative;
}
.certified_time {
font-size: 1.5rem; color: #F34496; font-weight: 400;
}
.complete {
display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0;
}
.complete img {
width: 100px;
transform: translate(-2px, 0px);
}
.w_180 {
width: 180px !important;
}
.w_240 {
width: 240px !important;
}
.w_280 {
width: 280px !important;
}
.notice header {
display: flex; align-items: center; justify-content: space-between; padding: 2.2rem 2rem;
border-top: 2px solid #D2DFE8; border-bottom: 1px solid #E4E7EB;
}
.notice article {
padding:3rem 2rem
}
.notice article p {
font-size: 1.5rem;
}
.notice footer {
border-top: 1px solid #B2BFC8; border-bottom: 1px solid #B2BFC8;
}
.notice footer small {
flex-shrink: 1; width: 7rem; margin-left: 2rem;
}
.notice footer >a:nth-child(2) {
border-top: 1px solid #D2DCE8;
}
.pg_tit {
display: flex; align-items: center; width: calc(100% - 9rem);
}
.qa-tit {
flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between; width: 100%; padding:1.5rem 2rem 1.5rem 0;
border-bottom: 1px solid #E4E7EB;
font-weight: 600; cursor: pointer;
}
.qa {
display: flex; width: calc(100% - 5rem); align-items: center;
}
.qa > p{max-width:100px; width:100%; text-align:center;}
.qa_cont {
display: none; padding: 2rem;
background-color: #F9F9F9;
}
.qa_cont::after {
content: ''; display: block; clear: both;
}
.qa_cont small, .qa small {
float: left;
}
.qa_cont p {
float: left; display: inline-block; width: calc(100% - 30px);
}
.qa_list {
border-top: 1px solid #eaeaea;
}
.expand {
width: 25px; height: 25px; margin-left: 2rem;
background: url(./../img/qa_open.png) no-repeat; background-size: cover;
}
.expand.turn {
width: 25px; height: 25px;
background: url(./../img/qa_close.png) no-repeat; background-size: cover;
}
.my_page {
background-color: #F7F8FA;
}
.profile-box{display: flex; align-items: center; text-align: left; gap: 20px; padding: 20px; width: 100%; border-bottom: 1px solid #eaeaea;}
.profile {
overflow: hidden; position: relative; width: 70px; height: 70px;
border-radius:50%; background-color: rgba(245,245,245);
}
.profile img {
position: relative; width: 70px;
}
.profile_step {
content: ''; display: flex; align-items: center; justify-content: center; position: absolute; width: 84px; height: 22px; bottom: 0; left: 50%;
background-color: #8E9AA7;
color: #fff; font-size: 1.1rem; line-height: 22px;
transform: translateX(-50%);
}
.profile_step .bi {
margin-right: 3px;
}
.step_gold {
background-color: #F6A416;
}
.step_royal {
background-color: #F6163C;
}
.step_vip {
background-color:#756EF0;
}
.step_vvip {
background-color: #756EF0;
}
.bg_primary {
background-color: #00C988 !important;
}
.influencer_my_info {
width: 100%; margin-top: 2.5rem; margin-bottom: 2rem;
}
.influencer_my_info > div:first-child {
border-right: 1px solid #D2DFE8;
}
.point_circle {
flex-shrink: 0; width: 6.2rem; height: 6.2rem; margin-right: 1.5rem;
border: 1px solid #756EF0; border-radius: 50%; color: #756EF0; line-height: 6.2rem;
font-size: 2.1rem; text-align: center;
}
.point_circle.extinction {
border:1px solid #8E9AA7; color: #8E9AA7;
}
.point_circle.use {
border:1px solid #756EF0; color: #756EF0;
}
.point > li {
margin-bottom: 2.5rem;
}
/* no data */
.no_data{
display: flex; flex-direction: column; align-items: center; justify-content: center;
min-height: 400px;
}
.no_data .no_data_title{
margin-top: 10px;
color: #5F6F81;
}
.history {
margin-top: 1.5rem;
border-top: 2px solid #D2DFE8;
}
.history li {
display: flex; align-items: center; padding: 2rem;
border-bottom: 1px solid #D2DFE8;
}
.membership .infl_profile {
max-width: 120px; max-height: 120px; margin:2rem;
}
.membership {
width: 100%;
border-top: 2px solid #D2DFE8;
}
.membership_info {
display: flex; align-items: center; width: calc(100% - 120px);
}
.membership li {
display: flex; align-items: center; justify-content: space-between;
border-bottom: 1px solid #E8ECF5;
}
.membership .cont {
width: calc(100% - 261px); padding-right: 2rem;
}
.membership .cont:hover{
text-decoration: none;
}
.membership .cont:hover .one-line{
text-decoration: underline;
}
.membership .cancle {
display: flex; align-items: center; height: 160px; padding: 0 3rem;
border-left: 1px solid #F1F4F9;
}
.coupon_list{width: 100%; margin-top: 2rem; display: flex; gap: 20px; align-items: stretch; flex-wrap: wrap;}
.coupon_list > li {padding: 2rem; border: 1px solid #eaeaea; border-radius: 6px; width: 100%}
.coupon_list > li .coupon-top{border-bottom: 1px solid #e3e3e3; padding-bottom: 1rem; margin-bottom: 1rem;}
.coupon_list > li .coupon-bottom p{color:#595959;}
.inquiry_service {
width: 100%;
}
.inquiry_service li {
margin-bottom: 4rem; padding-top: 2rem;
border-top: 2px solid #D2DFE8; border-bottom: 1px solid #D2DFE8;
}
.inquiry_service li.answer {
border-bottom: 0;
}
.inquiry_service li:last-child {
margin-bottom: 0;
}
.inquiry_service .cont {
padding-bottom: 2rem; margin-top: 1.5rem
}
.edit {
display: flex; flex-direction: column; justify-content: center; width: 112px;
}
.edit .infl_profile {
max-width: 112px; max-height: 112px; margin: 0; margin-bottom: 1rem;
}
.item_info .square {
width: 120px; aspect-ratio: 1 / 1;
}
.item_info {
padding: 2rem; display: flex; padding: 2rem; display: flex;
border-top: 1px solid #D2DFE8; border-bottom: 1px solid #D2DFE8;
}
.sales_member_list {
border-top: 1px solid #E4E7EB;
}
.sales_member_list .info {
display: flex; justify-content: space-between; align-items: center; padding: 2rem 0 1.6rem;
}
.sales_member_list li {
margin-bottom: 2rem;
}
.sales_member_list .element {
display: flex;
}
.sales_member_list .element > div {
width: 11rem; padding-left: 2rem;
}
.sales_member_list .option {
padding: 2rem 2rem 0.8rem;
background-color: #F1F4F9;
}
.sales_member_list .option .row > div {
display: flex; align-items: center; margin-bottom: 1.2rem;
}
.sales_member_list .option .row > div::before {
content: ''; display: block; width: 2px; height: 13px; margin-right: 1rem;
background-color: #8E9AA7;
}
.my_modal .item_info {
padding: 0;
border-top:0; border-bottom: 0;
}
.quantity li {
display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;
}
.quantity li:last-child {
margin-bottom: 0;
}
.w_100 {
width: 100px;
}
.quantity_info li {
display: flex; align-items: center; margin-bottom: 0.8rem;
}
.quantity_info li:last-child {
margin-bottom: 0;
}
/*마이페이지*/
.sm-btn{font-size: 12px; font-weight: 300; padding: 5px 10px; border-radius: 6px;}
.big-btn{width: 100%; max-width: 150px; padding: 15px 0; border-radius: 6px;}
.m-my-top{margin-top:30px;}
.mypage-sec{margin-bottom: 50px;}
.mypage-sec .my-tit{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.mypage-sec .my-more-btn a{display: flex; align-items: center;}
.my_info{display: flex; justify-content: space-between; align-items: center; padding: 40px; background-color: #f7f7f7; border-radius: 28px;}
.my_info .my_info_left{}
.my_info_left_1{margin-bottom: 25px;}
.my_info_left_1 .info2{color: #b1b1b1;}
.my_info_left_2{display: flex; align-items: center; gap: 5px;}
.btn-middle,
.my_info_left_2 button{font-size: 15px; background-color: #fff; padding: 5px 10px; border: 1px solid #ccc; border-radius: 6px;}
.my_info .my_info_right{display: flex; align-items: center; gap: 20px; text-align: center;}
.my_info .my_info_right .delivery.on{position: relative;}
.my_info .my_info_right .delivery.on:after{content: ''; position: absolute; width:5px; height: 5px; background-color: #F62D41; right: 0; top:0; border-radius: 5px;}
.oas-list-box{display: flex; align-items: center; justify-content: center; gap: 60px; text-align: center; background-color: #f7f7f7; border-radius: 28px; padding: 33px 0;}
.oas-list-box .list{}
.oas-list-box .list p:nth-child(1){font-size: 40px; font-weight: 900; color: #B7B7B7; margin-bottom: 1.5rem;}
.my-review ul{border-top:1px solid #e1e1e1;}
.my-review ul li{border-bottom: 1px solid var(--border--100); padding: 20px 0; display: flex; align-items: center; gap:20px;}
.my-review ul li .review_left{aspect-ratio: 1 / 1; max-width: 89px; width: 100%;}
.my-review ul li .review_left img{aspect-ratio: 1 / 1; max-width: 89px; width: 100%; object-fit: cover; border-radius:8px;}
.my-review ul li .review_right{padding-right:10px;}
.my-review ul li .review_right p:nth-child(1){margin-bottom:5px;}
.my-review ul li .review_right p:nth-child(2){margin-bottom:5px;}
.my-review ul li .review_right p:nth-child(3){color:#595959;}
.my-review ul li .review_right span{color:#a5a5a5;}
.moble-mypage-menu{display:none;}
.moble-mypage-menu ul{margin-bottom:2rem;}
.moble-mypage-menu ul li{border-bottom: 1px solid #e1e1e1; padding:0 16px;}
.moble-mypage-menu ul li a{display: flex; font-size:15px; gap: 10px; align-items: center; padding: 20px 0;}
.moble-mypage-menu button{margin-right:16px; font-size:14px; border:0; background-color:#fff;}
.bg_box { padding: 3rem; margin-bottom: 1.5rem;}
.point_dot { position: relative; padding-left: 1.8rem; margin-bottom: 2rem;}
.point_dot:last-child { margin-bottom: 0;}
.point_dot::after { content: ''; position: absolute; top: 2.5px; left: 0; width: 1.0rem; height: 1.0rem; background-color: rgb(207 207 207); border-radius: 36rem;}
.list-q-top{display: flex; align-items: flex-start; gap: 10px; padding-top: 2rem;}
.list-q-top-con{padding-top: 5px;}
.list-q-top .img-box{width: 60px; min-width: 60px; aspect-ratio: 1 / 1; border-radius: 6px; overflow: hidden;}
.list-q-top .img-box img{width: 60px; aspect-ratio: 1 / 1; object-fit: cover;}
.list-q-top .list-q-top-con p{line-height:normal;}
.no-breakdown{padding: 60px 0; text-align: center; border-bottom: 1px solid #eaeaea;}
.My-tit{border-bottom:1px solid #333;padding-bottom:10px;}
.My-tit h2{font-size:25px;}
.user_modify_id{display: flex; justify-content: space-between; align-items: center;}
.modal-tit{padding-bottom:10px; border-bottom:1px solid #333; margin-bottom:2rem}
.leave-reason textarea{min-height: 140px;}
.mypage_btn_tab{margin-top: 3rem;}
.mypage_btn_tab button, .customer_service_btn_tab button{width: 50%; font-weight: 700; color: #B1B1B1; background-color: #f5f5f5; border: 1px solid #eaeaea; padding: 15px 0;}
.mypage_btn_tab button.on, .customer_service_btn_tab button.on{background-color: #fff; color: var(--primary); border-bottom: 1px solid #fff;}
.calendar-btn{display: flex; align-items: center; width: 100%;}
/*.My-order-box{margin-top: 5rem;}
.My-order-box.detail{margin-top: 3rem;}
.My-order-box > ul{display: flex; gap: 50px; flex-wrap: wrap;}
.My-order-box > ul > li{width: 100%;}
.My-order-box .My-order-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;}
.My-order-box .My-order-top .My-order-top-left{display: flex; align-items: center; gap: 8px;}
.My-order-box .My-order-top .My-order-top-right{display: flex; align-items: center; gap: 8px;}
.My-order-box .My-order-top .My-order-top-right button{padding: 10px 20px; border-radius: 6px; font-size: 13px; font-weight: 500;}
.My-order-box .My-order-bottom{display: flex; gap:20px; flex-wrap: wrap;}
.My-order-box .My-order-bottom > li{width: 100%; border: 1px solid #eaeaea; border-radius: 10px;}
.My-order-box .My-order-bottom > li .My-order-head{border-bottom: 1px solid #eaeaea; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center;}
.My-order-box .My-order-bottom > li .My-order-head h2{margin:0;}
.My-order-box .My-order-bottom > li .My-order-body{display: flex; flex-wrap: wrap; gap: 20px; padding: 20px;}
.My-order-box .My-order-bottom > li .My-order-body li{width:100%; display: flex; align-items: center;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-left{display: flex; align-items: flex-start; gap: 20px; width: 80%;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-left .My-order-item{max-width: 110px; width:100%; aspect-ratio: 1 / 1; border-radius: 6px; overflow: hidden; border: 1px solid #eaeaea;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-left .My-order-item img{width:100%; aspect-ratio: 1 / 1; object-fit: cover;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-left .My-order-con{padding: 1rem 0 0;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-right{ width: 20%; text-align: center;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-right button{width: 100%; padding: 5px; font-size: 14px; font-weight: 500; border-radius: 6px;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-left{width: 70%;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-left .My-order-con h3{color:#707070;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-right{width: 30%;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-right .inquiry-btn-box{display: flex; flex-wrap: wrap; gap: 8px;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-right button{width: calc((100% / 2) - 4px);}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-right button.review-btn{width: 100%; border: 1px solid #ccc; color: var(--primary); background-color: #fff;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-right button.review-btn.veiw{color: #333;}
.My-order-box.request .My-order-bottom > li .My-order-body .My-order-left{width: 100%;}*/
.popover{width:100%; max-width: 250px;}
.popover-header{padding:10px; font-size:15px; font-weight:600;}
.popover-body {padding:10px; font-size:15px; font-weight:300; color: #333;}
.radios label { display: flex; align-items: center; cursor: pointer;}
.radios input { display: none;}
.radios input:checked + .ic_box {border: 2px solid var(--primary); background-color: #fff;}
.radios input:checked + .ic_box:after {content: ''; display: block; width: 0.8rem; height: 0.8rem; background-color:var(--primary); border-radius: 50%;}
.radios .ic_box {display: inline-block; width: 1.8rem; height: 1.8rem; font-size: 1.4rem; text-align: center; border: 1px solid #ccc; background-color: #fff; color: var(--input_placeholder); display: flex; align-items: center; justify-content: center; margin-right: 0.6rem; border-radius: 2.0rem;}
input:checked ~ .chk_p {color: var(--text);}
.image_upload {display: inline-block; position: relative;}
.upload_box {width: 11rem; height: 11rem; border: 1px solid #eaeaea; cursor: pointer; background: url(../img/btn_add_img.png) no-repeat center top 40% / 4.0rem; border-radius: 1.0rem; position: relative;}
.upload_box label {
display: inline-block;
margin-bottom: 0rem;
}
.rect {width: 100%;position: relative; overflow: hidden;}
.rect:after {content: ""; display: block; padding-bottom: 100%;}
.rect img {position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.image_upload.on .upload_del{display: flex;}
.upload_del {position: absolute; top: 0.8rem; right: 1.5rem; width: 2.2rem; height: 2.2rem; border-radius: 50%; background-color: transparent; padding: 0 !important; display: none;}
.touch_scroll {overflow-x: auto; overflow-y: hidden;}
.return-sec1{margin-bottom:20px;}
.return-sec2{margin-bottom:20px;}
.return-sec2 input{border-radius: 6px;}
.return-sec3{margin-bottom:20px;}
.return-success-top{text-align: center; padding-top: 5rem; padding-bottom: 2rem;}
.reason-box{padding:2rem 0 4rem; display: flex; align-items: flex-start;}
.reason-box p:nth-child(1){width: 100px; font-size: 15px; font-weight: 300;}
.reason-box p:nth-child(2){width:100%; font-size: 15px; font-weight: 300; word-break: keep-all;}
.my-reason-box .my-reason-box-img{max-width: 120px; width: 100%; aspect-ratio: 1 / 1; border-radius: 6px; overflow: hidden; border: 1px solid #eaeaea;}
.my-reason-box img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
.store-box.wish .store-list{width:calc((100% / 2) - 10px)}
.address-btn{text-align: right; padding: 3rem 0 2rem;}
.address-btn button{border-radius: 6px; padding: 10px; max-width: 150px; width: 100%; font-size: 15px; font-weight: 500;}
/*.My-order-box .My-order-bottom > li .My-order-body.reveiw{}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-left{width: 50%;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-right{width: 50%; display: flex; justify-content: space-between; align-items: center;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-right p{width:100%;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-right button{max-width: 130px; width: 100%; border: 1px solid #ccc;}*/
.review_star{display: flex; align-items: center; gap: 3px;}
.star-box{display: flex; align-items: center;}
.star-box .star{background: url(../img/star_off.svg) no-repeat; width: 28px; height: 28px; cursor: pointer; background-size: cover;}
.star-box .star.on{background: url(../img/star_on.svg) no-repeat; background-size: cover; }
.star-box .star_sm{background: url(../img/star_off.svg) no-repeat; background-size: cover; width: 18px; height: 18px;}
.star-box .star_sm.on{background: url(../img/star_on.svg) no-repeat; background-size: cover;}
/*.written_reveiw li {line-height: normal; justify-content: space-between; gap: 20px;}
.written_reveiw li .written_reveiw_sec1{display: flex; align-items: center; gap: 20px; width: 50%;}
.written_reveiw li .written_reveiw_sec1 .item{max-width: 100px; aspect-ratio: 1 / 1;}
.written_reveiw li .written_reveiw_sec1 .item img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 6px;}
.written_reveiw li .written_reveiw_sec2{width: 30%;}
.written_reveiw li .written_reveiw_sec3{width: 20%; display: flex; flex-wrap: wrap; gap: 10px;}
.written_reveiw li .written_reveiw_sec3 button{width: 100%; border-radius: 6px; padding: 10px; font-size: 14px; font-weight: 500;}
.written_reveiw li .written_reveiw_sec4 .btn_delete{padding: 0; border: 0; background-color: #fff;}*/
.review-detail-head{padding: 30px 0; border-bottom: 1px solid #eaeaea; display: flex; align-items: flex-start; gap: 20px;}
.review-detail-head .item{width: 80px; aspect-ratio: 1 / 1; border-radius: 6px; overflow: hidden;}
.review-detail-head .item img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
.review-detail-body{padding-top: 20px;}
.detail-con-top{display: flex; gap: 10px; align-items: center;}
.review-detail-body .detail-con{padding: 15px 0 30px; border-bottom: 1px solid #eaeaea;}
.detail-con-img{display: flex; align-items: center; gap: 10px 20px; flex-wrap: wrap; padding-top: 20px;}
.detail-con-img img{max-width: 150px; width: 100%; aspect-ratio: 1 / 1; border-radius: 6px;}
.review-detail-body button{border-radius: 6px; padding: 15px; width: 150px;}
.inquiry-delete{border: 1px solid #eaeaea; background-color: #fff; font-size: 13px; border-radius: 6px; padding: 5px 10px;}
.inquiry-delete:hover{color:#663399}
/*.inquiry-top{border-radius: 10px; text-align: center; }*/
.inquiry-top button{padding: 10px 20px; border: 0; color: #fff; border-radius: 6px; font-size: 13px; line-height: normal; font-weight: 600;}
.notice-con{border-top:1px solid #333;}
.notice-con > div{line-height: normal; padding:30px 0;}
.notice-con article{font-size: 15px; font-weight: 300; padding:30px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.faq-filter{margin-bottom: 2rem;}
.faq-filter .faq-filter-btn{display: flex; gap: 5px; flex-wrap: wrap;}
.faq-filter .faq-filter-btn button{border: 1px solid #eaeaea; border-radius: 6px; padding: 5px 10px; background-color: #fff; font-size: 14px; font-weight: 500;}
.faq-filter .faq-filter-btn button.active{border: 1px solid #663399; color:#663399}
/*모바일 검색어*/
.sub_wrap.m_search{
padding-top: 0 !important;
}
.search .mobile_subheader_wrap{
display: none;
height: 0 !important;
}
.search .sub_wrap{
padding-top: 0 !important;
}
/* .m_search{padding: 20px 0;} */
.m_search .infl_list_form_l{max-width: 100%;}
.recommend{margin: 20px 0 30px;}
.recommend ul{display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.recommend ul li button{border-radius: 50px; font-size:14px; color:#333; padding: 9px 14px;}
.soaring_search .soaring_search_top .soaring_search_tit{display: flex; align-items: center; gap: 5px; margin-bottom: 5px;}
.soaring_search .soaring_search_top .soaring_search_tit h2{margin:0;}
.soaring_search .soaring_search_top p{font-size: 12px; font-weight: 400; color:#999;}
.soaring_search .soaring_search_top .soaring_search_tit button{display: flex; padding: 0; line-height: normal; border: 0; background-color: #ffffff00;}
.soaring_search{margin-bottom: 60px;}
.soaring_search ul li{border-bottom: 1px solid #eaeaea;}
.soaring_search ul li button{display: flex; gap: 5px; width: 100%; padding: 15px 10px; border: 0; background-color: #ffffff00;}
.soaring_search ul li button span:nth-child(1){width: 20px; display: inline-block; text-align: left;}
/* 공통 스타일 */
.line_h4 {line-height: 1.4em;}
.link { text-decoration-line:underline}
.a_link a { text-decoration-line:underline}
.wh-pre { white-space: pre-line;}
.one-line {display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.border-none {border: none;}
.fc_primary {color: #663399}
.fc_purple {color: #756EF0}
.h3_tit {font-size: 3.2rem; font-weight: 700;}
.h4_tit {
font-size: 2.4rem; font-weight: 600;
}
.container-xl {
padding: 0 2rem;
}
.container-md {
max-width: 580px;
}
.mr-12 {
margin-right: 1.2rem;
}
.fw_400 {
font-weight: 400 !important;
}
.fw_700 {
font-weight: 700 !important;
}
.my_left { width: 200px;}
.my_left .left-tit{margin-bottom: 5rem;/*6.5rem;*/}
.my_left ul:nth-child(2){padding-bottom:1rem; margin-bottom:3rem;}
.my_left ul li{font-size: 16px; margin-bottom: 2rem;}
.my_left ul li.on{color:var(--primary)}
.my_wrap { width: calc(100% - 200px); padding-left:5%;}
.semi_blue {
color:#7E93A8
}
.deco_none {
text-decoration: none !important;
}
.bg_ligntblue {
background-color: #F1F4F9;
}
.my_modal .btn_style02 {
width: 100%;
}
.Mypage{padding-top:5rem}
/* 인풋 스타일 */
.ip_wr {
margin-bottom: 1rem;
}
.input-group {
margin-bottom: 1rem;
}
.id .input-group{margin-bottom: 0rem;}
.ip_tit {
margin-bottom: 2px; font-weight: 400;
}
.ip_tit h5 {
font-size: 1.5rem; color: #333;
}
.input-group:not(.has-validation)>.form-control:not(:last-child) {
margin-right: 1rem; resize: none;
}
.input-group-append, .input-group-prepend {
flex-wrap: inherit;
}
/*.scsText {
color: #756EF0; font-size: 1.4rem;
}
.errText {
color:#F6163C; font-size: 1.4rem;
}*/
.scsText::before {
content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px;
background: url(./../img/success.png) no-repeat center; background-size: cover;
transform: translateY(-2px);
}
.errText::before {
content: ''; display: inline-block;width: 16px; height: 16px; margin-right: 5px;
background: url(./../img/err.png) no-repeat center;background-size: cover;
/*background: url(./../img/ip_invalid.png) no-repeat center;*/
transform: translateY(-2px);
}
.sns_adress label {
display: flex; align-items: center; position: absolute; top: 50%; left: 20px;
font-weight: 600;
transform: translateY(-50%); z-index: 5;
}
.sns_adress input {
position: relative
}
.sns_adress input.sns_instar {
padding-left: 165px;
}
.sns_adress input.sns_facebook {
padding-left: 160px;
}
.sns_adress input.sns_youtube {
padding-left: 215px;
}
.form-check-group {
display: flex; flex-wrap: wrap;
}
.form-check-group .form-check {
width: 118px; margin-bottom: 0.8rem;
}
/* 추가 버튼 스타일 */
.btn_style01 {
width: 10rem; padding: auto 0 !important;
} /* 인풋 버튼 */
.btn_style02 {
width: 277px;
} /* lg - 모달창 */
.btn-sm {
font-weight: 500; /*padding: 1rem 2.5rem; height: 4.3rem !important;*/
}
/*셀렉트 옵션*/
.check_select_wrap{
position:relative; width: 100%;
}
.check_select_box{
height: calc(1.5em + 2.6rem + 2px); padding:0 15px; line-height: calc(1.5em + 2.6rem + 2px);
border:1px solid #D2DCE8; background: url(../img/bg_select.png) no-repeat right 10px top 50%; background-size: 14px 8px;
color: #222222; font-size: 1.6rem;
cursor: pointer;border-radius: 6px; font-weight: 300;
}
.check_select{
display: none; position:absolute; overflow-y: scroll; width:100%; max-height: 300px;
border:1px solid #D2DCE8; background-color: #F6F8FB;
z-index: 1020;
}
.check_select.on{
display: block;
}
.check_select::-webkit-scrollbar {
width: 4px;
}
.check_select::-webkit-scrollbar-track {
background: #eee;
}
.check_select::-webkit-scrollbar-thumb {
border-radius: 40px; background: #B2BBC8;
}
.check_select::-webkit-scrollbar-thumb:hover {
background: #5F6F81;
}
.check_select_list {
border-bottom: 1px solid #D2DCE8;
}
.check_select_list:hover{
background-color: #EDEFF3;
}
.check_select_list:last-child{
border:none;
}
.check_select_list .form-check-label{
width:100%; padding:16px 20px;
}
/* 모달 공통 스타일 */
.my_modal .modal-content {
padding: 5rem 4rem;
border-radius: 12px;
}
.my_modal .modal-content.no-pd{padding: 0rem; }
.my_modal .modal-header {
padding: 0; padding-bottom: 3rem;
}
.my_modal .modal-content.no-pd .modal-header{
padding:1rem 1.5rem;
/* border-bottom:1px solid #EAEAEA; */
}
.my_modal .modal-content.no-pd .modal-header .close{opacity: 1;}
.my_modal .modal-body {
padding:0;
}
.my_modal .modal-content.no-pd .modal-con {
width: 100%; margin: 1rem auto; height: 85%;
/* overflow-y: auto; */
}
.my_modal .modal-content.no-pd .modal-con .modal-body{
/* padding:1.5rem; */
background-color:#FFF7FB; border-radius:6px;
}
.my_modal .modal-footer {
padding-top: 3rem;
}
.my_modal .modal-title {
font-size: 2.0rem; font-weight: 700; color: #222;
}
.my_modal .modal-content.no-pd .modal-con{
padding: 0 2rem !important;
}
/* 테이블 공통 스타일 */
.my_table {
text-align: center; table-layout: fixed;
}
.my_table td {
overflow:hidden;
}
.my_table thead {
font-size: 1.3rem; color: #999999; font-weight: 400;
}
.my_table tbody {
border-bottom: 1px solid #B2BFC8;
font-size: 1.4rem; font-weight: 400; color: #333;;
}
.table.my_table thead th {
padding: 1.9rem 1.25rem;
border-top: 2px solid #D2DFE8;
}
.table.my_table td {padding: 2rem 1rem; border-top: 0; border-top: 1px solid #eaeaea;}
.table.notice .num(1){width:10%;}
.table.notice .con{width:75%;}
.table.notice .day{width:15%;}
.table_txt {
overflow:hidden; text-overflow:ellipsis; margin-bottom: 0; width: 100%;
text-align: left; font-size: 1.6rem; font-weight: 600; white-space:nowrap;
}
.table.my_table .one-line {
transform: translateY(4px);
}
.w_900 {
min-width: 900px;
}
.w_700 {
min-width: 700px;
}
/* 좋아요 */
.card_body .btn_like{
position:absolute; top:-33px; right:12px; width:46px; height:46px; z-index: 999;
border:1px solid #D2DCE8!important; border-radius: 50%; background-color: #fff;
}
.ic_like{
width:30px; height: 24px; padding:0;
background: url(../img/ic_heart.png) no-repeat 0 0;
background-size: 100% auto;
}
.btn_like.on .ic_like{
background-position: 0 92%;
}
.ani_modal{
display: none;
position:fixed;
top:calc(50% - 83px);
left:calc(50% - 83px);
z-index: 1050;
justify-content: center;
align-items: center;
flex-direction: column;
width:166px;
height: 130px;
padding-top:22px;
border:1px solid var(--primary);
border-radius: 10px;
background-color: #fff;
font-size: 1.5rem;
text-align: center;
box-shadow:0px 0px 12px rgba(52,56,72,0.16);
vertical-align: middle;
}
.ani_modal.btn_like_ani img{
width: 50px;
}
.ani_modal img{
margin-bottom: 14px;
}
/* 장바구니 토스트*/
.btn_cart_toast_wrap{
position:relative;
}
.cart_toast_box{
display: none; position:absolute; width:272px; top:-140px; left:0; padding:30px 20px 20px;
background-color: #fff;
box-shadow:0px 3px 6px rgba(53,58,71,0.16);
}
.cart_toast_box p{
margin-bottom: 13px;
font-size: 1.6rem; color:#222; font-weight: 400; text-align: left;
}
.cart_toast_box .btn{
width:100%;
}
.cart_toast_box .btn_close{
position:absolute; top:15px; right:10px;
color:#8E9AA7;
cursor: pointer;
}
/* 아이템 인포 레이아웃*/
.item_info_sm{
padding-left: 0; padding-right: 0;
border:none;
}
.item_info_sm .square{
width:100px; margin-right: 2rem;
}
/* 장바구니 */
.item_box .chkbox{
border-radius: 50%; margin-right: 15px;
}
.cart_allChk{
padding-bottom: 15px;
background-color: #fff;
}
.item_list > li{
margin-bottom: 20px; border: 1px solid #eaeaea; border-radius: 10px;
}
.item_list_header{
padding:15px 15px 10px;
border-bottom: 1px solid #eaeaea;
}
.list_item{ width:100%;}
.list_item .item_info{
flex-shrink: 0; width: 64%; max-width: 100%; padding: 0; border: 0; align-items: center; gap: 20px;
}
.item_price_wrap{
display: flex; width:100%;
}
.list_item .item_info .item_name{width:100%;}
.list_item > section{display: flex; width:100%; align-items: center; justify-content: space-between; padding: 15px;
flex-direction: column;}
.list_item .form-check-label{
display: flex;
}
.list_item .item_price{display: flex; align-items: center; gap: 13px;}
.list_item .item_price del{color: #707070; font-size: 15px; font-weight: 300;}
.list_item .item_price p{font-weight: 600;}
.item_list_price{padding: 0 20px 20px; background-color: #ffffff00;}
.item_list_price small{
color: #5F6F81; margin-right: 3px;
}
.delivery_fee{
display: flex; flex-grow: 1; justify-content: center; align-items: center; flex-direction: column; padding:0 15px;
border-left: 1px solid #E8ECF5;
}
.delivery_fee i{
color:#B2BFC8;
}
.list_item .btn_delete{ padding: 0; width: 24px; height: 24px;}
.item_wrap .item_order_right{
z-index: 1029;
}
.item_order_right .check_select{
max-height: 240px;
}
.item_list_price_total i{
display: none;
}
/* 주문 */
.input_phoneNum{
display: flex; max-width: 340px;
}
/* 리뷰 */
.item_box_oneBtn .list_item{
margin-bottom: 0;
}
.item_box_oneBtn .list_item > section{
border:none;
}
.item_box_oneBtn .list_item:last-child{
border-bottom: 1px solid #E8ECF5;
}
.review_star_lg i{
font-size: 3.4rem; margin-right: 0.8rem;
}
.input_review_star i{
cursor: pointer;
}
.file_attachment_wrap{
display: flex; flex-wrap: wrap; margin-top: 20px;
}
.file_attachment_wrap .square{
width:calc(20% - 24px); margin-right: 30px; margin-bottom: 30px;
}
.file_attachment_wrap .square:nth-child(5n){
margin-right: 0;
}
.file_attachment_wrap .square .attachment-delete{
position:absolute; top:0; right:0; padding:10px;
}
.inquiry_product_list_a{
margin-top: 30px; padding: 30px 20px;
background-color: #F1F4F9;
}
/* input Range */
.custom-range::-webkit-slider-thumb {
background: gray;
}
.custom-range::-moz-range-thumb {
background: gray;
}
.custom-range::-ms-thumb {
background: gray;
}
-webkit-slider-thumb:active {
background-color: red;
}
-webkit-slider-thumb,
.custom-range:focus::-webkit-slider-thumb,
.custom-range:focus::-moz-range-thumb,
.custom-range:focus::-ms-thumb {
box-shadow: red;
}
.item_box_right .item_info{
width:100%; flex-shrink: 1;
}
.list_item_right{
display: flex;
flex-shrink: 0;
flex-grow: 1;
justify-content: center;
align-items: center;
width:25%;
padding: 0 15px;
border-left: 1px solid #E8ECF5;
}
.order_state_wrap .list_item_right{
flex-direction: column; padding:15px 20px;
}
.order_state_wrap .list_item_right .btn{
width:100%; margin: 5px 0;
}
/* Delivery State */
.delivery_state_wrap{
margin-left:-64px; margin-right: -24px; padding-top:30px;
}
.delivery_state{
display: flex; justify-content: space-between;
}
.delivery_state > li{
display: flex; position: relative; justify-content:flex-start; align-items: center; flex-direction: column; width:25%;
text-align: center; font-size: 1.6rem; font-weight: 600; color: #B2BBC8;
}
.delivery_state > li::before{
content: ''; position:absolute; width: calc(100% - 14px); top:6px; right: calc(50% + 7px);
border-top: 2px dotted #B2BBC8;
}
.delivery_state > li:first-child::before{
content: unset;
}
.delivery_state > li.on{
color:#756EF0;
}
.delivery_state > li.on.current_state .delivery_state_text{
margin-top: 10px; padding:2px 6px;
border-radius: 4px; background-color: #756EF0;
color: #fff;
}
.delivery_state > li.on.current_state .delivery_state_text::before{
content: ''; position:absolute; width:14px; height:14px; top:10px; left:calc(50% - 10px);
border:10px solid transparent; border-bottom: 10px solid #756EF0;
}
.delivery_state > li.on .circle{
border-color: #756EF0;
}
.delivery_state > li.on::before{
border-color: #756EF0;
}
.delivery_state > li .circle{
width:14px; height:14px; margin-bottom: 4px;
border:2px solid #B2BBC8; border-radius: 50%;
}
.delivery_state > li::before{
content: '';
}
.order_state_wrap .list_item_right .btn_more{
display: none;
}
/* Period */
.Order-period{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top:3rem;}
.btn_period_wrap{display: flex; align-items: center; max-width: 270px; width: 100%;}
.btn_period_wrap .btn{margin: 0 !important; width:25%; padding: 12.55px 0px; font-size: 15px; font-weight: 500; border: 1px solid #ccc; border-right: 0;}
.btn_period_wrap button:nth-child(1){border-radius: 6px 0 0 6px;}
.btn_period_wrap button:nth-child(2){border-radius: 0;}
.btn_period_wrap button:nth-child(3){border-radius: 0;}
.btn_period_wrap button:nth-child(4){border-radius: 0 6px 6px 0; border-right: 1px solid #ccc;}
.btn_period_wrap .btn.on{border: 1px solid #663399; color:#663399;}
.calendar_box{display: flex; align-items: center;}
/* Calendar */
.calendar_wrap{
display: flex; align-items: center; margin-bottom: 30px;
}
.form-group.calendar{
max-width: 150px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
width:38%;
border-color: #D2DCE8; background-color: #fff;
}
.ui-widget{
font-family: 'Pretendard';
}
.ui-datepicker-month{
text-align: center!important;
}
.ui-widget-header{
background: #fff;
border:1px solid #fff;
}
.ui-widget.ui-widget-content{
border-color: #D2DCE8;
}
.ui-datepicker td span, .ui-datepicker td a{
margin:0.1em 0; padding:0.35em 0.2em;
border-radius: 50%;
text-align: center;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
border:1px solid #fff;
background: #fff;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
border: 1px solid #756EF0;
background: #756EF0;
font-weight: normal;
color: #ffffff;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
font-family: 'Pretendard';
}
/* Item Slide*/
.swiper-button-next, .swiper-button-prev{
color: #fff !important;
}
.item_slide .swiper-thumbs .swiper-slide{
}
.item_slide .swiper-thumbs{
margin-top:10px;
}
.item_slide .swiper-slide-thumb-active img{
border:1px solid #756EF0;
box-sizing: border-box;
}
.item_slide .swiper-free-mode>.swiper-wrapper{
padding-left: 1px;
}
.item_influencer_list_wrap{
display: flex; margin-top: 25px; justify-content: space-between; align-items: center; padding:0 30px; height:108px;
background-color: #F1F4F9;
}
.item_influencer_list{
position:relative; display: flex;
background-color: transparent; border:none;
}
.item_influencer_list .square{
width:54px; height: 54px; margin-left: -15px;
}
.item_influencer_list .square img{
border-radius: 50%;
}
.dimmed{
background-color: rgba(51,51,51,0.6);
}
.price em{
margin-left: 0.05em;
font-size: 0.68em; font-weight: 400; font-style: normal;
}
.price .bf_discount{
font-weight: 300;
}
.price .price-big{
font-weight: 600;
}
.item_side_info .price-big{
font-size: 3.2rem;
}
.item_side_info .discount, .item_side_info .bf_discount{
font-size: 2.2rem;
}
.review_detail_slide .swiper-pagination-fraction{
bottom:0px;
color:#fff;
}
.swiper.review_detail_slide{
padding-bottom: 30px;
}
/*dropdown_list*/
.circle_title{display: inline-block;border-radius: 3px; width: auto;color: #fff;font-size: 1.2rem;background-color: var(--primary); font-weight: 500; padding: 4px; line-height: 1.2; margin-bottom: 13px; }
.dropdown_list_q{ display: flex; align-items: center; padding: 20px 0 10px; gap: 15px; cursor: pointer; position: relative; text-align: left;}
.inquiry-writer{position:relative; /*line-height: 34px;*/}
/*.inquiry-writer .id-day{padding-right: 82px;}*/
.dropdown_edit_delete{position: absolute; right: 0; bottom: 30px;}
.dropdown_list_q .inquiry-writer .id-day span{color: #707070;}
.dropdown_list_q .dropdown_edit_delete button{color: #707070;}
.dropdown_list_a{display: none;
/*padding: 15px;*/
background-color: #F5F5F5;
text-align: left;
border-radius: 12px;
margin-bottom: 20px;}
.dropdown_list_a .answer-con{padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #e3e3e3}
.dropdown_list_a .answer-con .answer-top{display: flex; gap: 10px; margin-bottom: 10px;}
.dropdown_list .inquiry-top li{padding-bottom:0;}
.dropdown_list .inquiry-writer .id-day > p.fs_14{color:#767676;}
.circle_title.off{
color: var(--gray-500);
background-color: var(--gray-200);
}
.fc_black{
color: #000 !important;
}
/* item_detail_wrap */
.item_detail_wrap{ gap:40px; flex-wrap: nowrap;position: relative; align-items: self-start; }
.item_detail_left_wrap{width: 100%;}
.tab_menu{ display: flex;}
.tab_menu li{display: flex; justify-content: center; align-items: center; width:25%; text-align: center; border-right: none; font-size: 1.6rem; cursor: pointer; color: #b1b1b1; font-weight: 600;
border-bottom:1px solid var(--gray-200);}
.tab_menu li a{width:100%; padding:18px 0;}
/* .tab_menu li:last-child{ border-right: 1px solid #eaeaea;} */
.tab_menu li.on a{background-color: #fff; border-bottom:1px solid var(--primary); border-right: 0; color:var(--primary); font-weight: 700;}
/* .tab_menu li.on:last-child{border: 1px solid #eaeaea; border-right: 1px solid #eaeaea;} */
.tab_menu li small{ font-style: 1.3rem; color:#B2BBC8;}
.item-detail-con{overflow:hidden; max-height:1200px; width:100%; margin: auto;}
.item-detail-more{width: 220px; border-radius: 6px; padding: 15px 0; font-size: 15px; font-weight: 500;}
.item_detail_01, .item_detail_02, .item_detail_03{margin-bottom:5rem;}
.review-grade{display: flex; justify-content: center; align-items: center; gap: 15px;
border: 1px solid #F9F9F9; background-color: #F9F9F9; border-radius: 6px; padding: 3rem 0;margin-bottom: 10px;flex-wrap: wrap;
}
.rv-star-box{display: flex; align-items: center; gap: 10px;}
.rv-star-box .rv-star{background-color: #e1e1e1; position: relative; line-height: normal;display: flex;}
.rv-star-box .rv-star img{position: relative; z-index: 2;}
.rv-star-box .score-fill{position: absolute; background-color: var(--primary); height: 100%; top: 0; left: 0; z-index: 1}
.review-grade .rv-score-box{display: flex; align-items: center; gap: 10px;}
.review-filter{display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top:30px; margin-bottom:20px;}
.review-filter button{border: 0; background-color: #ffffff00; font-size: 13px; color: #707070;}
.review-filter button.on{color:#333;}
.review-filter button:focus, .dropdown_edit_delete button:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgb(102 51 153 / 22%);}
.text-g-box{ line-height: 18px; margin-bottom: 3rem; margin-top: 1.5rem; color: #333;}
/*store*/
.store-box{display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; margin-bottom: 40px;}
.store-list {border: 1px solid #eaeaea; border-radius: 6px; display: flex; align-items: stretch; gap: 15px; width: calc((100% / 3) - 14px); position: relative;}
.store-list .store-con-box{padding: 30px 20px; display: flex; align-items: flex-start; gap: 15px; cursor: pointer;}
.store-list:hover{border: 1px solid #663399;}
.store-list:hover .store-tit{color:#663399;}
.store-logo{max-width: 80px; min-width: 80px; height: 80px; background-color: #f5f5f5; border-radius: 50%; overflow: hidden; border: 1px solid #f5f5f5;}
.store-logo img{aspect-ratio: 1 / 1; width: 100%; object-fit: cover;}
.store-con p:nth-child(2){font-size: 14px; line-height: 20px;}
.store-con .store-tit{font-size: 16px; font-weight: 700;}
.heart_delivery_wrap{ display: flex; align-items: center; gap:10px}
.heart_delivery_wrap .review_heart{font-size:14px; display: flex; gap: 2px; align-items: center;}
.review_heart{color:#222;}
.heart_delivery_wrap .review_heart span{font-weight:500;}
.item_num span{color: #707070; font-size: 14px; font-weight: 300;}
.store-list .like-btn2{position: absolute; top: 20px; right: 20px;}
.store-box .like-btn2 .like-btn, .store-detail-list .like-btn{position: unset; background: url(../img/ic_like_off2.svg) no-repeat;}
.store-box .like-btn2 .like-btn.active, .store-detail-list .like-btn.active{background: url(../img/ic_like_on.svg) no-repeat}
.no-search{white-space: pre-line; text-align: center; padding: 80px 0;}
.item_side_info{}
.item_side_info .store-name{color: #707070; }
.detail_price{}
.select-option-container{padding: 1rem 0; max-height: 440px; overflow: auto; margin-top: -10px;}
.form-group select{border-radius: 6px;}
.detail_price .price-line{font-size: 14px; color: #e1e1e1; font-weight: 500; text-decoration: line-through;}
.detail_price .discount{font-size: 20px; font-weight: 700;}
.detail_price .price-big{font-size: 22px; font-weight: 700;}
.coupon-down{font-size: 12px; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; padding: 7px 10px;}
.item_side_info .option_box .form-group{display: flex; gap: 10px; }
.item_side_info .option_box .form-group p:nth-child(1){font-size: 14px; color: #707070; text-wrap-mode: nowrap; min-width: 90px;}
.item_side_info .option_box .form-group:nth-child(2){ padding-bottom:20px; border-bottom: 1px solid var(--gray-200);}
.selected_option_box .order_quantity{border: 1px solid #eaeaea; border-radius: 6px; overflow: hidden; display: flex; align-items: stretch;}
.order_quantity .quantity_minus{background-color: #fff; border: 0; padding: 0px; width: 40px; height: 34px;}
.order_quantity .current_quantity{width: 60px; height: 34px;; border: 0; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.order_quantity .quantity_add{background-color: #fff; border: 0; padding: 0px; width: 40px;height: 34px;}
.selected_option_box .btn_close{background-color: #fff; position: unset; border-radius: 50%; padding: 5px; width: 24px; height: 24px; border: 1px solid #eaeaea; line-height: 10px;}
.selected_option_box .option_tit{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 10px;}
.selected_option_box .option_name{margin-bottom: 0px;}
.item-button-box .like-btn2{width:20%; text-align: center;}
.item-button-box .like-btn2 .like-btn{position: unset; background: url(../img/ic_like_off2.svg) no-repeat;}
.item-button-box .like-btn2 .like-btn.active{background: url(../img/ic_like_on.svg) no-repeat}
.item-button-box{display: flex; gap: 8px; align-items: center;}
.item-button-box .btn_cart_toast_wrap button{padding: 16px 0; font-size: 16px; color: #333; border-radius:6px; border: 1px solid #ccc; background-color:#fff; width:100%;}
.item-button-box .btn_cart_toast_wrap button:hover{color: #663399; border: 1px solid var(--primary);}
.item-button-box .btn_order, .item-button-box .btn_cart_toast_wrap{width:40%;}
.item-button-box .btn_order button{padding: 16px 0; font-size: 16px; color: #fff; border: 1px solid var(--primary); border-radius:6px; background-color:var(--primary); width:100%;}
.review-top{display: flex; align-items: center; justify-content: space-between; margin-bottom:1rem;}
.review-top-con{display: flex; align-items: center; gap:10px;}
/*.item_detail_03 .inquiry-top{display: flex; justify-content: space-between; gap: 10px; align-items: center;}*/
.modal-body .form-control{border:1px solid #e3e3e3; border-radius: 6px;}
/*.dropdown_list_toggle > p{padding-right: 60px;}*/
textarea.form-control:focus { outline: 0; border-color: var(--primary); box-shadow: 0 0 0 0.2rem rgb(102 51 153 / 25%);}
.modal-dialog-sm{max-width: 340px; margin:1rem auto;}
.coupon-list{display: flex; flex-wrap: wrap; gap: 15px;}
.coupon-list li{width: 100%; border: 1px solid #e3e3e3; border-radius: 6px; padding: 25px 20px;}
.coupon-list li h3{font-size: 20px;}
.coupon-list li h3 span{color: var(--primary);}
.coupon-list li .cp-bottom{display: flex; align-items: center; justify-content: space-between; padding-top: 1rem; margin-top: 1rem; border-top: 1px solid #e3e3e3;}
.coupon-list li .cp-bottom p{font-size: 14px; font-weight: 300; color: #595959;}
.coupon-list li .cp-bottom .download-button{font-size: 14px; border: 1px solid #ccc; background-color: #fff; border-radius: 50px; padding: 1rem 2rem;}
.coupon-list li .cp-bottom .download-button:hover{background-color: var(--primary); color:#fff}
.coupon-list li .cp-bottom .download-button:disabled {color: #707070; background-color: #E1E1E1; border:1px solid #E1E1E1;}
.store-detail-list{display: flex; position: relative; padding: 30px 20px; border: 1px solid #eaeaea; border-radius: 6px; gap: 15px; margin-top:50px}
.store-detail-list .store-con{width: 100%;}
/*cart*/
.cart_item_wrap{display: flex; gap: 10px;}
.cart-left-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px;}
.choice-delete button{font-size: 15px; padding: 6px 9px; background-color: #fff; border: none;}
.option-change{ border-radius: 6px; font-size: 12px; padding: 6px 9px;}
.item-amount{width: calc(20% - 12px);}
.item_list_price_detail{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap:10px; width: 100%; padding: 2rem; background-color: #f5f5f5; border-radius: 6px;}
.item_order_right.cart{width: 100%; }
.order-box{padding: 1.5rem; border: 1px solid #eaeaea; border-radius: 10px;}
.cart-btn-wrap{display: flex; flex-wrap: wrap; gap: 10px;}
.btn_item_order{width: 100%; border-radius: 6px; background-color: var(--primary); border: 1px solid var(--primary); color: #fff; font-weight: 600; padding: 15px;}
.btn_item_order2{width: 100%; border-radius: 6px; background-color: #fff; border: 1px solid #eaeaea; color: #333; font-weight: 600; padding: 15px;}
.modal_item_info .option_box .form-group { display: flex; gap: 10px; border-top: 1px solid #e3e3e3; padding: 20px 0; margin-bottom: 0;}
.modal_item_info .option_box .form-group p:nth-child(1){min-width:100px;}
.modal_item_info .option_box .check_select_list{border-bottom: 1px solid #e3e3e3;}
.modal_item_info .option_box .check_select_list .checks label{padding: 1.5rem 1rem;}
.modal_item_info .option_box .check_select{overflow-y: auto; background-color: #f5f5f5; border: 1px solid #eaeaea;}
.modal-body .order_quantity .current_quantity { height: 34px; border: 0; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-radius: 0;}
.modal-body .total-amount{padding:18px 0 0}
.modal-body .total-amount .text-box{display: flex; justify-content: space-between; align-items: center;}
.modal-dialog-big .modal-footer{padding: 0 3rem 3rem;}
.modal-dialog-big .modal-footer button{max-width: 120px;}
.modal-dialog-big .modal-footer .btn_wrap{justify-content: center;}
.modal_item_info .item-con{display: flex; align-items: center; gap: 10px; margin-bottom: 2rem;}
.modal_item_info .item-con .square{max-width: 90px; aspect-ratio: 1 / 1;}
.modal_item_info .item-con .item-info .mo-item-amount{display: flex; align-items: center; gap: 10px;}
.modal_item_info .item-con .item-info .mo-item-amount p:nth-child(1){text-decoration: line-through; color: #707070;}
/*star*/
.star_delivery_wrap{display: flex; align-items: center;}
.star_delivery_wrap .review_star{ margin-right: 1rem; font-size: 1.4rem;}
.star_delivery_wrap .review_star img{width: 14px;}
.review_star i{ color:#e1e1e1;}
.review_star i.on{color:var(--primary);}
.star .rv-star-box{gap: 3px;}
.star .rv-star-box .rv-star{width: 16px;height: 16px;}
.review .square{ width:168px;}
.review_item{ padding:30px 20px; }
.review_item .review_text{margin-bottom:1rem;}
.review_item .square .dimmed{ position:absolute; right:0; bottom: 0; padding:1rem; color:#fff; font-size: 1.5rem; border-radius: 6px 0;}
.item_detail_01 img{ width:100%;}
.item_detail_04 .table_theme1 tr td:nth-child(2n-1){ width:35%;}
.item_order_right{ position: sticky; right: 0; top: 80px; margin-right: 0; background-color: #fff; z-index: 45; max-height: 630px; overflow-y: auto; padding: 2rem 0;
border-top: 1px solid var(--gray-200);}
.item_order_right .btn-lg{ padding:1.75rem 1rem;}
.order-btn-wrap{position:relative; align-items: center; gap: 15px;}
.order-btn-wrap button{width: 50%; padding: 15px 0; border-radius: 6px; font-size: 15px;}
.btn-bg-color{background-color: var(--primary); border: 1px solid var(--primary); color: #fff; font-weight: 700;}
.btn-line-color{background-color: #fff; border: 1px solid #ccc;}
.btn-bg-color:hover{background-color: #DE237B; color: #fff;}
.btn-line-color:hover{ border: 1px solid var(--primary); color: var(--primary);}
.btn-line-p-color{background-color: #fff; border: 1px solid var(--primary); color: var(--primary);}
.btn-line-p-color:hover{background-color: var(--primary); color: #fff;}
.btn_order_hide{ display: none;}
.item_order_btn{ display: none;}
.order_state_wrap .item_info{ flex-direction: column;}
.order_state{ margin-bottom: 10px; font-size: 1.8rem; font-weight: 600;}
/* Table */
.table_theme1 tr{width:100%;}
.table_theme1 tr:last-child td{ border-bottom:1px solid #EAEAEA;}
.table_theme1 tr td{ font-weight:300;}
.table_theme1 tr td:nth-child(2n-1){ width:40%; background-color: #F9F9F9; color:#333; text-align: left; font-weight:500;}
.table_theme1 tr td:nth-child(2n-1){ font-weight: bold;}
.commission_num{ width:50px;}
/* rolling hotkeyword */
.rolling_hotkeyword_wrap{ display: flex; align-items: flex-start;}
.rolling_hotkeyword_box{ overflow: hidden; position:relative; width:100%; height:23px;}
.rolling_hotkeyword{ position:absolute; margin-top: -4px; transition: all ease-in-out;}
.rolling_hotkeyword li{ padding:5px 0; width:100%; font-size: 1.4rem; color:#5F6F81;}
.rolling_hotkeyword li a{ width:100%;}
.btn_expandDown{ position:absolute; right:0; top:0px; cursor: pointer;}
.btn_expandDown i{ padding:5px; font-size: 1.5rem;}
.rolling_hotkeyword_box.on{ overflow: visible; height: auto;}
.rolling_hotkeyword_box.on .rolling_hotkeyword{ position:relative; }
.rolling_hotkeyword_box.on .btn_expandDown{ transform: rotate(180deg);}
/* order */
.payment_method{display: flex;}
.payment_method_item{ display: flex; justify-content: center; align-items: center; width:100%; height: 50px; margin-right: 20px; padding:0 20px; border:1px solid #D2DCE8; color:#333333; font-size: 1.2rem; font-weight: 600;}
.payment_method_item:last-child{ margin-right: 0;}
.payment_method_item figure{margin-right: 10px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
.payment_method_item.on{ border-color: #756EF0; background-color: #F7F6FF;}
.payment_method_item.on figure{ flex-shrink: 0; background-position: 0 100%;}
.payment_method_card figure{ width:28px; height:21px; background-image: url(../img/bg_payment_card.png);}
.payment_method_cash figure{ width:27px; height:20px; background-image: url(../img/bg_payment_cash.png);}
.payment_method_npay figure{ width:62px; height:24px; background-image: url(../img/bg_payment_npay.png);}
.payment_method_kpay figure{ width:60px; height:24px; background-image: url(../img/bg_payment_kpay.png);}
.addressList_content li{ display: flex; justify-content: space-between; align-items: center; padding:20px 0; border-bottom: 1px solid #E8ECF5;}
.addressList_content li h6.h6{ display: inline-block; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 600;}
.addressList_content li p{ line-height: 1.6; font-size: 1.4rem; color:#555555;}
.default_address{ margin-left: 10px; color:#756EF0;}
.my_wrap .pr_member .square{ max-width:180px;}
.my_wrap .influencer_list{ margin-bottom: 0;}
.item_wrap.order{display: flex; gap: 40px; padding-top: 5rem;}
.order-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}
.order-top button{ font-size: 14px; font-weight: 500; padding: 10px 20px; border-radius: 6px;}
.order-address{padding: 2rem; border: 1px solid #eaeaea; border-radius: 6px;}
.delivery-start{display: flex; align-items: center; justify-content: space-between; margin-top: 4rem;}
.delivery-start > div{width:100%;}
.delivery-start input{max-width: 150px; width: 100%; border: 1px solid #e1e1e1; border-radius: 6px; color: #333; font-weight: 300; font-size: 15px;}
.coupon-use input{max-width: 300px; border-radius: 6px !important;}
.coupon-use button{min-width: 100px; border-radius: 6px !important;}
.payment_agreement{padding-top: 2rem; margin-top: 2rem; border-top: 1px solid #eaeaea;}
.payment_agreement button{font-size: 15px; font-weight: 300; background-color: #fff; border: 0; color: #707070;}
.payment_agreement .checks label{align-items: flex-start; line-height: normal;}
.item_order_right.order{max-width: 330px; width: 100%; }
.item_order_right.order .order-box{width: 100%; padding: 2rem; border: 1px solid #eaeaea; border-radius: 10px;}
.order-coupon .modal_item_info .item-con{margin-bottom:0;}
.order-coupon .modal_item_info .option_box .form-group, .order-coupon .modal_item_info .option_box{border: 0;}
.order-coupon .item_list_price_detail .amount{ display: flex; align-items: center; gap: 10px;}
.order-coupon .modal_item_info{display: flex; flex-wrap: wrap; gap: 30px; margin-bottom:40px;}
.order-coupon .modal_item_info li{width:100%;}
.address-popup .new-address{font-size: 15px; font-weight: 500; width: 100%; padding: 15px 0; border-radius: 6px; margin-bottom: 20px;}
.address-popup ul{display: flex; flex-wrap: wrap; gap: 15px; width:100%;}
.address-popup ul li{display: block; width:100%; padding: 25px 20px; border: 1px solid #eaeaea; border-radius: 6px;}
.address-popup .btn-box{ display: flex; align-items: center; justify-content: space-between; margin-top: 5px;}
.address-popup .btn-box > button{font-size: 13px; font-weight: 600; padding: 10px 20px;}
.address-popup .btn-box .left-btn{display: flex; align-items: center; gap: 8px;}
.address-popup .btn-box .left-btn .delete{font-size: 12px; padding: 7px 10px; border-radius: 6px; border: 1px solid #eaeaea; background-color: #fff;}
.address-popup .btn-box .left-btn .modify{font-size: 12px; padding: 7px 10px; border-radius: 6px; border: 1px solid var(--primary); color:var(--primary); background-color: #fff;}
.add-load{font-size:15px; font-weight:500; padding:10px; border-radius:6px;}
.order-success-top{text-align: center; padding: 5rem 0 5rem 0; line-height: normal;}
.order-success-top button{width: 100%;}
.order-success-body .list_item .item_info .item_name { margin-top: 0;}
/*.inquiry-top.service{padding: 50px 0}
.inquiry-top button.btn-line-color{background-color: #fff; border: 1px solid #ccc; color:#333;}*/
.account-num{display: flex; gap: 5px; align-items: center;}
.account-num select{border-radius: 6px !important; border: 1px solid #e1e1e1; height: calc(1.5em + 2.4rem + 2px); width: 100%; padding: 0 20px;}
/*스토어*/
.form_search.store_list_search button{padding: 0.9rem 0.7rem; right: 5px;}
.form_search.store_list_search input{ background-color: #fff; border: 1px solid #e1e1e1; border-radius: 6px;}
/* delivery memo*/
.input_self{
display: none;
}
.ex_btn_popup{
display: none; position:fixed; top:0; left:0; width:100vw; height: 100vh;
z-index: 1030;
}
.ex_btn_popup .dimmed{
position:absolute; top:0; left:0; width:100%; height: 100%;
background-color: rgba(0,0,0,0.7);
z-index: -999;
}
.ex_btn_li{
position:absolute; bottom:-100%; width:100%; padding:60px 30px 35px;
border-top: 1px solid #E8ECF5; border-top-left-radius:2.5em; border-top-right-radius:2.5em ;
background-color: #fff;
}
.ex_btn_popup .btn_close{
padding:10px 10px 0;
}
.ex_btn_li .square{
width:40px; height: 40px;
}
.ex_btn_popup .btn_close{
position:absolute; right:0; top:0;
z-index: 1031; font-size: 4rem; color:#555
}
.ex_btn_li li> a{
display: block; padding:14px 0;
border-bottom: 1px solid #E8ECF5;
}
.ex_btn_li li:first-of-type a{
margin-top: 20px;
border-top: 1px solid #E8ECF5;
}
.ex_btn_li li> a:hover{
padding:14px 12px;
background-color: #F6F8FB;
text-decoration: none;
transition: padding 0.2s ease-in;
}
.item_info .item_title{
margin-top: 0;
}
/* calculate */
.current_withdrawable{
display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding:30px 40px;
background-color: #F0FDF7;
}
.current_withdrawable .withdrawable_amount{
font-size: 2.4rem; font-weight: 700; color:#756EF0;
}
.current_withdrawable > span{
font-size: 1.8rem;
}
/* account info wrap */
.account_info_wrap{
display: flex; justify-content: space-between; padding:24px;
background-color: #F1F4F9;
}
.account_info_wrap .account_holder{
display: block; margin-bottom: 5px;
font-size: 1.8rem; font-weight: 700;
}
.account_info_wrap .account_num{
font-size: 1.5rem; opacity: 0.8;
}
.account_info_wrap .account_edit{
flex-shrink: 0; position: relative; bottom: -1px; margin-left: -10px; margin-right: -10px;
color:#888888; font-size: 1.4rem;
}
.account_info_wrap .account_edit .btn{
padding:0px 10px;
color:inherit; font-size: inherit;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type='range'] {
overflow: hidden;
-webkit-appearance: none;
background-color: #E8ECF5;
border-radius: 30px;
}
input[type='range']::-webkit-slider-runnable-track {
height: 20px;
-webkit-appearance: none;
color: #13bba4;
margin-top: -1px;
}
input[type='range']::-webkit-slider-thumb {
position:relative; top:1px; width: 19px; height: 19px; -webkit-appearance: none;
cursor: pointer;
border-radius: 50%; background: #2f2a94;
box-shadow: -20em 0 0 19.5em #756EF0;
position:relative;
}
}
/* Input Range */
input[type="range"]::-moz-range-progress {
background-color: #2f2a94;
}
input[type="range"]::-moz-range-track {
background-color: #756EF0;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
background-color: #2f2a94;
}
input[type="range"]::-ms-fill-upper {
background-color: #756EF0;
}
.applicable_coupon .coupon_list>li>label:last-child {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-top: 8px;
padding-left: 32px;
text-align: left;
}
.seller_main_slide img{
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.swiper-pagination-bullet { width: 30px; height: 3px; background: rgb(255,255,255,0.8); border-radius: 0 !important; }
.swiper-pagination-bullet-active { width: 30px; background: rgb(255, 255, 255); border-radius: 0 !important;}
.itembox .card-img-top{border-radius: calc(0.8rem - 1px);}
.sellerby_slide{padding: 20px;}
.sellerby_slide .swiper-slide{display: block; text-align: left;}
.sellerby_slide .itembox .card-img-top{border-top-left-radius: calc(0.8rem - 1px);border-top-right-radius: calc(0.8rem - 1px);border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.sellerby_slide .card_body{padding: 15px; border: 1px solid #eee; border-radius: 0px 0px 10px 10px;}
.bd_main{
border-radius: 12px;
border: 1px solid #ccc;
padding: 0 !important;
margin: 0 10px;
}
.border_r_1 img{
border-radius: 12px 12px 0 0 !important;
}
.card .item_title.item_txt {
padding: 15px 15px 0px 15px;
}
.item_txt {
padding: 0px 15px;
margin: 0 !important;
}
.item_card_list .card{
margin-bottom: 15px !important;
}
.item_card_list_scroll{
display: flex;
overflow-x: auto;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
.item_card_list_scroll{
-ms-overflow-style: none;
}
::-webkit-scrollbar {
/* display: none; */
}
.total-more button{
font-size: 17px;gap: 15px;
border-radius: 50px;
background-color: #fff;
box-shadow: -2px 2px 16px #e7e7e7;
color: #595959;
font-weight: 500;
margin: 58px auto 0 !important;
padding: 0 2rem;
}
.total-more button:hover{color: #000000;}
.total-more p{
margin: 10px 20px;
}
.total-more img{
margin-left: 5px;
}
.sec2.container .text-center{
margin-bottom: 68px !important;
}
.line_gray{
height: 1px;
background-color: #ccc;
margin: 50px auto;
}
.fs_15{
font-size: 15px;
}
.main_best_item{
margin-top: 80px;
}
.main_best_item .text-center p{
margin-bottom: 60px;
}
/*form*/
.card_bottom_box{
display: flex;
}
.card_bottom_box .pink_box{
background-color: var(--primary);
color: #fff;
padding: 5px;
font-size: 12px;
border-radius: 2px;
margin-right: 4px;
}
.card_bottom_box .gray_box{
background-color: var(--gray-200);
color: var(--gray-500);
font-size: 12px;
padding: 5px;
border-radius: 2px;
/* margin-top: 20px; */
}
.card_body div{
margin-bottom: 4px;
}
.card .review_star{
font-size: 14px;
}
.tit_item_sub{
margin-bottom: 5px;
}
/*login.php*/
.sns_login{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin-top: 30px;
}
.sns_login p{
width: 30%;
color: #707070;
font-size: 14px;
}
.gray_line_short{
width: 35% !important;
height: 1px;
background-color: #ddd;
}
.sns_login_icon{
margin-top: 30px;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
}
.sns_login_icon ul{
display: flex;
align-items: center;
justify-content: center;
width: 87%;
}
.sns_login_icon li{
width: 25%;
display: flex;
justify-content: center;
}
.sns_login_icon li img{
width: 50px;
height: 50px;
}
.influ_login{
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.fc_main{
color: #F34496 !important;
}
.fc_gray{
color: #595959;
}
.influ_login span{
font-weight: 500;
}
.recent_login{
margin-top: 10px;
}
.recent_login img{
width: 80px !important;
height: 33px !important;
}
/* find_id.php */
/* find_id_success.php */
.img_center{
text-align: center;
}
.img_center img{
width: 125px;
}
.line_20{
line-height: 20px;
}
.line_22{
line-height: 22px;
}
/* find_pw.php */
.txt_display{
display: flex;
align-items: center;
}
/* change_pw.php */
/* dupli.php */
/* change_pw_success.php */
/* add_info.php */
/* TOS_list.php */
.TOS_list_tit{
border-radius: 6px;
border: 1px solid #eaeaea;
padding: 15px 12px;
}
.m-0{
margin: 0 !important;
}
.br-0{
border-radius: 0 !important;
}
/* 스크롤바 전체 설정 */
.scrollbar_gray{
/* height: 100vh; 각 높이 설정하면 됨*/
padding: 1rem;
/* overflow-y: scroll; */
}
.scrollbar_gray::-webkit-scrollbar{
width: 6px;
background-color: rgba(0,0,0,0.1);
border-radius: 10px;
}
/* 스크롤바 설정 */
.scrollbar_gray::-webkit-scrollbar-thumb{
/* height: 10%; */
background-color: #B5B1A9;
border-radius: 10px;
}
.scrollbar_gray {
height: calc(100vh - 100px) !important;
}
.h_100{
height: 100% !important;
}
.hd_left{
justify-content: flex-start;
}
/* signup.php */
/* signup_success.php */
/* influ_TOS.php */
/* influ_info.php */
/* influ_profile.php */
.pick_photo{
display: flex;
align-items: center;
justify-content: center;
}
.pick_photo img{
width: 96px;
height: 96px;
}
.profile_photo{
position: relative;
}
.gallery_open_btn img{
width: 34px;
height: 34px;
}
.abs {
position: absolute;
top: 70%;
left: 70%;
}
.follow_input{
width: 49%;
}
.jus_sb{
justify-content: space-between;
}
.w_50{
width: 49%;
}
.follow_form{
display: flex;
justify-content: space-between;
}
/* waiting_sign.php */
/* refusal_sign.php */
.img_center{
text-align: center;
}
/* Responsive*/
@media (min-width:1921px) {
.sld_btn_wrap{
margin-left: -700px;
}
/*.prev1{
left:20px; margin-left: 0;
}
.next1{
right:20px; margin-right: 0;
}*/
}
@media (max-width: 1440px){
.infl_card_tit {
width: 100%; padding: 0 45px;
}
.top_influencer .card-title {
margin: 15px 0;
}
.item_li {
padding: 20px 0;
}
.infl_card_wrap {
width: 100%; padding: 0 25px;
}
.item_order_right.fixed_top{
width:280px;
}
.store_list .card_store{
padding:2rem;
}
.card_store .square{
width:60px; height: 60px; margin-right: 16px;
}
.check_select_list .form-check-label{
width:100%; padding:16px 13px;
font-size: 1.5rem;
}
.dash_ul .dash_ic{
display: none;
}
.pag_wrap {
bottom:16%;
}
.delivery_state_wrap{
margin-left:-44px; margin-right: -24px; padding-top:30px;
}
.sld_btn_wrap {
bottom:30px;
}
/*.next1{
right: 20px; margin-right:0;
}
.prev1{
left: 20px; margin-left:0;
}*/
}
@media (max-width: 1199.98px) {
.slide1{aspect-ratio: 2 / 0.8;}
.play_btn{
padding:11px 15px;
}
.sec2 .sec3, .sec4, .sec5{
margin-top: 60px;
}
.sec3 .card_body{
height:90px;
}
.top_influencer {
column-gap: 9%; padding: 0 4.5%;
}
.top_influencer .card-title {
margin: 4% 0; font-size: 26px;
}
.infl_tit {
padding: 0 4.5%; margin-top: 30px;
}
.infl_right {
margin-top: 3%;
}
.infl_tit p {
margin-bottom: 4.5%;
}
.item_li {
padding: 4% 0;
}
.card-body ul {
margin-bottom: 6%;
}
.item_img {
width: 35%; height: 35%; max-width: 105px; max-height: 105px;
}
.infl_card_tit {
padding: 0 4.5%;
}
.infl_card_wrap {
padding: 0 2.5%;
}
.infl_card {
margin-bottom: 4%; padding: 0 2% !important;
}
.influencer_list .card-title {
margin: 4% 0;
}
.influencer_list .card-text {
margin-bottom: 3%;
}
.influencer_list .card {
padding: 6% 2%;
}
.item_li .square{
width:70px; height:70px;
}
.discount{
font-size: 1.8rem;
}
.price-big{
font-size: 1.8rem;
}
/* 마이 대쉬보드 */
.membership_info {
display: block;
}
.membership .infl_profile {
max-width: 90px; max-height: 90px;
}
.membership .cancle {
padding: 0; border-left:none; height: auto; padding-top: 1.5rem;
}
.membership .cont {
width: 100%;
}
.membership_info {
width: calc(100% - 130px); margin: 2rem 0;
}
.membership li {
align-items: start;
}
.item_order_right{
}
.order-btn-wrap .btn_like{
display: none;
}
.item_order_right.fixed_top{
width:235px;
}
.order-btn-wrap .btn_like{
display: none;
}
.item_name .fs_18{
font-size: 1.5rem;
}
.item_price{
font-size: 1.5rem;
}
.delivery_fee{
font-size: 1.5rem;
}
.payment_method{
flex-wrap: wrap;
}
.payment_method_item{
width:calc(50% - 10px); margin-right: 20px; margin-bottom: 20px;
}
.payment_method_item:nth-child(2n){
margin-right: 0;
}
.item_order_right .border-top .price{
font-size: 2.4rem;
}
.item_order_right.cart {
width: 100%;
/* max-width: 260px; */
}
.oas-list-box{gap: 30px;}
.order-status-box > span img{width:5px;}
/*.My-order-box .My-order-bottom > li .My-order-body.reveiw li{gap:10px;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-left{width: 100%;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-right {display: block; width: 100%; max-width: 160px;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-right p{margin-bottom:10px;}
.written_reveiw li{flex-wrap: wrap; gap: 15px; position: relative;}
.written_reveiw li .written_reveiw_sec1{width:100%;}
.written_reveiw li .written_reveiw_sec2{width:100%;}
.written_reveiw li .written_reveiw_sec3{width:100%; justify-content: center;}
.written_reveiw li .written_reveiw_sec3 button{max-width: calc((100% / 2) - 5px);}
.written_reveiw li .written_reveiw_sec4{position: absolute; right: -10px; top: -10px;}*/
}
@media (max-width: 991.98px) {
.slide1 .sld_pc {
display: none;
}
.slide1 .sld_mb {
display: block;
}
.slide1 {
aspect-ratio: 1 / 1;
}
.mobile-btn-box{display: flex; flex-wrap: nowrap; gap: 10px;}
.mobile-btn-box img{width: 30px;}
/*.mypage-sec{display:none;}*/
/*.Mypage .mypage-sec:nth-child(1), */
.moble-mypage-menu{display:block}
.mypage-sec{margin-bottom:0;}
.my_info {display: block; padding: 16px; background-color: #fff; border-radius: 0; border-bottom: 10px solid #f5f5f5;}
.my_info .my_info_left {display: flex; justify-content: space-between; align-items: flex-start;}
.my_info_left_2 button.logout{display:none;}
.my_info .my_info_right{justify-content: space-around;}
.next1, .prev1{display: none;}
.sec1, .sec2{max-width:720px; margin:auto;}
.sec2, .sec3, .sec4, .sec5{ margin-top: 60px;}
.sec1 .slide1 .swiper-button-next,
.sec1 .slide1 .swiper-button-prev{display: none;}
.play_btn{ padding:10px 12px; }
.Mypage{padding: 0 0 6rem;}
.my_left.main, .mypage-sec .my-tit{display: none;}
.my_left.main .user_info{ max-width: 100%; padding: 0 0 3rem;}
.my_left.main .user_info_wrap{width:100%;}
.my_left.main .my_page_menu{padding: 2rem; border: 1px solid #e3e3e3; border-radius: 10px; margin-bottom: 0;}
.my_left.main .menu_list{gap: 10px 0;}
.my_left.main .menu_list li{margin: 0; width: 100%; flex: 0 0 50%;}
.My-tit{margin-bottom:3rem;}
.My-tit h2{font-size:20px;}
.my_wrap .login_pg {height: auto; align-items: flex-start}
.my_wrap { width: 100%; margin: 0; padding-left: 0;}
.my_wrap .login_cont {padding: 0;}
.h3_tit {
font-size: 3.0rem;
}
.history li {
display: block; padding: 1.8rem 0;
}
.infl_list_form {
flex-flow: column; align-items: flex-start;
}
.infl_list_form_r {
margin-top: 2%; width: 100%; display: flex; justify-content: flex-end; align-items: center;
}
.infl_list_form_l {
width: 100%;
}
.infl_list_form_l_sel {
flex-grow: 0;
}
/* 메인 페이지 */
.sec3{
margin: 45px auto 50px;
}
/* 판매자 스토어 */
.seller_store_text .fs_40{
font-size: 25px;
}
.seller_store_text .fs_28{
font-size: 25px;
}
.seller_store_text h2{
display: inline-block;
}
.infl_profile{
max-width:100px; max-height: 100px;
}
.point_circle {
display: inline-block; width: auto; padding: 0.3rem 0.8rem; margin-bottom: 0.5rem; height: auto; line-height: 1em; margin-right: 0;
border-radius: 0;
font-size: 1.4rem;
}
.item_side_info {
padding-left: 15px;
}
.item_side_info{
/* margin-top: 20px; */
}
.item_detail_left_wrap{
padding-right: 0px; width: 100%;
padding-left: 0px;
}
.item_order_right{
position:fixed; display: none; width:100%; left:0; top:auto; bottom:0;
box-shadow: 0 -3px 12px rgba(52,56,72,0.09);
}
.item_order_right.cart {position:fixed; display: block;max-width: 100%;height: auto; padding: 0; border-radius: 10px 0 0 10px;}
.cart-btn-wrap{flex-wrap: nowrap;}
.btn_item_order, .btn_item_order2{padding: 12px; font-size: 14px;}
.item_order_right.fixed_top{
width:100%;
}
.item_wrap .item_order_right{
position:relative; display: block; width:100%; left:0; top:auto; bottom:0;
box-shadow: 0 -3px 12px rgba(52,56,72,0.09);
box-shadow:none
}
.btn_order_hide{
display: flex; justify-content: center;
}
.btn_order_hide i{
padding:6px 100px;
color:#B2BBC8; font-size: 3.1rem;
text-align: center; cursor: pointer;
}
.item_order_btn{
display: flex; position: fixed; bottom: 0; left:0; width:100%;
background-color: #fff;
z-index: 50;
padding: 11px;
}
.item_order_btn .btn_like{ border: 1px solid #ccc; margin-right: 14px; }
.store-list{width: calc((100% / 2) - 10px);}
/* 쿠폰 */
#coupon_discount .modal-dialog{ max-width:90%;}
.applicable_coupon .coupon_list li{ padding:2rem 0;}
.item_order_right .border-top{ flex-direction: row; }
.seller_store_text .btn_likeStore{top:-14px;}
.item_wrap.order {flex-wrap: wrap;}
.item_order_right.order{max-width:100%; height: auto;}
.address-btn{padding: 0rem 0 2rem;}
}
@media (max-width: 767.98px) {
.sellerby_slide4 > ul > li .exhibitions-box .left-box h3{font-size:2.4rem; font-weight:700 !important;}
.sellerby_slide4 > ul > li .exhibitions-box .right-box{margin-top: 2.5rem !important;}
.sec2 .sec3, .sec4, .sec5{ margin-top: 50px; }
.sec3 .h2{ text-align: center; }
.sld_nav_wrap3{ justify-content: center; font-size: 1.2rem; }
.sec3 .h2{ margin-top: 16px; }
.sales_member_list .info { display: block; }
.sales_member_list .info .btn { margin-left: 2rem; margin-top: 1rem; }
.complete { height: calc(100vh - 110px); }
.login_pg {align-items: start;margin-top: 0;}
.login_cont { margin-bottom: 7rem; border:none; margin-top: 20%; }
.my_page_menu { margin-bottom: 60px; }
.top_influencer::before { display: none; }
.top_influencer { column-count: 1; }
.top_influencer .card-title { font-size: 28px; margin: 4% 0 0; }
.influencer_list .h2 { font-size: 22px; }
.influencer_list .btn { font-size: 14px; }
.influencer_list select { font-size: 14px; }
.infl_list_form_r select { padding: 1% 9% 1% 4.5%; background: url(../img/ic_down.png) no-repeat right 18% center; display: flex; background-size: 13%; }
.infl_list_form_r .btn { display: flex; }
.item_title{ font-size: 1.4rem; }
/*.price-big{ font-size: 1.8rem; }*/
.infl_rank{ width:40px; height:40px; font-size: 0.8em; }
/* 채팅창 */
.chatting { height:calc(100vh - 60px); }
.chat_in {padding: 0 10px; }
.chat_in span { padding: 5px 10px; border-radius: 10px; }
.chat_in .you { max-width: 70%; }
.chat_in .me { max-width: 70%; }
.chat_input textarea { margin: 0 10px; margin-top: 1px; }
.chat_input_wrap { padding: 0;}
/* 메인페이지 */
.sld_num{
font-size: 15px;
}
.play_btn{
font-size: 20px;
}
.play_btn div.btn_start{
font-size: 15px;
}
.sld_btn_wrap{
bottom: 20px;
}
/* 이벤트 리스트 */
.event_row .fs_20{
font-size: 16px;
}
.event_row .fs_15{
font-size: 13px;
line-height: 18px;
}
/* 판매자 스토어 */
.seller_store_text .fs_40{
font-size: 18px;
}
.seller_store_text .fs_28{
font-size: 18px; text-align: left;
}
.seller_store_text p{
font-size: 14px;
}
/* 홍보회원 프로필 */
.pr_member_tit{font-size: 28px;}
.item_influencer_list_wrap{ height: 70px; padding:0 20px;}
.item_influencer_list .square{width: 40px; height: 40px; font-size: 1.5rem;}
.item_detail_wrap{margin-top: 0px; }
.tab_menu{flex-wrap: wrap;}
.tab_menu li{ font-size: 1.5rem; width: 25%;}
.tab_menu li:nth-child(2){
/* border-bottom:0; */
}
.tab_menu li a{ padding:18px 0;}
.btn_like{ padding: 10px 18px; flex-shrink: 0; }
.ic_like{ width:19px; height:16px;}
.item_detail_01 .table_theme1{display: block; width: 100%;}
.item_detail_01 .table_theme1 tbody{display: block; width: 100%; border-bottom: 1px solid #e3e3e3;}
.item_detail_01 .table_theme1 tr { width: 100%; display: flex; flex-wrap: wrap;}
.item_detail_01 .table_theme1 tr td:nth-child(1), .item_detail_01 .table_theme1 tr td:nth-child(3){width:30%}
.item_detail_01 .table_theme1 tr td:nth-child(2), .item_detail_01 .table_theme1 tr td:nth-child(4){width:70%}
.item_detail_01 .table_theme1 tr:last-child td{border-bottom:0;}
.item_side_info .item_name{font-size: 20px;}
/*.inquiry-writer .id-day {padding-right: 0px;}*/
.dropdown_edit_delete {position: unset; width: 140px;}
/* 쿠폰 */
.coupon_discount .list_item .item_info{width:100%;}
.coupon_discount .list_item .item_price{ width:100%; padding-bottom: 10px; flex-direction: row;}
.coupon_discount .list_item .item_price b{margin-left: 4px; }
.coupon_discount .list_item_right{width:100%; order:4; border-left: none; padding:0; padding-bottom: 16px;}
.coupon_discount .coupon_discount_price{width:100%; order:3; border-left: none; padding:4px 0 16px; }
/*.applicable_coupon label{margin-bottom: 0;}*/
.applicable_coupon .coupon_list>li>label:last-child {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-top: 8px;
padding-left: 32px;
text-align: left;
}
/*장바구니*/
.list_item > section{ flex-wrap: wrap; position:relative; border-bottom: 1px solid #eaeaea;}
.list_item > section:last-child{border-bottom: 0;}
.list_item .item_info{ width:100%; padding:20px 0 15px; gap: 10px;}
.item-amount{width:50%; border-top: 1px dashed #f5f5f5; line-height: normal; padding-top: 1.5rem;}
.list_item .item_price{ border-left: none;}
.list_item .btn_delete{ position:absolute;right: 10px; top: 0px; font-size: 2.4rem; }
.list_item .item_name a{ display: inline-block; padding-right: 0; }
.list_item .item_info .item_name{ padding-right: 0; }
.delivery_fee{ border-left: none;}
.item_price_wrap{ padding-bottom: 10px;}
.item_price_wrap .item_price{ order: 1; align-items: flex-end; padding-right: 0; text-align: left; }
.item_price_wrap .delivery_fee{ order: 0; align-items: flex-start; padding-left: 0px; text-align: right; }
.item_info .form-check{ flex-shrink: 0; }
.item_info .form-check-label{ position:relative; }
.item_info .chkbox{ position:absolute; top:10px; left:10px; margin-right: 0; z-index: 1; }
.item_list_price{ padding:15px 15px; }
.item_list_price_total{ text-align: right; }
.order_list .list_item > section .list_item_right{ padding: 10px 0; border-top:1px solid #E8ECF5; }
.list_item_right { padding:0 10px; font-size: 1.5rem; }
.order_state_wrap .list_item_right{ width:100%; flex-direction: row; padding:0 0 15px 0; border-left: none; }
.order_state_wrap .list_item_right .btn{ margin-right: 10px; }
.order_state_wrap .list_item_right .btn{ display: none; }
.order_state_wrap .list_item_right .btn:first-child, .order_state_wrap .list_item_right .btn:nth-child(2), .order_state_wrap .list_item_right .btn:nth-child(3), .order_state_wrap .list_item_right .btn_more{ display: block; }
.order_state_wrap .list_item_right .btn_more{ flex-shrink: 0; width:42px; height:42px; margin-right: 0!important; padding:0; text-align: center; }
.item_box_oneBtn .list_item_right{ width:100%; padding:0; margin-bottom: 20px; }
/* 리뷰 작성 */
.file_attachment_wrap .square{ width: calc(20% - 16px); margin-right: 20px; margin-bottom: 20px; }
.store_success_rate{ margin-top: 20px; }
.store_info_wrap{ display: none; }
.ex_btn_li{ padding:50px 24px 30px; }
.ban_pc {display: none;}
.ban_mb {display: block;}
.experience_swiper ul li img{margin-bottom:20px;}
.experience_swiper ul li h3{font-size:17px;}
.experience_swiper ul li p{font-size:13px;}
/*새로작성*/
.filter{flex-wrap: wrap; justify-content: flex-end !important;}
.filter p{width: 100%; text-align: right; font-size:14px;}
.filter_btn {justify-content: flex-end; margin-top: 5px; gap: 5px;}
.line{height: 12px;}
.filter_btn li a{font-size:12px;}
.category-list > h2{font-size:24px; margin-top:30px;}
.category-list p{
margin-bottom: 50px;
}
.category-list ul{flex-wrap: nowrap; gap: 4px; overflow: auto; padding: 10px 0px;}
.category-list ul li { width: auto; white-space: nowrap;}
.category-list ul li a {font-size: 14px;}
.store-list .store-con-box { padding: 10px 20px; flex-wrap: wrap; position: relative;}
.store-box .like-btn2{position: absolute; top: 10px; right: 10px;}
/*마이페이지*/
.order-status-img {padding: 10px;}
.order-status-box{flex-wrap: wrap; justify-content: center; gap: 10px 5px;}
.order-status-list {width: 25%;}
.My-order-box .My-order-top{flex-wrap: wrap; gap: 10px;}
.My-order-box .My-order-top .My-order-top-left{flex-wrap: wrap; line-height: normal; gap: 5px;}
.My-order-box .My-order-top .My-order-top-left .line{display:none;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body li{flex-wrap: wrap; gap: 10px;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-left{width:100%;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-right{width:100%; background-color: #fff;}
.My-order-box.inquiry .My-order-bottom > li .My-order-body .My-order-right .inquiry-btn-box{width: 100%;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw li { gap: 10px; flex-wrap: wrap;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-right { max-width: 100%; display: flex; padding: 10px; border-radius: 10px; background-color: #f5f5f5;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-right p{margin-bottom:0; width: auto;}
.My-order-head p.fs_17{font-size:15px;}
/*고객센터*/
.table.notice{display:block;}
.table.notice tbody{display:block;}
.table.notice tr{display: block; border-top: 1px solid #eaeaea; padding: 10px 15px;}
.table.notice td{display:block; padding: 0; text-align: left; border-top: 0;}
.table.notice .num{width:100%; color: var(--primary);}
.table.notice .con{width:100%;}
.table.notice .day{width:100%; color: #707070;}
}
/*@media (max-width: 624.98px) {
.My-order-box .My-order-top .My-order-top-right{gap:5px; width: 100%;}
.My-order-box.detail .My-order-top .My-order-top-right button{width:100%;}
.My-order-box.inquiry .My-order-top .My-order-top-right button{width:100%;}
.My-order-box .My-order-top .My-order-top-right button{width:50%;}
.My-order-box.cancel_return_exchange .My-order-top .My-order-top-right button{width:100%;}
}*/
@media (max-width: 575.98px) {
.pag_wrap {
bottom:12px;
}
.play_btn{
padding:4px 8px;
}
#coupon_discount .modal-dialog{
max-width:100%;
}
.sec2, .sec3, .sec4, .sec5, .sec6{
margin-top: 40px;
}
.ban_pc{
display: none;
}
.ban_mb{
display: block;
}
.sld_nav_wrap3 .sld_num3, .sld_nav_wrap3 i{
font-size: 1.3rem;
}
/* mobile flex wrap */
.mobile-flex-wrap{
flex-wrap: wrap;
}
.sales_member_list .info .btn {
width:100%; margin-left:0;
}
.sales_member_list .element {
flex-wrap: wrap;
}
/* my page */
.my_wrap .infl_card_wrap{
padding: 0px;
}
.my_wrap .infl_card{
padding:0 0!important;
}
.sales_member_list .element > div {
width: 50%; padding-right: 2rem; margin-bottom: 1rem;
}
.sns_adress input.sns_youtube {
padding-left: 208px;
}
.sns_adress input.sns_facebook {
padding-left: 155px;
}
.sns_adress input.sns_instar {
padding-left: 160px;
}
.edit {
margin: 0 auto;
}
.inquiry_service li {
margin-bottom: 2.5rem;
}
.notice header {
display: block;
}
.complete img {
width: 92px;
}
.login_cont {
width: 100%; padding: 2rem 0;
margin-top: 20%;
}
.my_modal .modal-content {
padding: 3rem 2rem;
}
.modal.my_modal {
/* top: 5%; left: 5%; width: 90%; height: 90%; */
}
.table_num thead th:first-child {
display: none;
}
.table_num tbody td:first-child {
display: none;
}
.table_txt {
font-size: 1.5rem;
}
.expand {
width: 18px; height: 18px;
}
.expand.turn {
width: 18px; height: 18px; margin-left: 1rem;
}
.qa-tit {
padding: 1.6rem 0;
}
.qa {
width: calc(100% - 3.9rem);
}
.qa_cont p {
font-size: 1.5rem; width: calc(100% - 30px);
}
.h3_tit {
font-size: 2.6rem;
}
.my_wrap .fs_18 {
font-size: 1.8rem;
}
.my_wrap .login_cont {
padding: 0;
}
.menu_list {
padding: 1.3rem 0;
}
.btn_tab .btn-lg {
font-size: 1.7rem;
}
.item_info .square {
width: 90px; height: 90px;
}
.item_info {
padding: 2rem 0;
}
.notice header {
padding: 1.8rem 0rem;
}
.notice article {
padding: 2.5rem 0rem;
}
.infl_list_form_l.w_240 {
width: 100% !important;
}
.infl_list_form_l.w_240 form{
width:100%;
}
.infl_left>div {
height: auto;
}
.infl_list_form_r {
margin-top: 4%;
}
.infl_list_form_r .btn {
padding: 0 5px;
}
.influencer_list {
margin-top: 2%;
}
.influencer_list .h2_title {
padding-bottom: 10px;
}
.infl_list_form {
padding: 2% 0 4.5%;
}
/* 메인페이지 */
.slide1 .swiper-slide img {
object-position: top;
}
.infl_rank{
top:0; left:0; width:30px; height:30px; font-size: 0.5em;
}
.infl_seller{
max-width:40px;
}
.infl_tit h2{
font-size: 2.8rem;
}
.sec5_new .col{display: none;}
.sec5_new .col:nth-child(1), .sec5_new .col:nth-child(2){display: block;}
/*.price-big{
font-size: 18px;
}*/
.sld_btn_wrap{
bottom: 0; left:-20px;
transform: translate(0);
}
.sld_btn_wrap .pag_wrap{
padding: 8px 12px 8px 24px;
border-radius: 0;
}
.chat_in span{
font-size: 1.3rem;
}
.event_detail_banner .event_mb{
display: block;
}
.event_detail_banner .event_pc{
display: none;
}
.list_style1{
padding:10px 0;
}
.list_style1 li{
padding:6px 0;
font-size: 1.4rem;
}
.list_style1 li span{
min-width:90px;
}
.ani_modal{
top:calc(50% - 65px);
left:calc(50% - 100px);
z-index: 1050;
justify-content: center;
align-items: center;
flex-direction: column;
width:200px;
height: 120px;
padding-top:22px;
}
.ani_modal img{
width:35px; margin-bottom:5px;
}
.item_slide{
padding:0;
}
.item_side_info .item_name{
font-size: 2.0rem;
}
.item_side_info .price .price-big{
font-size: 2.2rem;
}
/*.item_side_info .discount, .item_side_info .bf_discount{
font-size: 1.4rem;
}*/
.discount{
font-size: 14px;
}
.price-big{
font-size: 1.5rem;
}
.review_item{
padding:15px 0;
}
.review_item .review_star i{
font-size: 1.5rem;
}
.item_order_right .border-top .price{
font-size:2rem;
}
.item_influencer_list_wrap > span{
font-size: 1.6rem;
}
.sec3 .card_body {
height: 70px;
}
/* .card_body{
height: 100px;
} */
/*dropdown*/
/* .dropdown_list ul{margin-top: 2rem;}/ */
.dropdown_list_q{flex-wrap: wrap; gap: 8px;
text-align: left;}
/*.dropdown_list_a{ padding-left: 20px;}*/
.circle_title{ margin-bottom: 14px; height: 25px; border-radius: 3px;
padding: 7px 7px;}
.inquiry-writer {position: relative;line-height: normal;}
.dropdown_edit_delete{width:100%;}
.dropdown_edit_delete button{padding: 0 10px !important;}
/*.dropdown_list_toggle{padding: 0px;}*/
.item_detail_01, .item_detail_02, .item_detail_03, .item_detail_04{
/* margin-top:3rem !important */
}
.modal_influencer_list li .square{
width:40px;
}
.selected_option_box{
padding:15px;
}
.calendar_wrap{
flex-wrap: wrap;
}
.calendar_wrap .btn-primary{
width:100%; margin-left: 0!important;
}
.calendar_wrap .form-group.calendar:nth-child(2){
max-width: 100%;
}
.item_influencer_list .square{
width: 30px; height: 30px; margin-left: -12px; font-size: 1.5rem;
}
.review .square{
width:110px;
}
.review_text{
font-size: 1.5rem;
}
.text_more{
font-size: 1.4rem;
}
/* cart */
.item_list > li{
margin-bottom: 30px;
}
.order_quantity{
/* max-width: 115px; */
}
.item_wrap .chkbox{
margin-right: 5px;
}
.item_list_price{
flex-direction: column; padding: 0px 15px 15px;
}
.item_list_price_detail{
order:1; font-size: 0;
}
.order-coupon .item_list_price_detail{display: flex; margin-top: 0; font-size: 15px; text-align: center;}
.order-coupon .item_list_price_detail .amount {gap: 5px; flex-wrap: wrap; justify-content: center; }
.order-coupon .item_list_price_detail .amount p{width:100%;}
.item_list_price_detail small{
display: inline-block; width:50%; margin-right: 0; margin-top: 5px;
font-size: 1.4rem;
}
.item_list_price_detail strong{
display: inline-block; width:50%; text-align: right;
font-size: 1.5rem;
}
.item_list_price_total{
display: flex; justify-content: space-between; align-items: center; order:0; width:100%;
text-align: right;
}
.item_list_price_total i{
display: inline-block; vertical-align: middle;
/*transition: all 0.2s ease-in 0;*/
}
.item_list_price_total i.on{
transform: rotate(180deg) translate(-5px, 3px);
}
.item_list_price .price_operator{
display: none;
}
.modal-dialog-big .modal-body {padding: 1.5rem;}
/* order */
.payment_method_item{
width:100%; height: 52px; margin-right: 0; margin-bottom: 10px;
font-size: 1.5rem;
}
.payment_method_card figure{
width:22px; height:17px;
}
.payment_method_cash figure{
width:22px; height:17px;
}
.payment_method_npay figure{
width:43px; height:17px;
}
.payment_method_kpay figure{
width:44px; height:17px;
}
.delivery_info .form-check-label{
font-size: 1.5rem;
}
.order_state_wrap .list_item_right{
padding:0 0 15px 0;
}
/*리뷰*/
.file_attachment_wrap .square{
width: calc(25% - 9px); margin-right: 12px; margin-bottom: 12px;
}
.file_attachment_wrap .square:nth-child(5n){
margin-right:12px;
}
.file_attachment_wrap .square:nth-child(4n){
margin-right:0;
}
.file_attachment_wrap .square .attachment-delete{
width:35px; top:5px; right:5px; padding:0;
}
.file_attachment_wrap .square .attachment-delete img{
width:100%;
}
.tab_menu{
padding-top:0px;
}
.pr_member_row_box .square{
width:76px; height:76px;
}
.pr_member_row_box h2{
font-size: 1.8rem;
}
.pr_member_row_box p{
font-size: 1.2rem;
}
.seller_store_img_pc{
display: none;
}
.seller_store_img_mb{
display: block;
}
.card_body .btn_like{
right:10px; top:-28px; width:40px; height:40px;
}
.dash_ul li a{
padding:12px;
}
.dash_ul li{
width: 33.3333% !important;
}
.dash_ul li:last-child p{
font-size: 1.3rem; letter-spacing: -0.05em;
}
.dash_ul a p{ font-size: 1.4rem;}
.delivery_state_wrap{padding-top: 20px; margin-left: -24px; margin-right: -24px;}
.delivery_state_wrap li{font-size: 1.4rem;}
.delivery_state_wrap li .circle{width:10px; height:10px; }
.delivery_state > li::before{top:4px;}
.delivery_state > li.on.current_state .delivery_state_text{ top:6px; margin-top: 6px;}
.delivery_state > li.on.current_state .delivery_state_text::before{ top:6px; }
.store_info_wrap *{ font-size: 1.4rem;}
.store_contact_info{margin-bottom: 4px;}
.order_state_wrap .list_item_right .btn_more{ width:37.5px; height:37.5px;}
.account_info_wrap{padding:20px;}
.account_info_wrap .account_edit{margin-top: 12px;}
.account_info_wrap .account_holder{ margin-bottom: 3px; font-size: 1.6rem;}
.current_withdrawable{padding:20px;}
.current_withdrawable > span{font-size: 1.6rem; }
.current_withdrawable .withdrawable_amount{font-size: 1.8rem;}
.event_row .m-w100{width: 100%; max-width: 100%; flex: 100%;}
.item-amount{background-color: #f5f5f5; padding: 1rem 0;}
.store-detail-list{margin-top:20px; flex-wrap: wrap; padding: 1.5rem 2rem; gap: 10px;}
.store-detail-list .like-btn2{position: absolute; right: 20px; top: 15px;}
.order-status-list { width: calc((100% / 3) - 4px);}
.order-status-box > span{display:none;}
.btn_period_wrap .btn{padding: 10px 0px; font-size: 13px;}
.My-order-box .My-order-bottom > li .My-order-body li{flex-wrap: wrap;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-left{gap: 10px; width:100%;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-right{width:100%; display: flex; align-items: center; justify-content: center; gap: 5px; background-color: #f5f5f5; margin-top: 5px;}
.mypage_btn_tab button{padding: 10px 0; font-size: 13px;}
.inquiry-delete{padding: 0 10px; border: 0; color: #707070;}
/*.dropdown_list_toggle > p { padding-right: 20px;}*/
.customer-tit{flex-wrap: wrap;}
.customer-tit h3{width:100%; margin-bottom:10px;}
.infl_list_form_l { margin-left: auto; }
.customer_service_btn_tab{flex-wrap: wrap;}
.customer_service_btn_tab button { padding: 10px 0;}
.customer_service_btn_tab button.on{background-color: #fff; color: var(--primary); border-bottom: 1px solid #eaeaea;}
/*.inquiry-top.service {padding: 30px 20px;}*/
.my_info_left_2{flex-direction: column;}
}
/*
@media (max-width: 460px){
.membership .infl_profile {margin-bottom: 0; max-width: 120px; max-height: 120px;}
.membership .cancle { justify-content: center;}
.membership .cont { padding-right: 0;}
.membership .cont .d-flex {display: block !important; }
.membership .semi_blue { display: block; margin-top:2px; margin-bottom: 10px;}
.membership_info { width: 100%; margin: 1.5rem 0 2.2rem;}
.membership li { text-align: center; flex-direction: column; align-items: center; justify-content: center; padding: 0 2rem;}
.coupon_list li { display: block;}
.applicable_coupon .coupon_list>li>label:last-child{ display: flex; justify-content: space-between; align-items: baseline; margin-top: 8px; padding-left: 32px; text-align: left;}
.order_state_wrap .list_item_right .btn{ margin-right: 8px; padding-right:0.5rem; padding-left:0.5rem;}
.list_item > section{padding: 0px 15px 15px;}
.list_item .item_info {width: 100%; padding: 0; align-items: flex-start; padding-bottom: 1.5rem;}
.list_item .checks label{display: block;}
.list_item .item_info .item_name{margin-top: 28px;}
.list_item .btn_delete{right: 15px; top: 0px;}
.option-change{padding:2px 5px;}
.modal_item_info .item-con .item-info > p span{display:block;}
.delivery-start{flex-wrap: wrap; gap: 10px;}
.my_left.main .menu_list li{max-width: 100%; flex: 0 0 100%;}
.coupon_list{gap:10px;}
.coupon_list > li { width: 100%;}
.store-box.wish .store-list{width: 100%;}
.written_reveiw li .written_reveiw_sec1{gap:10px;}
.written_reveiw li .written_reveiw_sec1 .item { max-width: 70px; aspect-ratio: 1 / 1; margin-top: 1rem; }
}
@media (max-width: 420px){
.chat_in .you { max-width: 95%;}
.chat_in .me { max-width: 95%;}
.filter_btn{ font-size: 14px;}
.delivery_state_wrap{margin-left: -16px; margin-right: -16px;}
.store-box{gap: 10px;}
.store-list {width: 100%;}
.modal_item_info .option_box .form-group{flex-wrap: wrap;}
.calendar_box{flex-wrap: wrap; gap:10px;}
.calendar_box button{margin-left: 0 !important; width: 100%;}
.My-order-box { margin-top: 3rem;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-left .My-order-item{max-width:70%;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-left { flex-wrap: wrap; gap: 10px; width: 100%; }
.My-order-box .My-order-bottom > li .My-order-body .My-order-left .My-order-con{padding:0; font-size:14px;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-left .My-order-con .fs_15{font-size:13px;}
.My-order-box .My-order-bottom > li .My-order-body .My-order-right{padding:5px}
.My-order-box .My-order-bottom > li .My-order-body .My-order-right p{font-size:13px;}
.form-group.calendar .form-control{height: 40px; padding: 0.375rem 1rem; color: #333; font-size: 1.4rem;}
.form-group.calendar img { position: absolute; right: 8px; top: 7.5px;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-right{flex-wrap: wrap; justify-content: center;}
.My-order-box .My-order-bottom > li .My-order-body.reveiw .My-order-right p{width:100%;}
.review-detail-head{flex-wrap: wrap; padding: 0 0 20px;}
.review-detail-head .item{width:70%;}
.detail-con-img{gap:10px}
.detail-con-img img{ max-width: calc((100% / 2) - 5px);}
}
@media (max-width: 380px) {
.item_detail_01 .table_theme1 tr td:nth-child(1), .item_detail_01 .table_theme1 tr td:nth-child(3), .item_detail_04 .table_theme1 tr td:nth-child(1), .item_detail_04 .table_theme1 tr td:nth-child(3){width: 100%;text-align: left; font-size: 13px;}
.item_detail_01 .table_theme1 tr td:nth-child(2), .item_detail_01 .table_theme1 tr td:nth-child(4), .item_detail_04 .table_theme1 tr td:nth-child(2), .item_detail_04 .table_theme1 tr td:nth-child(4) {width: 100%;}
.item_detail_04 .table_theme1 {display: block; width: 100%;}
.item_detail_04 .table_theme1 tr {width: 100%; display: flex; flex-wrap: wrap;}
.item_detail_04 .table_theme1 tbody {display: block; width: 100%; border-bottom: 1px solid #e3e3e3;}
.item_detail_04 .table_theme1 tr:last-child td{border-bottom:0;}
.order-status-list { width: calc((100% / 2) - 2.5px);}
.order-status-list p{font-size: 13px;}
}
@media (max-width: 360px) {
.item_info .square{
width:70px; height: 70px;
}
.file_attachment_wrap .square .attachment-delete{
width:28px; top:5px; right:5px; padding:0;
}
.pr_member_row_box .square{
width:60px; height: 60px;
}
.pr_member_row_box .row{
margin-right: 15px;
}
.card .star_delivery_wrap .review_star{
font-size: 1.4rem;
}
.account_info_wrap{
flex-direction: column;
}
.list_item .item_info{flex-wrap: wrap;}
.list_item .item_info .item_name { margin-top: 0; }
.modal_item_info .item-con{flex-wrap: wrap;}
.modal_item_info .item-info{width:100%;}
.order-coupon .item_list_price_detail{display: none;}
.order-coupon .modal_item_info{ margin-bottom: 20px;}
}
*/
@media (max-width: 624.98px){
.card{
margin-bottom: 16px;
line-height: 1.7rem;
}
.card p{
font-size: 14px;
}
.card_fs_12 p{
font-size: 12px !important;
}
}
@media (max-width: 575px){
.influ_tit{
display: none;
}
}
@media (max-width: 991.98px) {
.item_order_btn{
z-index: 100 !important;
}
.item_order_btn{
z-index: 160 !important;
}
}
.influ_box{
text-align: center;
max-width: 720px;
}
.influ_box img{
border-radius: 50%;
}
.influ_box p{
margin-top: 10px;
}
.banner_box{
width: 100%;
height: 100%;
}
.ml_10{
margin-left: 10px;
}
.event_tit{
text-align: center;
margin-top: 50px;
}
.event_tit p{
margin-top: 16px;
margin-bottom: 30px;
}
@media (max-width: 575px){
.influ_tit{
display: none;
}
.event_tit{
margin-top: 30px;
}
.event-detail-img img{
width: 100%;
}
.search .mobile_subheader_wrap{
display: none;
}
.search .mobile_nav_wrap_white{
display: none;
}
.search .sub_wrap{
padding-top: 0 !important;
}
.m_search{
padding: 0;
}
.infl_list_form_l_input .mini_size{
width: 30px !important;
}
}
/* m_search.php/ */
.infl_list_form_l .back{
margin-right: 4px;
}
.search .recommend .txt_display{
align-items: center;
justify-content: space-between;
}
.m_search .txt_display p{
color: var(--gray-500);
}
.m_search .btn-line-color{
display: flex;
}
.search .sub_wrap{
align-items: flex-start !important;
}
.search_sub{
align-items: flex-start;
flex-direction: column;
}
.search_sub_box{
height: 50px;
margin-top: 10px;
align-items: center;
}
.search_sub_box img{
width: 36px;
height: 36px;
margin-right: 10px;
}
.search .line_gray{
margin: 10px 0 auto;
}
.search .container ul{
/* margin-top: 10px; */
}
.search .container li{
display: flex;
align-items: center;
height: 40px;
font-size: 16px;
font-weight: 400;
}
.search .container li span{
color: var(--primary);
}
.infl_list_form_l_input .mini_size{
width: 3%;
}
.result_none_search{
display: flex;
align-items: center;
justify-content: center;
margin-top: 10%;
flex-direction: column;
text-align: center;
}
.result_none_search img{
width: 70px;
height: 70px;
}
.result_none_search p{
line-height: 24px;
margin-top: 20px;
color: var(--gray-500);
}
.modal_bottom_wrap .mobile_subheader_wrap{
display: none;
}
.modal_bottom_wrap .mobile_nav_wrap_white{
display: none;
}
@media (max-width: 991.98px) {
.item_order_right.cart {
position: fixed;
display: block;
max-width: 100%;
height: auto;
padding: 0;
border-radius: 10px 10px 0 0px;
}
.login_pg, .find_id, .find_id_success, .find_pw{
margin-bottom: 20px !important;
padding-bottom: 0px !important;
}
/* .find_id .login_cont, .find_id_success .login_cont, .find_pw .login_cont {
margin-top: 20px !important;
} */
.mb20pb0{
margin-bottom: 20px !important;
padding-bottom: 0px !important;
}
.mt_20{
margin-top: 20px !important;
}
.influ_box{
margin-top: 0 !important;
}
.sub_wrap{
padding-bottom: 16px;
}
}
.modal_bottom_box .line_gray{
margin: 0px auto;
}
.modal_bottom_box p{
margin-left: 20px;
margin: 14px 20px;
color: var(--gray-500);
font-size: 14px;
color: var(--primary);
}
.modal_bottom_box .txt_display{
justify-content: space-between;
}
.modal_bottom_box .txt_display img{
width: 26px;
height: 26px;
margin: 8px 12px;
}
.modal_bottom_box .off p{
color: var(--gray-500) !important;
}
.modal_bottom_box .off img{
display: none;
}
/*헤더*/
.mobile_subheader_wrap.moblie_hd_12{
height: 50px;
z-index: 1030;
background-color:transparent;
}
.moblie_hd_12 .mobile_subheader_left .mobile_btn_back{
padding: 0;
}
.moblie_hd_12 .mobile_subheader_right .btn-link{
padding: 10px 1px;
}
.mobile_subheader_wrap .header_logo{
width: 150px;
}
.mobile_subheader_right img{
width: 27px;
}
.mobile_subheader_wrap .header_icon{
width: 29px !important;
}
.line_h0{
line-height: 20px;
}
.line_h2{
line-height: 22px;
}
.pd_10{
padding: 10px;
}
/*바텀탭*/
.category-list_line{
}
.store_box{
/* display: none; */
}
.item_side_info{
padding: 0 20px !important;
}
.list_line li{
border-radius: 0px !important;
background-color: #fff !important;
border:none !important;
}
.list_line .on {
color: var(--primary) !important;
border-bottom: 2px solid var(--primary) !important;
margin-bottom: -2px;
}
.list_line {
border-bottom: 1px solid var(--gray-200) !important;
margin-bottom: 20px;
padding: 0 !important;
}
.shop_list .category-list:nth-child(2) ul{
margin-bottom: 0px !important;
}
.spon_detail .top_store_box{
/* margin-bottom: 13px !important; */
}
.item_detail .top_store_box{
width: 100%;
border-top: 0px solid var(--gray-200);
border-bottom: 1px solid var(--gray-200);
padding: 12px 0 !important;
display: flex;
justify-content: space-between;
align-items: center;
}
.item_detail .store_box img{
width: 40px;
margin-right: 10px;
margin-bottom: 2px;
border-radius: 50%;overflow: hidden;
}
@media (max-width: 991.98px) {
.category-list ul{
margin-bottom:0px;
padding: 0px 0px;
}
.category-list{
margin-top: 20px !important;
}
.shop_list .container{
margin-top: 0px !important;
}
.top_store_box .share img{
margin-right: 20px;
}
.item_detail .store_box{
/*width: 100%;*/
padding: 0 !important;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0px !important;
}
.item_detail .store_box .store-name{
padding-left: 6px;
}
.item_detail .store_box img{
width: 36px;
margin-left: 16px;
margin-right: 10px;
}
.item_detail .go_to_store{
width: 16px !important;
margin-left: 10px !important;
}
.list_line{
border-bottom: 1px solid var(--gray-200) !important;
margin-bottom: 20px;
padding: 0 !important;
}
.list_line li{
border-radius: 0px !important;
background-color: #fff !important;
border:none !important;
}
.list_line .on{
color: var(--primary) !important;
border-bottom: 2px solid var(--primary) !important;
margin-bottom: 0px;
}
.category-list{
/* padding: 0px 10px; */
}
.list_line ul{
margin-bottom: 0px !important;
}
.shop_list .container .count{
/* margin-top: 30px; */
}
.shop_list .count.txt_display{
justify-content: space-between;
}
.shop_list .count .sub_display{
display: flex;
}
.item_detail .square>img{
border-radius: 0px;
}
.item_side_info{
padding: 0 0px !important;
}
.item_name{
padding: 8px 20px 0px 20px;
line-height: 26px !important;
}
.detail_price{
padding: 0px 10px 0px 20px;
}
.item_side_info .card_bottom_box {
padding: 0px 20px 0px 20px !important;
}
.item_side_info{
/* padding: 20px 0 !important; */
}
.item_detail_left_wrap .gray_box{
width: 100%;
height: 14px;
background-color: #f5f5f5;
margin-bottom: 10px;
}
}
.item_side_info .card_bottom_box {
padding-bottom: 0px;
}
.blue_box{
border:0;
background-color: #EFF0FF;
border-radius: 8px;
padding: 15px 15px;
width: 100%;
margin: 20px 0px;
color: #6569FF;
}
.blue_box .txt_display{
align-items: center;
justify-content: space-between;
}
.blue_box img{
width: 18px;
}
.check{
margin-top: 20px;
}
.check img{
width: 20px;
margin-right: 5px;
}
.item_detail_01 p{
color: var(--gray-500);
font-weight: 300;
line-height: 20px;
}
@media (max-width: 991.98px) {
.item_detail_01 p{
font-size: 14px;
line-height: 18px;
}
.blue_box{
margin: 20px 18px;
}
.item_order_right{
border: 12px 0;
padding: 0 20px 20px;
}
.blue_box p{
font-size: 14px;
}
}
.dropdown_list_q .rock{
width: 10px;vertical-align: top;
}
.dropdown_edit_delete{
}
.inquiry-writer .id-day{
display: flex;
}
.review_photo img{
width: 90px;
height: 90px;
border-radius: 8px;
overflow: hidden;
}
.review_text_wrap .review_photo{
margin-right: 20px;
}
.review_text_wrap .review{
line-height: 20px;
}
.review_txt .id_star{
align-items: center;
}
.review_txt .btn{
height: inherit;
}
.id_star.txt_display{
align-items: center;
}
.review_txt .review {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.review_txt .id{
font-size: 14px;
}
.ml_3{
margin-left: 3px;
}
.mb_0_5{
margin-bottom: 5px;
}
.write_sub_box_inner.txt{
font-size: 14px;
color: var(--gray-500);
line-height: 19px;
margin-top: 5px;
margin-bottom: 15px;
font-weight: 300;
}
.write_sub_box_inner.gray_line{
width: 100%;
text-align: center;
height: 1px;
background-color: var(--gray-200);
margin-bottom: 20px;
}
.write_sub_box_inner .btn-sm{
padding: 0 10px !important;
color: #000 !important;
border: 1px solid var(--gray-200) !important;
border-radius: 5px !important;
font-weight: 300;
background-color: #fff;
}
.write_sub_box_inner .tit{font-weight:600;}
.write_sub_box_inner.txt_display{
justify-content: space-between;
}
.inquiry-top li{
border-bottom: 1px solid var(--gray-200);
}
.order-btn-wrap .btn_like {
border: 1px solid #ccc;
height: 47px;
display: flex;
align-items: center;
justify-content: center;
}
.order-btn-wrap .btn_like .ic_like{
width: 26px;
height: 24px;
}
.order-btn-wrap .btn_like.on .ic_like{
background-position: 0 100%;
}
.dec_box .form{
width: 100%;
padding: 16px;
font-size: 14px;
color: #000e;
margin-top: 10px;
margin-bottom: 10px;
height: 200px;
}
.dec_box textarea{
border: 1px solid var(--gray-200);
border-radius: 6px;
}
.dec_box .txt_display{
justify-content: space-between;
}
/*하단 팝업*/
.modal_bottom.modal{padding-right:0 !important;overflow-y: hidden;}
.modal_bottom.modal.fade{}
.modal_bottom.modal.show .modal-dialog{padding-right:0 !important;transform: translate(-50%, 0);}
.modal_bottom.modal .modal-dialog {transform: translate(0, 5rem);position: fixed;
bottom: 0;
width: 100%;
max-width:100%;
transform: translate(-50%, 5rem);
left: 50%;
}
.modal_bottom.modal .modal-header{padding: 2.0rem 1.6rem 0;border-bottom:0;}
.modal_bottom.modal .modal-title button{border:0;background:transparent;width:3.2rem;position:absolute;right:2.0rem;top:1.6rem;}
.modal_bottom.modal .modal-dialog{justify-content: flex-end;margin: 0 auto;min-height: 100%;max-width:var(--body_width);}
.modal_bottom.modal .modal-content{border-radius: 2.0rem 2.0rem 0 0;margin-top: 3.0rem;}
.modal_bottom.modal .modal-body{border-bottom:0;padding: 2rem 1.6rem 2.0rem;}
.modal_bottom.modal .modal-footer {padding: 0 1.6rem 0.8rem;}
.modal-backdrop {left: 50%; width: 100%;transform: translateX(-50%);max-width:100%;}
.dec .modal-content{
align-items: center;
}
.dec .modal-header{
padding: 2rem 1.5rem !important;
}
.dec .modal-header{
display: flex;
}
.dec .close_btn{
position: absolute;
right: 8px;
border: none;
background-color: inherit;
}
.dec .close_btn img{
width: 28px;
height: 28px;
}
.dec .item_box{
display: flex;
width: 100%;
align-items: center;
}
.dec .item_box img{
width: 90px;
}
.dec .modal-contents .item_box{
}
.charge_form .form-control{
width: 95%;
}
.charge_form .txt_display, .cha_info_inner.txt_display{
justify-content: space-between;
}
.charge_form .txt_display p{
padding-left: 3px;
color: var(--gray-500);
}
.item_cha_info .cha_2{
font-weight: 500x;
}
.item_cha_date .form-control{
width: 46%;
}
.item_cha_date.txt_display{
justify-content: space-between;
}
.item_cha_btn{
height: 62px;
align-items: center;
position: absolute;
bottom: 0%;
text-align: center;
width: 92%;
}
.blue_box button{
background-color: inherit;
color: inherit;
border: none;
width: inherit;
}
.blue_box p{
text-align: left;
}
.dec_box .image_box{
display: flex;
align-items: flex-start;
}
.image_box p:nth-child(2){
margin-left: 5px;
font-size: 14px;
color: var(--gray-500);
font-weight: 300;
}
.cart_modal .modal-content{
width: 80%;
padding: 20px;
}
.cart_modal .modal-dialog-centered{
justify-content: center;
}
.cart_modal .modal-btn-box{
flex-direction: column;
}
.cart_modal .cancel-btn, .cart_modal .complete-btn{
width: 100% !important;
}
.cart_modal .modal-body{
padding: 2rem 0rem 0rem !important;
}
.cart_modal img{
width: 100px;
margin-bottom: 20px;
}
.cart_modal .one-text{
margin: 0rem 0 2rem;
}
.review_de .close_btn{
left: 8px;
right: 100%;
}
.review_de_img_box{
width: 100%;
height: 50vh;
background-color: #000;
}
.modal-body .review_de_txt{
width: 100%;
padding: 0 20px;
align-items: center;
margin: 0 auto;
}
.review_rewrite .item_cha_btn{
height: 117px;
}
.review_rewrite .review_star .bi{
font-size: 36px;
}
.review_rewrite .review_star{
justify-content: center;
}
.review_rewrite .container{
padding: 0 20px;
}
.review_write .container{
padding: 0 20px;
}
.review_write .item_cha_btn {
height: 62px !important;
}
.review_write .modal-open .modal{
overflow-y: hidden;
}
.shop_list .count.txt_display {
justify-content: space-between;
}
.shop_list .item_order_right{
padding: 0 !important;
}
.item_order_right div{
cursor: pointer;
}
.today_end {
position: absolute;
z-index: 2;
top: 10px;
left: 10px;
background: url(../img/today_end.png) no-repeat;
width: 60px;
height: 23px;
border: 0;
background-size: cover;
}
@media (max-width: 991.98px) {
.spon_list .card_body p{
font-size: 14px;
}
}
.upload_modal .charge_form .form-control{
width: 100%;
}
.cart_box_inner.txt_display{
justify-content: space-between;
}
@media (max-width: 450px) {
.cart_inner_tit.mb-1{
font-size: 14px;
line-height: 19px;
}
.item_cart_op.mb-1.fc_gray{
font-size: 14px;
line-height: 19px;
}
/*.order_quantity .quantity_minus{
width: 28px;
}
.order_quantity .quantity_add{
width: 28px;
}*/
.cart_box_img img{
width: 70px !important;
}
}
.wrap.cart{
word-break:"break-all";
}
@media (max-width: 450px){
.cart_box_img img{
width: 50px !important;
}
}
@media (max-width: 350px){
.item_cart_op.txt_display{
flex-direction: column;
align-items: flex-start;
gap:10px;
}
}
.cart_box_img img{
margin-right: 10px;
}
@media (max-width: 1100px){
.cart_box_img img{
margin-right: 0px !important;
}
}
@media (max-width: 460px){
.cart .list_item .item_info{
margin-top: 15px !important;
}
}
.item_order_right .d-flex.justify-content-between.align-items-center{
padding: 0 !important;
}
.item_order_right .order-box{
gap:10px;
}
.item_order_right .d-flex.justify-content-between.align-items-center{
padding: 0 !important;
}
.order-box .d-flex{
flex-direction: column;
justify-content: center;
gap: 6px;
}
.order-box .delivery_fee_1{
font: 15px !important;
}
.order-box .price{
font-size: 18px;
}
.order .store_box1{
width: 100%;
border-radius: 12px;
border: 1px solid #E1E1E1;
}
.store_top1{
padding: 15px;
border-bottom: 1px solid #E1E1E1;
}
.store_top2{
padding: 15px;
}
.store_top1.txt_display{
justify-content: space-between;
font-size: 14px;
color: var(--gray-500);
}
.store_left.txt_display{
align-items: flex-start;
align-items: center;
font-weight: 500;
color: #000;
font-size: 15px;
}
.store_left.txt_display img{
width: 30px;
margin-right: 10px;
}
.mb-0_7{
margin-bottom: 0.7rem;
}
.order_wrap{
display: flex;
justify-content: center;
flex-direction: column;
}
.order section{
border-bottom: 10px solid #F5F5F5;
}
.point_box .my_point{
justify-content: space-between;
align-items: center;
}
.mypoint_2{
color: var(--primary);
font-weight: 500;
color: var(--gray-500);
}
.my_point{
margin-bottom: 1.5rem;
}
.f-e{
justify-content: flex-end;
}
.my_point_form{
width: 50%;
text-align: right;
display: block;
height: calc(1em + 1rem + 2px);
padding: 0.5rem 1rem;
font-size: 1.6rem;
font-weight: 400;
line-height: 1;
color: var(--text);
background-color: var(--bg);
background-clip: padding-box;
border: 1px solid var(--border--100);
border-radius: 0.8rem;
justify-content: flex-end;
height:38px;
margin-right: 1rem;
}
@media (max-width: 460px){
.store_box1 {
font-size: 14px;
line-height: 16px;
}
.order_box{
font-size: 14px;
}
.point_box{
font-size: 14px;
}
.order h2{
margin-top: 0 !important;
}
}
.order_box .txt_display{
justify-content: space-between;
}
.adress_inner.txt_display{
justify-content: space-between;
}
.adress_inner_info{
display: flex;
align-items: center;
}
.adress_inner_info .form-control{
margin-left: 20px;
}
.adress_gray_box{
width: 100%;
padding: 20px 15px;
background-color: #f8f8f8;
border-radius: 12px;
color: var(--gray-500);
}
.pay_box_btn ul{
font-size: 14px;
align-items: center;
flex-wrap: wrap;
}
.pay_box img{
width: 60px;
margin-right: 5px;
}
.pay_box_btn ul li{
width: 31%;
margin: 1%;
}
@media (max-width: 700px){
.pay_box_btn ul li{
width: 48%;
margin: 1%;
}
.item_order_btn_1{
width: 100% !important;
}
}
.wrap.cart.order{
max-width: 800px;
margin: 0 auto;
}
@media (max-width: 700px){
.pay_box_btn.txt_display{
align-items: center;
justify-content: center;
}
.cart.order{
margin-bottom: 16px !important;
}
.container.order_wrap{
margin-bottom: 0px !important;
}
.order-success-top{
padding: 5rem 0 1.6rem 0;
}
}
@media (max-width: 321px){
.pay_box_btn.txt_display{
font-size: 11px;
}
.pay_box_btn img{
width: 40px;
margin-right: 5px;
}
}
.container.order_wrap{
margin-bottom: 50px;
}
.cart_modal.cancel_order .modal-body{
padding: 0 !important;
}
.cart_modal.cancel_order .modal-body .one-text{
padding: 10px 0 !important;
}
.order-success-top img{
width: 200px;
margin-top: 50px;
}
.order_box.order_success{
border: 1px solid #e1e1e1;
border-radius: 12px;
padding: 15px;
}
.order_box.order_success h5{
text-align: left;
}
.order_box p{
font-size: 15px;
}
.order-success-top{
max-width: 400px;
margin: 0 auto;
}
.order_success.account_box .txt_display{
justify-content: flex-start;
}
.order_success.account_box .txt_display .acc{
margin-right: 35px;
color: var(--gray-500);
}
.fc_gray_500{
color: var(--gray-500);
}
.order-success-top h5{
margin-top: 0 !important;
}
.influ_home .main_background{
background: url(../img/influ_home_banner.png) no-repeat;
/* background-color: #222222; */
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 450px;
background-position: right;
/* position: absolute; */
border-radius: 20px 20px 0px 0;
}
.influ_home{
max-width: 800px;
margin: 0 auto 10rem;
}
.influ_profile{
position: relative;
background-image:url(../img/influ_home_pro_sha.png);
width: 180px;
height: 180px;
border-radius: 50%;
top: calc(100% - 40px);
left: calc(10% - 60px);
background-position: center;
background-size: cover;
}
.influ_profile img{
width: 120px;
height: 120px;
}
.influ_intro{
text-align: left;
margin: 2rem auto 3rem;
padding-left: 25%;
line-height: 20px;
}
.influ_home .main_banner{
border: 1px solid #e6e6e6;
margin: 50px auto 20px;
border-radius: 20px;
box-shadow: 0 1px 2px rgba(0,0,0,0.01),
0 2px 4px rgba(0,0,0,0.01),
0 4px 8px rgba(0,0,0,0.01),
0 8px 16px rgba(0,0,0,0.01),
0 16px 32px rgba(0,0,0,0.01),
0 32px 64px rgba(0,0,0,0.01);
}
@media (max-width: 1100px){
.fav_how {
flex-wrap: wrap;
}
.influ_home .main_banner{
box-shadow: none;
}
.main_background{
background-position: center !important;
border-radius: 0 !important;
}
.influ_profile{
position: relative;
background-image:url(../img/influ_home_pro_sha.png);
width: 150px !important;
height: 150px !important;
border-radius: 50% !important;
top: 85% !important;
left: calc(50% - 75px) !important;
background-position: center;
background-size: cover;
margin-bottom: 30px;
}
.influ_intro{
text-align: center;
width: 80%;
margin: 9rem auto;
padding-left: 0px;
display: flex;
flex-direction: column;
align-items: center;
}
.influ_home .main_banner{
border: none;
margin: 0px auto;
border-radius: 0px;
}
}
.influ_intro img{
margin-right: 5px;
}
.store_home .main_background{
background: url(../img/store_home_banner.png) no-repeat;
/* background-color: #222222; */
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 450px;
background-position: right;
/* position: absolute; */
border-radius: 20px 20px 0px 0;
}
.store_home{
max-width: 800px;
margin: 0 auto 10rem;
}
.store_home .main_banner{
border: 1px solid #e6e6e6;
margin: 50px auto 20px;
border-radius: 20px;
box-shadow: 0 1px 2px rgba(0,0,0,0.01),
0 2px 4px rgba(0,0,0,0.01),
0 4px 8px rgba(0,0,0,0.01),
0 8px 16px rgba(0,0,0,0.01),
0 16px 32px rgba(0,0,0,0.01),
0 32px 64px rgba(0,0,0,0.01);
}
@media (max-width: 1100px){
.store_home .main_banner{
box-shadow: none;
}
.store_home .main_banner{
border: none;
margin: 0px auto;
border-radius: 0px;
}
.influ_profile.store_profile{
position: relative !important;
background-image:url(../img/store_home_pro_sha.png) !important;
width: 150px !important;
height: 150px !important;
border-radius: 50% !important;
top: 85% !important;
left: calc(50% - 75px) !important;
background-position: center !important;
background-size: cover !important;
margin-bottom: 30px !important;
}
.store_home .influ_intro{
text-align: center;
width: 80%;
margin: 9rem auto 4rem !important;
padding-left: 0px !important;
display: flex;
flex-direction: column;
align-items: center;
}
}
.influ_profile.store_profile{
position: relative;
background-image:url(../img/store_home_pro_sha.png);
width: 180px;
height: 180px;
border-radius: 50%;
top: calc(100% - 40px);
left: calc(10% - 60px);
background-position: center;
background-size: cover;
}
.store_home .influ_intro{
margin: 2rem auto 3rem;
padding-left: 25%;
}
.follow_list{
width: 100%;
}
.follow_list_left{
justify-content: space-between;
}
.follow_list_left img{
margin-right: 10px;
}
.follow_list li{
justify-content: space-between;
}
.follow .container{
max-width: 600px;
margin: 0 auto;
}
.fav_list img{
width: 130px;
height: 130px;
}
.fav .fav_store_box{
display: flex;
flex-direction: column;
}
.fav_list li{
margin-right: 2px;
}
.fav_list{
overflow-x: scroll;
image-rendering: -webkit-optimize-contrast;
transition-property: transform;
}
.follow_img img{
width: 50px;
height: 50px;
}
.fav_list::-webkit-scrollbar{
display: none !important;
}
/*@media (max-width: 360px){
.fav_how p{
font-size: 12px;
}
.follow_list_right p{
font-size: 10px;
}
.follow_img img{
width: 36px;
height: 36px;
}
.follow_list_left img {
margin-right: 5px;
}
}*/
.fav .category-list p{
margin-bottom: 0 !important;
}
.follow.my_wishlist .container{
max-width: 1200px;
}
.spon_detail{
}
.pc_none{
display: none !important;
}
@media (max-width: 991.98px) {
.m_none{display: none !important;}
.pc_none{
display: block !important;
}
}
@media (max-width: 991.98px) {
.spon_detail.sub_wrap {
padding-top: 0px !important;
}
.spon_detail .pc_btn{
display: none;
}
}
.item_name{
line-height: 32px;
}
.spon_detail .row{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.spon_detail .pc_btn{
margin-bottom: 50px;
}
.spon_detail .pc_btn{
}
.spon_page{
flex-direction: column;
/*margin-bottom: 20px;*/
}
.spon_page .detail_price{
justify-content: space-between;
margin-bottom: 13px;
}
.btn_buying.spon_page_1{
margin-bottom: 0 !important;
}
.item_detail_left_wrap.spon_left{
padding: 0 !important;
}
@media (max-width: 991.98px) {
.d-flex.spon_page{
width: 100% !important;
}
.spon_page .detail_price{
justify-content: space-between;
margin-bottom: 5px;
}
}
.line_gray.spon_line{
margin: 0px 0 20px 0 !important;
}
@media (max-width: 991.98px) {
.item_name {
padding: 0px 20px 0px 20px;
}
}
@media (max-width: 991.98px) {
.detail_price.spon_detail_price {
padding: 10px 20px 0px 20px;
}
.line_gray.spon_line {
margin: 0px 0 10px 0 !important;
}
}
.w-70{
width: 70%;
}
.spon_detail .item_detail .store_box {
/*width: 100%;*/
/* border-top: 0px solid var(--gray-200);
border-bottom: 1px solid var(--gray-200); */
padding: 0px 0 !important;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 0px;
}
#spon_modal .charge_form .form-control{
width: 100%;
}
@media (max-width: 991.98px) {
.infl_list_form_l.community{
margin-top: 70px !important;
}
}
@media (max-width: 575px) {
.infl_list_form_l.community{
margin-top: 60px !important;
width: 94% !important;
}
}
.communitiy_wrap .community-box li {
border-bottom: 1px solid var(--border--100);
padding: 20px 0 15px;
}
.od_wrap,
.communitiy_wrap {
max-width: 720px;
}
.community_btn{
position: fixed;
left: 50%;
transform: translate(-50%, 0);
bottom: 76px;
}
.bttom1{bottom: 40px;}
.community_btn .btn{border-radius: 30px;padding: 0 30px;}
.community_write.container{
padding: 0 16px;
}
.community_write.container .sub_wrap{
flex-direction: column;
}
.community_write .form-group {
position: inherit;
width: 100%;
}
.community_write h5{
color: #333;
}
.community_write{
max-width: 720px;
}
@media (max-width: 991.98px) {
.communitiy_wrap{
margin-top: 20px;
padding-bottom: 80px;
}
.communitiy_wrap.comu_de{padding-bottom: 0px;}
.comu_de .category-list {
padding: 0px !important;
}
.comment_wr_box{
padding: 0 16px !important;
}
}
/*@media (max-width: 330px) {
.comu_de .community-user-left p{
font-size: 12px !important;
}
}*/
.comu_de .community-box li{
padding: 20px 0 5px;
}
.comment_wr_box{
padding: 0;
}
.recomment_box{
display: flex;
justify-content: flex-end;
margin-top: -50px;
margin-right: 15px;
position: absolute;right: 0;
}
.mb-10{
margin-bottom: 10rem;
}
.com_dec_btn{
display: flex;
justify-content: flex-end;
align-items: center;
width: 20px;
}
.com_dec_btn .dropdown-item{text-align: center}
.ml-45{
margin-left: 4.5rem;
}
.comment_inner p{
line-height: 22px;
}
.re_comment{
margin-top: 35px;
/* padding: 0 6px 0 20px; */
}
@media (max-width: 991.98px) {
.pc_btn {
display: none;
}
}
@media (max-width: 700px) {
.basic_txt{
font-size: 15px !important;
line-height: 20px !important;
}
.sec_1{max-width: 100% !important;margin-top: 5rem !important;}
}
.basic_txt{
font-size: 16px;
color: var(--gray-500);
line-height: 22px;
font-weight: 300;
}
.sec_1{
max-width: 400px;
margin: 10rem auto 0;
word-break: keep-all;
}
.sec_1.box-border{border-radius: 1.2rem;border: 1px solid #eaeaea;padding: 3rem;}
.mypage-sec .sec_1{margin-top: 0 !important;}
.sub_wrap.event_list{
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.top_store_box{
justify-content: space-between;
align-items: center;
}
.community-box p{
line-height: 18px;
}
@media (max-width: 700px) {
.comu_de .community-user{
padding: 0 16px;
}
}
@media (max-width: 575px) {
.Mypage .infl_list_form_l{
margin: 0 !important;
}
}
.dropdown-toggle::after{
display: none;
}
.com_dec_btn .dropdown-toggle{
padding: 0 !important;
}
.com_dec_btn img {
width: 20px;
height: 18px;
margin-bottom: 15px;}
@media (max-width: 991.98px){
.communitiy_wrap .category-list{
padding: 0 16px;
}
.mywish_m{
display: none;
}
}
.mywish .card{
margin-bottom: 50px !important;
}
.follow_pg{
max-width: 720px;
}
.my_heart_store .upload_box{
border-radius: 0rem !important;
width: 13rem;
height: 13rem;
}
.my_heart_store .image_upload{
margin-right: 0.5rem;
}
/*주영.css - 중복된 소스가 있어서 제거. */
.modal.show .modal-sm .modal-content { z-index: 1070; box-shadow: 0px -2px 20px 0px rgb(0 0 0 / 15%);}
#inquiry-btn_1.show + .modal-backdrop.show { z-index: 1050;}
#inquiry-btn_2.show { z-index: 1070;}
#inquiry-btn_2.show + .modal-backdrop.show { z-index: 1060 !important;}
.item_detail .top_store_box{
margin-bottom: 16px !important;
}
@media (max-width: 1100px){
.item_detail .top_store_box{
margin-bottom: 16px !important;
}
}
.infl_list_form_l{
width: 60%;margin: 0 auto;border: 1px solid #ddd;margin-top: 20px;border-radius: 26px;padding: 0 20px;
}
.infl_list_form_l_input .back{
display: none;
}
@media (max-width: 1100px) {
.infl_list_form_l {
width: 80%;
margin: 0 auto;
border: none !important;
border-radius: 26px;
padding: 0 20px;
}
.m_search{
margin-top: 0 !important;
}
.infl_list_form_l_input .back{
display: block;
}
.mt_0{
margin-top: 0 !important;
}
.result_none_search{
margin-top: 20% !important;
}
.mpd {
padding: 0 16px !important;
}
.custom-dropdown_select{
margin-top: 2rem !important;
}
/* .custom-dropdown_select_2{
margin-top: 2rem !important;
} */
.infl_list_form_l_input{
padding-top: 0 !important;
}
}
.fc_dg{
color: #707070;
}
.select_renewal option{
box-shadow: none;
}
.fc_59{
color: #595959;
}
select option {
background-color: #ffffff; /* 옵션 배경색 */
color: #333; /* 옵션 텍스트 색상 */
padding: 10px; /* 옵션 내부 여백 */
}
select option:hover {
background-color: #f0f0f0; /* 호버 상태 배경 */
}
/* 기본 드롭다운 스타일 */
.custom-dropdown_select {
position: relative;
}
/* .custom-dropdown_select_2 {
position: relative;
} */
.dropdown-button {
background-color: #fff;
border: 1px solid #E1E1E1;
border-radius: 7px;
padding: 17px 15px;
font-size: 14px;
font-weight: 300;
color: #333;
cursor: pointer;
width: 100%;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
}
/* .dropdown-button::after {
content: '▼';
font-size: 12px;
margin-left: auto;
color: #333;
} */
/* 숨겨진 메뉴 */
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #ffffff;
border: 1px solid #e1e1e1;
border-radius: 0 0px 8px 8px;
margin: -5px 0 0;
padding: 0;
list-style: none;
display: none;
z-index: 1;
font-size: 14px;
font-weight: 300;
}
.dropdown-menu:last-child{
/*border-bottom: 0 !important;*/
}
.dropdown-menu li {
padding: 15px 15px;
font-size: 14px;
font-weight: 300;
color: #333;
cursor: pointer;
transition: background-color 0.3s;
border-bottom: 1px solid #e1e1e1;
}
.dropdown-menu li:hover {
background-color: #f0f0f0;
}
/* 옵션 호버 효과 */
.dropdown-menu li:hover {
background-color: #f0f0f0;
}
/* 드롭다운 활성화 */
.custom-dropdown_select.active .dropdown-menu {
display: block;
}
/* 드롭다운 활성화 */
/* .custom-dropdown_select_2.active .dropdown-menu {
display: block;
} */
.tab_menu li a{
color: #000;
}
.review_text_wrap{
/*cursor: pointer;*/
}
.txt_red{
color: var(--danger);
}
.mypage-sec{
margin-top: 1rem !important;
}
.influ_home .dropdown-menu{
border-radius:12px !important;
}
.item_detail .selected_option_box{
border-radius: 8px !important;
}
.toast2 {
color: #fff;
border-radius: 0.6rem;
font-size: 1.5rem;
position: absolute;
top: 82%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0 1.4rem;
box-shadow: none;
font-weight: 300;
width: 80%;
max-width: 400px;
z-index: 9999;
border: 0;
background: transparent;
}
.form-control{
box-shadow: none !important;}
.influ_profile_1 .profile_upload .upload_kamera_ico{
position: absolute;
bottom: 0;
right: 0;
width: 3.2rem;
height: 3.2rem !important;
border-radius: 50%;
background-color: transparent;
padding: 0 !important;
/* display: none; */
}
.influ_profile_1 .upload_box {
width: 11rem;
height: 11rem;
overflow:unset;
border: 1px solid #eaeaea;
cursor: pointer;
background: url(../img/btn_add_img.png) no-repeat center top 48% / 4.0rem;
border-radius: 36rem;
position: relative;
}
.influ_profile_1 #categoryInput{
color:var(--gray-300) !important;
}
/*주영*/
.gold{color:#d8992c}
.moble{display:none;}
.recommend-tag{display:inline-block; font-size:12px; font-weight:500; color:#fff; padding:3px 5px; background-color:#F34496; border-radius:2px; max-width: 80px; text-align: center; margin-top: 10px;}
.main-product{position:relative;}
.main-product.no-pd-top{padding-top:0;}
.main-product.no-border{border-top:0;}
.main-product .swiper-slide{display:block;}
.main-product .swiper-slide .card_body{text-align: left; margin-top:15px;}
.main-product .card-img-top{border-radius:7px;}
.main-product .swiper{padding-bottom: 40px;}
.main-product .swiper-button-next, .main-product .swiper-button-prev{top: var(--swiper-navigation-top-offset, calc(50% - 20px) );width: var(--swiper-navigation-size);}
.main-product .swiper-button-next img, .main-product .swiper-button-prev img{max-width: unset;}
.main-product.no-pd-top .swiper-button-next, .main-product.no-pd-top .swiper-button-prev{top: var(--swiper-navigation-top-offset, calc(50% - 60px) );}
.main-product .swiper-pagination-bullet{width: 8px; height:8px; border-radius:50% !important; background: rgb(225, 225, 225); opacity: 1;}
.main-product .swiper-pagination-bullet-active{width: 8px; height:8px; border-radius:50% !important; background: rgb(243, 68, 150);}
.main-product .swiper-horizontal>.swiper-pagination-bullets, .main-product .swiper-pagination-bullets.swiper-pagination-horizontal, .main-product .swiper-pagination-custom, .main-product .swiper-pagination-fraction{bottom: var(--swiper-pagination-bottom, 0px);}
.main-product .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '';}
.main-product .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: '';}
.main-product .swiper-button-prev, .main-product .swiper-rtl .swiper-button-next{left: -22px;/*var(--swiper-navigation-sides-offset, -15px)*/}
.main-product .swiper-button-next, .main-product .swiper-rtl .swiper-button-prev{right: -22px;/*var(--swiper-navigation-sides-offset, -15px)*/}
.main-product-tit{display: flex; align-items: center; justify-content: space-between;}
.main-product-tit .total-btn, .influencer .total-btn{border-radius: 50px; background-color: #fff; box-shadow: -2px 2px 16px #e7e7e7; color: #595959; font-weight: 500; padding: 0 2rem; display: flex; align-items: center;}
.main-product-tit .total-btn img, .influencer .total-btn img{padding-left:10px;}
.influencer .total-btn{margin-top:3rem;}
.sellerby_slide4 > ul > li {background-repeat: no-repeat; background-size: cover; border-radius: 12px; overflow: hidden; text-align: left;}
.sellerby_slide4 > ul > li.box_pc_img{background-image: url(../img/sec4_test.jpg);}
.sellerby_slide4 > ul > li .exhibitions-box{display: flex; flex-wrap: wrap; align-items: stretch; padding:75px 0;}
.sellerby_slide4 > ul > li .exhibitions-box .left-box{width:50%; padding: 0 75px;}
.sellerby_slide4 > ul > li .exhibitions-box .left-box h3{color:#fff; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.45)}
.sellerby_slide4 > ul > li .exhibitions-box .left-box p{color:#fff;}
.sellerby_slide4 > ul > li .exhibitions-box .right-box{width:50%; padding: 0 20px;}
.exhibitions-box .right-box ul{padding: 2rem; background-color: #fff; border-radius: 12px; display: flex; flex-wrap: wrap; gap: 20px;}
.exhibitions-box .right-box ul li{width: 100%; display: flex; align-items: center; gap: 20px; position:relative;}
.like-btn.like2 {position: unset;}
.exhibitions-box .right-box ul li .product-img{max-width: 85px; width: 100%; aspect-ratio: 1 / 1;}
.exhibitions-box .right-box ul li .product-img img{max-width: 85px; width: 100%; aspect-ratio: 1 / 1; border-radius: 8px; object-fit: cover;}
.exhibitions-box .right-box ul li .product-con{display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 20px;}
.exhibitions-box .right-box ul li .product-con p{font-size:15px; margin-bottom: 10px;}
.exhibitions-box .right-box ul > button{width:100%; border:1px solid #ccc; border-radius:8px; text-align:center; padding:17px 0; font-size:14px; font-weight:600; background-color:#fff;}
.influencer{display: flex; align-items: center;}
.influencer-left{width: 50%;}
.influencer-right{width: 50%; position:relative;}
.main-product .influencer-right .swiper{padding-bottom:0;}
.influ-profile{max-width: 100%; margin-bottom: 15px; width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden;}
.influ-profile img{filter: blur(5px); width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
.main-product .influencer-right .swiper-button-next, .main-product .influencer-right .swiper-button-prev {top: var(--swiper-navigation-top-offset, calc(50% - 10px));}
.main_menu{gap: 10px;display: flex;align-items: center;justify-content: center;margin-bottom:8rem;}
.main_menu_box1 {gap: 10px; display: flex; flex-direction: column; align-items: center; font-size: 15px; font-weight: bold;}
.main_menu_box1 img{width: 100%;height: 50%; aspect-ratio: 1 / 1; object-fit: cover; margin: 0;max-width: 130px;}
.mb-btn{display:none;}
.bb_10{border-bottom: 10px solid #f5f5f5;}
/*���������� �κ�*/
.mo-box{max-width: 412px; margin: auto;}
.if_mail{display: flex; align-items: center; justify-content: space-between;}
.my_info.influ{display: block;}
.my_info.influ .my_info_left{display: flex; justify-content: space-between; align-items: center;}
.my_info.influ .my_info_right{justify-content: space-evenly;}
.influ .my_info_left_1{display: flex; align-items: center; gap: 10px; margin-bottom: 0;}
.influ-img{max-width: 70px; width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden;}
.influ-img img{max-width: 70px; width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
.store-manage{margin: 30px 0; padding: 20px 0; background-color: #fff; border-radius: 10px;}
.store-manage .my-tit{display:block; text-align:center; margin-bottom:3rem;}
.store-manage ul{display: flex; align-items: center; justify-content: space-evenly;}
.store-manage ul li a{display: flex; align-items: center; gap: 20px; font-size: 16px; font-weight: 500;}
.profile-modify{position: relative; max-width: 90px; width: 100%; aspect-ratio: 1 / 1; margin: auto;}
.profile-modify img{max-width: 90px; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%; overflow: hidden;}
.profile-modify button{position: absolute; bottom: 0; right: 0; width: 35px; height: 35px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd;}
.form-textarea{border-radius: 6px !important; border: 1px solid #e1e1e1;}
.form-textarea textarea{height: 15rem;}
#categoryInput{display: flex; align-items: center; gap: 20px; cursor: pointer;}
.category-menu-box.myinfo{display:none;}
.category-menu-box.myinfo.active{display:flex;}
.category-menu-box.myinfo .depth-box li .nav-link.active:after{background:url() no-repeat;}
.depth3-box ul li button{width: 100%; padding: 15px 5px; font-size: 14px; border: 0; background-color: #fff; text-align: left;}
.mypage-sec .sales_btn{gap:10px; overflow-x: auto; -ms-overflow-style: none; /* �ͽ��÷η�, ���� */ scrollbar-width: none;}
.mypage-sec .sales_btn::-webkit-scrollbar { display: none;}
.mypage-sec .sales_btn .btn-outline-gray-300{ height: auto; padding: 12px 20px; color: #707070; font-weight: 500; text-wrap-mode: nowrap; flex: none;}
.mypage-sec .sales_btn .btn-outline-gray-300:not(:disabled):not(.disabled).active{color: #fff; background-color: #F34496; border-color: #F34496;}
.mypage-sec .sales_btn .btn-outline-gray-300:hover {color: #fff; background-color: #f344969c; border-color: #f344969c;}
.sales-value{ margin-bottom: 15px; padding: 0 16px;}
.sales-list ul, .request-list ul{border-top: 10px solid #f5f5f5;}
.sales-list li, .request-list ul li{position: relative; border-bottom: 10px solid #f5f5f5; padding: 18px 16px;}
.sales-list li:last-child{border-bottom: 0;}
.sales-list li > p{font-size: 14px; margin-bottom: 15px;}
.My-order{display: flex; align-items: center; gap: 18px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #e1e1e1}
.My-order .My-order-item{max-width: 90px; width: 100%; aspect-ratio: 1 / 1;}
.My-order .My-order-item img{max-width: 90px; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; overflow: hidden;}
.My-order .My-order-con p:nth-child(1){margin-bottom:5px;}
.My-order .My-order-con p:nth-child(2){margin-bottom:10px;}
.My-order-bottom .flex-c{display: flex; align-items: center; gap: 10px; justify-content: space-between; margin-bottom: 12px;}
.sales-link{background-color: #f5f5f5; padding: 15px; border-radius: 8px; display: flex; align-items: center; gap:10px;}
.sales-link p:nth-child(1){min-width: 60px;}
.sales-link .link{width: 100%; color:#595959}
.sales-link.on .link{color: var(--primary);}
.sales-link .copy{display: none; border: 0; background-color: #ffffff00;}
.sales-link.on .copy{display: block; font-size:14px;}
.sales-link.disabled{background-color: #e1e1e1;}
.toast {color: #fff; border-radius: 0.6rem; font-size: 1.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 1.4rem; box-shadow: none; font-weight: 300; width: 100%; max-width: 400px; z-index: 9999; border: 0; background: transparent;}
.toast.save{ position: fixed;}
.toast-body {padding: 1.3rem 2rem; background-color: rgba(0, 0, 0, 0.5); color: var(--white); font-size: 1.4rem; font-weight: 500; border-radius: 5rem; text-align: center;}
.toast-body p { display: flex; align-items: center; line-height: 1.3; justify-content: center;}
.mypage-sec .my_info_left_2 .my-tit{margin-bottom:0;}
.my_info_left_2.mng{justify-content: space-between;align-items: start;margin-bottom: 7px;}
.date-box{display: flex; align-items: center; gap: 10px; margin-bottom: 2.5rem;}
.date-box .date-input-box{display: flex; align-items: center; gap: 14px;}
.date-box .date-input-box input{position:relative; min-width: 100px;}
.date-btn-box{position:relative; display: flex;}
.date-btn-box button{width: 100px;}
.date-btn-box button.reset{background-color: #ffffff00; border: 0; top:50%; position: absolute; transform: translate(0, -50%); width: auto; right: -40px;}
.settlement-box{padding: 20px 16px; border-top: 10px solid #f5f5f5;}
/*.settlement-box */.total-value{display: flex; justify-content: space-between; align-items: center; padding: 15px; border-radius: 8px; background-color: #f5f5f5; margin-bottom: 2.5rem;}
.settlement-list-box ul{display: flex; flex-wrap: wrap; gap: 25px;}
.settlement-list-box li{width:100%; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 22px 16px;}
.settlement-list-box li .con-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 17px;}
.settlement-list-box li .con-top button{font-size: 12px; background-color: #fff; padding: 5px 10px; border: 1px solid #ccc; border-radius: 6px;}
.settlement-list-box li .con-bottom .flex{display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 10px;}
.settlement-list-box li .con-bottom .flex:last-child{margin-bottom: 0;}
.settlement-list-box li .con-bottom p{font-size:14px;}
.detail-box{padding: 20px 16px 12px;}
.detail-box .flex{display: flex; justify-content: space-between; align-items: stretch; gap: 10px;}
.detail-box .flex h3{max-width: 40%; width: 100%;}
.detail-box .flex p{text-align:right;}
.sales-price{background-color: #FFF8FB; padding: 15px 20px; border-radius: 12px;}
.dash-bottom{border-bottom:1px dashed #e2e2e2; padding-bottom:1.5rem;}
.bank-input{display:flex; gap:10px; align-items:center;}
.bank-input button{min-width: 130px; padding: 17px 15px; text-align: left; border: 1px solid #707070; font-size: 14px; font-weight: 600; background-color: #fff; border-radius: 8px; position:relative;}
.bank-input button::after{content: ''; position:absolute; background: url(../img/ic_select.svg); width: 15px; height: 15px; right: 10px;}
.modal_bottom.modal.bank .modal-dialog{align-items: flex-end;}
.modal_bottom.modal.bank .modal-body{padding: 5px 0;}
.modal_bottom.modal.bank .modal-content{border-radius: 1.2rem 1.2rem 0 0;}
.bank-checks{max-height: 50vh; min-height: auto; height: 100%; overflow-y: auto;}
.bank-checks .checks{padding: 15px; border-bottom: 1px solid #e1e1e1;}
.bank-checks .checks label{justify-content: space-between;}
.bank-checks .checks label p{font-size:14px; font-weight:500; color:#595959;}
.bank-checks .checks .bank-flex{width: 100%; display: flex; align-items: center; justify-content: space-between;}
.bank-checks .checks input:checked + .bank-flex p{color: #F34496;}
.bank-checks .checks .ic_box{border-radius: 50%; background-image:url(); border:0;}
.bank-checks .checks input:checked + .bank-flex .ic_box{border-color: #F34496; color: #F34496; background-image: url(../img/check01_on.png); background-color: #F34496;}
.request-tit{display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1;}
/*.request-tit p{ font-size:15px; font-weight:600;}*/
.request-tit.cancel p{color:#595959;}
.request-tit button{font-size: 12px; background-color: #fff; padding: 5px 10px; border: 1px solid #ccc; border-radius: 6px;}
.request-tit.cancel button, .request-tit.approval button{display:none;}
.request-list .My-order{ border-bottom:0; padding:20px 0; margin-bottom: 0;}
.request-list li{position:relative;}
.request-cancel{background-color:#f5f5f5; border-radius:8px; padding:18px 20px; font-size:15px; font-weight:500; color:#595959;}
.request-approval{background-color:#f5f5f5; border-radius:8px; padding:18px 20px;font-weight:500; display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.request-approval button{height: auto; font-size:12px; font-weight:500;}
.request-approval button.check{padding: 0; border: 0; font-size: 15px; font-weight: 700; margin-top: 0;}
.notify-box li:first-child{border-top: 1px solid var(--border--100);}
.notify-box li{padding: 25px 16px; border-bottom: 1px solid var(--border--100);}
.notify-box li.active{background-color: #fff8fb;}
.notify-box li.active p.txt1{color: #FF3694;}
.notify-box li.active p.txt2{color: #FF7DBA;}
/*.mypg_order_list */.order_list_top{display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px; border-bottom: 1px solid var(--border--100);}
/*.mypg_order_list */.order_list_top a{color: #595959; font-size: 14px;}
.mypg_order_list{border-bottom:10px solid #f5f5f5; margin-bottom: 3rem; padding-bottom:1rem;}
.mypg_order_list:last-child{border-bottom:0; margin-bottom: 0rem;}
.mypg_order_list ul li{padding: 20px 0; border-bottom: 1px solid var(--border--100);}
.mypg_order_list ul li:last-child{border-bottom:0;}
.mypg_order_list ul li .flex{display: flex; align-items: center; gap: 10px;}
.mypg_order_list ul li .flex.f_btn{ gap: 3px;}
.product_left{max-width: 90px; width: 100%; aspect-ratio: 1 / 1; border: 1px solid #e1e1e1; border-radius: 10px;}
.product_left img{max-width: 90px; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 8px; overflow: hidden;}
.product_right{display: flex; flex-wrap: wrap; gap: 5px;}
.product_right p{width:100%;}
.mypg_order_list ul li .flex button{width: 100%; max-width: 180px; border: 1px solid #ccc; padding: 12px 0; border-radius: 8px; background-color: #fff; font-size: 14px; font-weight: 600;}
.mypg_order_list ul li .flex button.btn-primary {
background-color: var(--primary);
border: 1px soild var(--priamry);
}
.mypg_order_list ul li button.btn{margin-bottom: 10px; max-width: 545px; height: auto; padding: 12px;}
.delivery-charge{display: flex; align-items: center; gap: 30px; justify-content: flex-end; padding: 20px 16px; border-top: 1px solid #f5f5f5;}
.return-box1{padding: 20px 0; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px;}
.return-tab{margin-bottom: 20px; border: 0; gap: 10px; flex-wrap: nowrap;}
.return-tab li{/*max-width: 180px;*/ width: 100%;}
.return-tab li button.active,
.pd-box .return-tab li button.active{width: 100%; border: 1px solid #f34496; background-color: #f34496; color: #fff; border-radius: 6px; padding: 15px 0;}
.return-tab li button,
.pd-box .return-tab li button{width: 100%; border: 1px solid #f34496; background-color: #fff; color: #f34496; border-radius: 6px; padding: 15px 0;}
.picture-box{width:100%;}
.picture-box .d-flex{ overflow-x: auto;}
.text-box .flex{display: flex; align-items: center; justify-content: space-between;}
.btn-flex button{/*max-width: 180px; border: 1px solid #f34496; background-color: #f34496; color: #fff; border-radius: 6px; padding: 15px 0;*/}
.btn-flex button.btn-line{border: 1px solid #f34496; background-color: #fff; color: #f34496;}
.btn-flex.pd-box{padding: 20px 0px;}
.pd-box2{padding-bottom: 2rem;}
.user-product-img{display: flex; flex-wrap: wrap; gap: 10px;}
.user-product-img li{max-width: 100px; overflow: hidden; border-radius: 8px;cursor: pointer;}
.user-product-img li img{ width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
.inqu_list,
.notice_list{margin-bottom:3rem;}
.inqu_list li:first-child,
.notice_list li:first-child{border-top: 1px solid var(--border--100);}
.inqu_list li{padding: 18px 16px; border-bottom: 1px solid var(--border--100); cursor: pointer;}
.notice_list li{padding: 25px 16px; border-bottom: 1px solid var(--border--100); cursor: pointer;}
.point-list li{padding: 20px 0; border-bottom: 1px solid var(--border--100);}
.point-list li p{color:#595959;}
.point-list li .point-price p{color:#000;}
.inqu_tag{display: inline-block; font-size: 12px; font-weight: 500; color: #ccc; padding: 5px 12px; border: 1px solid #ccc; border-radius: 20px; margin-bottom: 10px;}
.inqu_tag.on{color: #F34496; border: 1px solid #F34496;}
.inqu_list li p:nth-child(2){margin-bottom:5px;}
.notice_list li p:nth-child(1){margin-bottom:10px;}
.inqu-answer{padding: 20px 16px; border-top: 1px solid var(--border--100); background-color: #fff9fc;}
.community-box{max-width:100%; margin:auto;}
.community-box li{border-bottom: 1px solid var(--border--100); padding: 20px 0;cursor: pointer;}
.community-img{max-width: 100%; width: 100%; aspect-ratio: 38 / 21; overflow: hidden; border-radius: 8px; margin-bottom: 18px;}
.community-img img{width: 100%; aspect-ratio: 38 / 21; object-fit: cover;}
.community-con{ margin-bottom: 10px;}
.community-con > div{gap: 5px; margin-bottom: 10px;}
.user-profile{max-width: 36px; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%;}
.user-profile img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
.community-user-left{gap:10px;align-items: center !important;}
.community-right{display:flex; gap:8px; align-items: center;}
.community-right p{color:#767676;}
.review_list li:first-child{border-top: 1px solid var(--border--100);}
.review_list li{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border--100); /*cursor: pointer;*/ padding:20px 0; gap: 10px;}
.review_list li .flex{display: flex; align-items: center; gap:20px;}
.review_list li .flex p{margin-bottom:5px;}
.review_list li .flex p:last-child{margin-bottom:0px;}
.review_list li .product_right span{color:#a5a5a5;}
.src-inqu-box{display: flex; align-items: center; gap: 15px; margin-top:25px;}
.src-inqu-box .infl_list_form_l{padding: 15px 20px; border: 1px solid #e1e1e1;border-radius: 8px; height: 50px; }
.src-inqu-box .infl_list_form_l_input input{font-size: 14px;}
.src-inqu-box .infl_list_form_l_input button{background-color: #ffffff00; border: 0;}
.inquiry-btn{width: 110px; padding: 17px 0; font-size: 14px; font-weight: 600; color: #fff; background-color: #F34496; border: 1px solid #F34496; border-radius: 8px;}
.input-group.inqu-con{min-height: 200px;}
.notice-con .notice-tit {line-height: normal; padding: 20px 0;}
.setting-box ul{border-top: 1px solid var(--border--100);}
.setting-box ul li{display: flex; justify-content: space-between; padding: 20px 16px; border-bottom: 1px solid var(--border--100);}
.ds-top{padding: 18px 28px; border-radius: 10px; background-color: #F6F6F6; margin: 2rem 0 3rem;}
.ds-top .flex{display: flex; gap: 10px;}
.ds-top .flex p:nth-child(1){min-width: 80px;}
.ds-table{width: 100%;}
.ds-table th{width: calc(100% / 3); font-size: 14px; background-color: #FEF8FB; text-align: center; padding: 14px 10px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: #595959;}
.ds-table td{font-size: 14px; padding: 15px 10px; text-align: center; color: #595959; border-bottom: 1px solid #e1e1e1;}
.ds-table td.on p{font-weight:600;}
.ds-table td.on:last-child p{color:#f34496;}
@media (max-width: 991.98px) {
.notice-con{ border-top: 0;}
.community-box, .review_list, .pd-box3{padding: 0px 16px;}
.mypg_order_list ul li button.btn{max-width: 100%;}
.mypg_order_list ul li .flex button{max-width: 100%;}
.detail-box .dash-bottom{border-bottom:0; padding-bottom:0;}
.sec2{margin-top:0rem; padding:40px 16px;}
.main_menu{margin-bottom:6rem;}
.main-product{ padding:40px 16px;}
.sellerby_slide {padding: 20px 0;}
.pc-btn, .pc{display:none;}
.mb-btn, .moble{display:block;}
.main-product-tit .total-btn, .influencer .total-btn{margin: 0 !important; padding: 1rem; border: 0; height: auto;}
.main-product-tit .total-btn p, .influencer .total-btn p{display:none;}
.main-product-tit .total-btn img, .influencer .total-btn img{padding-left:0;}
.total-more.mb-btn button{margin: 0 !important; padding: 1rem; border: 0;}
.total-more.mb-btn button img{margin-left:0;}
.moble-flex{display: flex; align-items: center; justify-content: space-between;}
.main-product .swiper-button-next, .main-product .swiper-button-prev{display:none;}
.main-product .text-left h2{font-size: 2rem;}
.main-product .text-left p{font-size:1.5rem;}
.sellerby_slide4 > ul > li{background-image:unset !important; border-radius: 0;}
.sellerby_slide4 > ul > li .exhibitions-box{padding:0;}
.sellerby_slide4 > ul > li .exhibitions-box .left-box{width: 100%; padding: 5rem 2rem; border-radius: 10px; text-align: center; background-repeat: no-repeat; background-size: cover;}
.sellerby_slide4 > ul > li .exhibitions-box .left-box.box_m_img{background-image: url(../img/sec4_test.jpg);}
.sellerby_slide4 > ul > li .exhibitions-box .left-box h3{font-size:2.9rem; font-weight:800 !important;}
.sellerby_slide4 > ul > li .exhibitions-box .left-box p{font-size:1.6rem; font-weight:500;}
.sellerby_slide4 > ul > li .exhibitions-box .right-box{width:100%; margin-top: 5rem; padding: 0;margin-bottom: 1px;}
.exhibitions-box .right-box ul{padding:0}
.influencer{flex-wrap: wrap;}
.influencer .influencer-left {width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 2rem;}
.influencer .influencer-right {width: 100%;}
.influencer-right p{font-size:1.4rem;}
.container.main-product{max-width: 100%;}
.pd-box, .btn-flex.pd-box, .pd-box2{padding: 20px 16px;}
.pd-x-box{padding-left: 16px;padding-right: 16px;}
.date-box{padding: 0px 16px;}
.btn-middle,
.my_info_left_2 button{font-size:12px;}
.store-manage {margin: 15px 0 0 0; padding: 23px 0; background-color: #fff; border-radius: 0; border-top: 10px solid #f5f5f5; border-bottom: 10px solid #f5f5f5;}
.store-manage .my-tit { display: block; text-align: left; margin-bottom: 3rem; padding: 0 16px 23px 16px; border-bottom: 1px solid #f5f5f5;}
.store-manage ul{flex-wrap: wrap; gap: 18px 0; padding:0 16px;}
.store-manage ul li{width:50%;}
.my_info.influ .my_info_left, .my_info.influ .my_info_right{padding:0 16px;}
.my_info.influ .my_info_right { padding: 16px 0 20px;}
.my_info.influ{padding:0;}
#categoryInput{gap:10px;}
.mypage-sec .sales_btn{width:100%;}
.mypage-sec .sales_btn .btn-outline-gray-300:hover {color: #707070; background-color: #fff; border-color: #ccc;}
.my_info_left_2.mng{justify-content: flex-end;align-items: center;padding:0px 16px;margin-bottom: 15px;}
.my_info_left_2.mng button:nth-child(2) {display: block;}
.mypage-sec .sales_btn.mng{width:auto; padding: 0 16px; overflow:hidden;}
.bg_box { padding: 2rem;}
.sec_1.box-border{border: 0;padding: 2rem;}
.date-box {flex-wrap: wrap; gap: 10px; width: 100%;}
.detail-box .flex{justify-content: flex-start;}
.detail-box .flex p { text-align: left; width: 100%;}
.mypg_order_box{padding:0 16px;}
.review-grade .rv-star-box{gap: 5px;}
.fs_25{font-size:20px;}
.user-product-img li{width: 55px;height: 55px;border-radius: 6px;}
}
@media (max-width: 575.98px) {
.date-box .date-input-box { width: 100%;}
.date-box {justify-content: center;}
.influ-img{width: 50px;}
}
@media (max-width: 380px){
.my_info.influ .my_info_right{flex-wrap: wrap; gap: 20px 0;}
.my_info.influ .my_info_right div{width:50%;}
.store-manage ul li a { gap: 10px; font-size: 15px;font-weight: 400;}
.store-manage .my-tit { margin-bottom: 2rem; padding: 0 16px 10px 16px; }
.my_info_left_1 .info2 {font-size: 12px;}
.date-box .date-input-box { gap: 5px; width: 100%;}
}
/*@media (max-width: 340px){
.main_menu { margin-bottom: 4rem; flex-wrap: wrap; justify-content: flex-start; gap: 20px 10px; }
.main_menu_box1 {width: calc((100% / 3 - 7px));}
.date-box .date-input-box input{}
}*/
/************ 유림 ************/
/* 공통 클래스 추가 */
.cursor_pointer{ cursor: pointer;}
.mb-05{ margin-bottom: 0.5rem;}
/* 버튼모양 초기화 */
.tab_menu li button{
all: unset;
vertical-align:middle;
margin:0; padding:0;
cursor: auto;word-break: keep-all;
/* 기존 디자인과 똑같이 css 추가 */
width:100%; padding:18px 0;
color: #000;
}
.tab_menu li button.active {
border-bottom: 1px solid var(--primary);
border-right: 0;
color: var(--primary);
font-weight: 700;
}
/* 상품 상세페이지 배송안내*/
.check.txt_display{ margin-bottom: 2.0rem;}
/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img{transform: rotate(0deg);}
/* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img{transform: rotate(180deg);}
.collapse_product li{ /*margin-bottom: 1.2rem;*/}
.collapse_product .btn{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
text-align: left;
padding: 0;
height: auto;
margin-bottom: 1.2rem;
}
.collapse_product .collapse > p{
word-break: keep-all;
padding-top: 1.2rem;
}
/* 상품문의 내용 영역 */
.item_detail_04 .dropdown_list_a{ padding: 0;}
/****** 반응형 ******/
@media (min-width: 992px){
.fs_pc_14{ font-size: 1.4rem;}
.fav_store_box{
border: 1px solid #ddd;
padding: 20px 20px 0;
border-radius: 20px;
}
}
.cart_box_img {
position: relative;
display: inline-block;
}
.cart_box_img.sold_out img {
display: block;
width: 100%;
height: auto;
filter: brightness(50%); /* 이미지 어둡게 */
}
.sold-out {
position: absolute;
top: 50%;
left: 45%;
transform: translate(-50%, -50%);
color: white;
font-size: 1.5rem;
font-weight: bold;
padding: 10px 20px;
border-radius: 5px;
}