@charset "utf-8";

/*=============== location ===============*/
.location .topArea {
    text-align: center;
    padding-top: 20px;
}
.location .logo {
    display: block;
}
.location .txt_desc {
    display: block;
    color: #333333;
    font-size: 1.25rem;
    font-weight: bold;
    padding: 55px 0 18px;
}
.location .txt_desc ~ p {
    width: 80%;
    color: #464646;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.438rem;
    margin: auto;
}
.location .contArea {
    width: 67.2%;
    height: 298px;
    border-radius: 23px;
    background: #f4f4f4;
    margin: 44px auto 83px;
}

/*=============== login ===============*/
.login .logo {
    display: block;
    text-align: center;
    padding: 68px 0 47px;
}
.login .content {
    position: relative;
}
.login .contArea {
    padding: 0 4.26%;
}
.login .contArea input[type="text"],
.login .contArea input[type="number"],
.login .contArea input[type="password"] {
    margin-bottom: 8px;
}
.login .inputWrap .box_checkbox {
    color: #222;
    font-size: 0.813rem;
    font-weight: 400;
    margin-top: 8px;
}

.login .inputWrap label input[type="checkbox"] {
    /*margin:17px 9px 0 0;*/
    vertical-align: middle;
}
.login .buttonArea {
    width: 100%;
    position: static;
    padding: 0;
    margin: 30px 0 0 0;
}
.login .joinWrap {
    text-align: center;
    padding-top: 30px;
}
.login .joinWrap li {
    width: 50%;
}
.login .joinWrap li:last-child {
    border-left: 1px solid #dbdbdb;
}
.login .joinWrap li a {
    color: #333333;
    font-size: 0.875rem;
    font-weight: 400;
}
.login .buttonArea.quick {
    width: 91.46%;
    padding-top: 136px;
    position: relative;
    top: 0;
    left: 4.26%;
}
.login .buttonArea.quick.bottom {
    padding-bottom: 0;
    position: fixed;
    top: auto;
    bottom: 30px;
    z-index: 10;
}
.login .buttonArea.quick strong {
    display: block;
    width: 100%;
    color: #333333;
    font-size: 0.875rem;
    padding-bottom: 16px;
}
.login .buttonArea.quick .dark {
    font-size: 0.875rem;
    font-weight: 400;
    background: #000;
    margin-bottom: 9px;
}
.login .buttonArea.quick .icon-kakao {
    padding-right: 7px;
}
.login .buttonArea.quick button {
    height: 44px;
    border-radius: 6px;
}
.login .buttonArea.quick .btn_line_2 {
    width: 48.73%;
    color: #222;
    font-size: 0.875rem;
    font-weight: 400;
    border: 1px solid #d9d9d9;
    background: none;
    margin-top: 0;
}
.login .buttonArea.quick .btn_line_3 {
    width: 100%;
    color: #222;
    font-size: 0.875rem;
    font-weight: 400;
    border: 1px solid #d9d9d9;
    background: none;
    margin-top: 0;
}
.login .buttonArea.quick .btn_line_2 .icon {
    margin-right: 15px;
}

/*=============== kakao ===============*/
.kakao > header {
    z-index: 12;
}
.kakao .topArea {
    border-bottom: 1px solid #d9d9d9;
    padding: 16px 0;
    margin: 0 4.26%;
}
.kakao .topArea .imgWrap {
    display: inline-block;
    width: 47px;
    height: 47px;
    border: 1px solid #fd5050;
    border-radius: 12px;
    box-shadow: 0 3px 6px #00000029;
    vertical-align: middle;
}
.kakao .topArea .infoWrap {
    display: inline-block;
    line-height: 1.125rem;
    vertical-align: middle;
    padding-left: 14px;
}
.kakao .topArea .infoWrap strong {
    display: block;
}
.kakao .topArea .infoWrap span {
    font-size: 0.75rem;
    font-weight: 400;
}
.kakao .popWrap .contArea {
    padding: 0 4.26%;
}
.kakao .box_check_all {
    height: 54px;
    line-height: 54px;
    padding: 0;
}
.kakao .box_check_all span {
    font-size: 0.938rem;
    text-indent: 0;
}
.kakao .txt_notice {
    display: flex;
    align-items: center;
    height: 54px;
    color: #5f5f5f;
    font-size: 0.75rem;
    line-height: 1.125rem;
    border-bottom: 1px solid #d9d9d9;
}
.kakao .box_check_policy span {
    width: 80%;
    color: #5f5f5f;
    font-size: 0.75rem;
    line-height: 1.125rem;
}
.kakao .buttonArea {
    margin-top: 40px;
}

/*=============== naver ===============*/
header.naver {
    display: flex;
    align-items: center;
    background: #459d25;
    padding: 0 4.8%;
}
.naver .topArea {
    padding: 62px 0 33px;
}
.naver .topArea .imgWrap {
    width: 47px;
    height: 47px;
    border: 1px solid #fd5050;
    border-radius: 12px;
    box-shadow: 0 3px 6px #00000029;
    vertical-align: middle;
    margin: auto;
}
.naver p {
    color: #5f5f5f;
    font-size: 0.75rem;
    line-height: 1.125rem;
}
.naver .contArea > p {
    padding: 0 4.26%;
}
.naver .noticeWrap {
    padding: 0 4.26%;
}
.naver .noticeWrap p {
    margin-bottom: 20px;
}
.naver .noticeWrap > strong {
    display: block;
    margin-bottom: 10px;
}
.naver .noticeWrap strong {
    color: #1c1c1c;
    font-size: 0.75rem;
    font-weight: bold;
}
.naver .checkWrap {
    padding: 46px 4.26% 52px;
}
.naver label > span {
    color: #555555;
    font-size: 0.75rem;
}
.naver .buttonArea {
    margin-top: 37px;
}
.naver .btn {
    width: calc(50% - 3.5px);
    color: #fff;
    font-size: 0.875rem;
    background: #1cbe50;
}
footer.naver {
    margin-top: 100px;
    margin-bottom: 20px;
}
footer.naver ul {
    text-align: center;
    margin-bottom: 7px;
}
footer.naver li,
footer.naver a {
    color: #b4b4b4;
    font-size: 0.75rem;
    font-weight: bold;
}
footer.naver li {
    display: inline-block;
    padding: 0 2.66%;
}
footer.naver li:first-child {
    border-right: 1px solid #d3d3d3;
}
footer.naver li.color a {
    color: #69ca45;
    text-decoration: underline;
}

/*=============== common ===============*/

/*input*/
.join input[type="text"],
.join input[type="number"],
.join input[type="password"] {
    font-size: 0.938rem;
    font-weight: 400;
    border: none;
    padding: 0 5px;
}

/*placeholder*/
.join input[type="text"]::-webkit-input-placeholder,
.join input[type="number"]::-webkit-input-placeholder {
    /* Edge */
    font-size: 0.938rem;
    font-weight: 400;
}
.join input[type="text"]:-ms-input-placeholder,
.join input[type="number"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #888;
    font-size: 0.938rem;
    font-weight: 400;
}
.join input[type="text"]::placeholder,
.join input[type="number"]::placeholder {
    color: #888;
    font-size: 0.938rem;
    font-weight: 400;
}

/*check button*/
.join .btn_check {
    height: 35px;
    position: absolute;
    bottom: 8px;
    right: 0;
}
.join .btn_check.none {
    display: none;
}

/*top area*/

.topArea .box_page {
    padding-bottom: 17px;
}
.topArea .box_page li {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #b4b4b4;
    font-size: 0.813rem;
    text-align: center;
    line-height: 27px;
    border: 1px solid #b4b4b4;
    border-radius: 9px;
}
.topArea .box_page li.select {
    color: #fff;
    font-weight: bold;
    border: none;
    background: #48ca45;
}
.topArea p.txt_desc {
    font-size: 1.25rem;
}

/*box alert*/
.box_alert {
    padding-top: 5px;
}
.box_alert span {
    display: none;
    font-size: 0.688rem;
}
.box_alert span.txt_ok {
    color: #48ca45;
}
.box_alert span.txt_wrong {
    color: #e81f1f;
}
.box_alert span.txt_same p {
    color: #e81f1f;
}
.box_alert span.txt_same .ico-confirm-2::before {
    position: absolute;
    left: -10px;
    top: 1px;
}
.box_alert span.txt_time {
    color: #5f5f5f;
}
.box_alert span.print {
    display: block;
}

/*=============== join 1 ===============*/
.join .content {
    overflow: hidden;
}
.join .topArea {
    padding: 42px 4.26% 20px;
}
.join .topArea > .txt_sub {
    display: block;
    color: #4d4d4d;
    font-size: 0.813rem;
    padding-top: 14px;
}
.join .topArea > .txt_sub .icon {
    vertical-align: top;
    padding-right: 5px;
}
.join .content > .scroll_cont {
    /* height:calc(100% - 184px);
    overflow-y:auto; */
}
.join .contArea {
    padding: 20px 4.26%;
}
.join .box_step {
    border-bottom: 1px solid #f2f2f2;
    padding: 25px 0 5px;
}
.join .box_step.active {
    border-bottom: 2px solid #48ca45;
}
.box_step.confirm .time {
    color: #48ca45;
    font-size: 0.75rem;
    font-weight: 400;
    position: absolute;
    bottom: 18px;
    right: 89px;
}
.box_step.confirm .time.none {
    display: none;
}
.join .box_step.step_2,
.join .box_step.step_3,
.join .box_step.step_5 {
    position: relative;
}
.join .box_step .box_notice {
    position: relative;
}
.join .box_step .box_notice span {
    display: none;
}
.join .box_step .box_notice span.print {
    display: block;
    position: absolute;
    right: 0;
    bottom: 20px;
}
.join .box_step .box_notice span.txt_time,
.join .box_step.step_3 .box_notice span.txt_wrong {
    right: 26%;
}

.join .contArea > .txt_notice .icon {
    vertical-align: bottom;
    margin-right: 5px;
}

/*=============== join agree ===============*/
.join.modalArea.full .popWrap {
    top: 0;
    padding-top: 60px;
}
.join.modalArea .popWrap {
    height: 85%; /*20230102 이용약관 동의 항목 증가로 , 높이 증가 처리(기존: 73.42%)_이승미*/
    /*overflow-y: auto;*/
    border-radius: 24px 24px 0 0;
}
.join.modalArea .txt_title {
    font-size: 1.125rem;
    font-weight: bold;
    padding: 28px 4.26%;
}
.join.modalArea .contArea {
    padding: 0 0 20px;
}
.join .box_check_all {
    padding: 12px 0 19px;
    margin: 0 4.26%;
}
.join .box_check_all span {
    font-size: 1.125rem;
}
.join .box_check_policy {
    /*min-height:260px;*/
    padding: 0 4.26%;
    overflow-y: auto;
}
.join .box_check_policy > li {
    clear: both;
    margin-bottom: 30px;
}
.join .box_check_policy a {
    display: inline-block;
    float: inherit;
    text-decoration: underline;
    font-weight: 400;
}
.join .box_check_policy span,
.join .box_check_policy .span {
    font-size: 1.125rem;
    color: #1c1c1c;
}
.join .box_check_policy li.active .icon {
    transform: rotate(180deg);
}
.join .box_check_policy label {
    float: right;
}
.join .box_check_policy li > ul {
    display: none;
}
.join .box_check_policy li.active > ul {
    display: block;
    margin-top: 15px;
}
.join .box_check_policy li > ul li {
    margin-bottom: 0;
    /*margin-top:10px;*/
}
.join .box_check_policy li > ul span {
    color: #8b8b8b;
    font-size: 0.688rem;
    text-decoration: underline;
}
.join .box_check_policy > li .btn_policy {
    margin-left: 5px;
}
.join .box_check_policy > li .btn_policy .icon::before {
    width: 11px;
}
.modalArea.half.join .buttonArea {
    height: 52px;
    padding: 0 4.26%;
    position: absolute;
    top: auto;
    bottom: 30px;
}

/*20230102 이용약관 동의 항목 증가로, 신규 분기점 추가(770px)_이승미*/
@media (max-height: 770px) {
    .join .box_check_policy {
        height: 300px;
    }
}
@media (max-height: 678px) {
    .join .box_check_policy {
        height: 245px; /*20230102 이용약관 동의 항목 증가로, 높이 감소 처리(기존: 260px)_이승미*/
    }
    /* .join .box_check_policy li.active > ul {
    }*/
}
@media (max-height: 610px) {
    /*20230102 이용약관 동의 항목 증가로, 분기점 변경(기존: 568px)_이승미*/
    .join .box_check_policy {
        height: 140px; /*20230102 이용약관 동의 항목 증가로, 높이 감소 처리(기존: 200px)_이승미*/
    }
}

/*=============== join finish ===============*/
.join.finish .topArea {
    height: 130px;
    padding: 0;
    background: #d7faff url("../images/img/img_join_finish.svg") right top
        no-repeat;
    position: relative;
}
.join.finish .topArea .txt_hello {
    color: #267f95;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.563rem;
    padding: 18px 4.26%;
}
.join.finish .topArea .txt_hello span {
    color: #267f95;
    font-weight: bold;
}
.join.finish .topArea .txt_notice {
    width: 215px;
    height: 35px;
    color: #267f95;
    font-size: 0.813rem;
    text-indent: 15px;
    line-height: 35px;
    background: url("../images/img/bg_notice.svg") no-repeat;
    position: absolute;
    bottom: 15px;
    left: 43px;
}
.modalArea.join.finish .popWrap .contArea {
    padding: 0;
    margin-bottom: 32px;
}
.modalArea.join.finish .contArea > .txt_title {
    display: flex;
    align-items: center;
    height: 44px;
    font-size: 0.875rem;
    text-align: left;
    line-height: 44px;
    border-bottom: none;
    padding: 0;
}
.modalArea.join.finish .contArea > .txt_title .icon {
    margin-left: 6px;
}

.join.finish p.txt_desc {
    color: #080808;
    font-size: 0.688rem;
    line-height: 0.938rem;
    position: absolute;
    bottom: 25px;
    left: 7.2%;
}
.modalArea.join.finish .btn_basic {
    width: 64.72%;
}
.modalArea.join.finish .popWrap .buttonArea .btn_line {
    width: 32.65%;
}

/*mart slide*/
#martSlide {
    border-top: 1px solid #d9d9d9;
    position: relative;
}
#martSlide .slide > li {
    min-height: 110px;
    border-bottom: 1px solid #d9d9d9;
    background: #fff;
    padding: 20px 4.26%;
    position: relative;
}
#martSlide .txt_name {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 500;
}
#martSlide .txt_name span {
    display: block;
    font-size: 0.938rem;
    font-weight: 400;
    padding-top: 5px;
}
#martSlide .box_checkbox {
    position: absolute;
    top: 16px;
    right: 4.26%;
}
#martSlide .box_checkbox input {
    margin: 0;
}
#martSlide .box_point {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
#martSlide .box_point > span {
    display: inline-block;
    height: 20px;
    font-size: 0.625rem;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    border-radius: 6px;
    vertical-align: top;
    padding: 0 5px;
}
#martSlide .box_point .num_point {
    color: #429f3f;
    font-weight: bold;
    padding-left: 5px;
}
#martSlide .box_point .txt_point {
    color: #429f3f;
    background: rgba(72, 202, 69, 0.23);
}
#martSlide .box_point .txt_point .icon {
    vertical-align: middle;
    padding-left: 5px;
}
#martSlide .box_point .txt_point .icon::before {
    width: 18px;
    height: 12px;
}
#martSlide .timeWrap li {
    display: inline-block;
    color: #8d8d8d;
    font-size: 0.813rem;
    font-weight: 400;
    text-align: center;
    word-spacing: 4px;
    margin-top: 15px;
    padding: 0 7.5px;
}
#martSlide .timeWrap li:first-child {
    border-right: 1px solid #d9d9d9;
    padding-left: 0;
}
#martSlide .timeWrap li span {
    color: #8b8b8b;
    font-size: 0.813rem;
}
#martSlide .slick-dots {
    padding: 20px 0;
}
#martSlide .slick-dots li.slick-active {
    background: #8b8b8b;
}
.join.finish .btn_round {
    width: 41.6%;
    height: 48px;
    color: #222222;
    font-size: 0.875rem;
    border: 1px solid #d9d9d9;
    border-radius: 100px;
    background: #fff;
    margin: auto;
}
.join.finish .btn_round .icon {
    padding-left: 12px;
}

/*finish notice popup*/
.modalArea.martNotice {
    width: 100%;
    height: 100vh;
    position: relative;
}
/*notice*/
.modalArea.martNotice .popWrap {
    width: 79.74%;
    border-radius: 6px;
}
.modalArea.martNotice .topArea {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 68px;
    color: #1c1c1c;
    font-size: 1.125rem;
}
.modalArea.martNotice .topArea .btn_close {
    position: absolute;
    top: 20px;
    right: 18px;
}
.modalArea.martNotice .contArea {
    border-radius: 6px;
    padding: 0 0 15px;
}
.modalArea.martNotice .contArea .noticeWrap {
    padding: 0 0 6px;
    margin: 0 6.5%;
}
.modalArea.martNotice .contArea .noticeWrap li {
    padding-bottom: 12px;
}
.modalArea.martNotice .contArea .noticeWrap li span {
    vertical-align: text-bottom;
}
.modalArea.martNotice .contArea .noticeWrap li span::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 8px;
    vertical-align: top;
    background: url("../images/icon/icon_sel_menu.svg") no-repeat;
    background-size: contain;
    filter: invert(59%) sepia(99%) saturate(360%) hue-rotate(70deg)
        brightness(95%) contrast(84%);
    padding-right: 10px;
    margin-top: 5px;
}
.modalArea.martNotice .contArea .noticeWrap p {
    display: inline-block;
    width: calc(100% - 30px);
    color: #000;
    font-size: 0.875rem;
    font-weight: 400;
    text-align: left;
    line-height: 1.25rem;
    padding: 0;
}

/*finish once*/
.join.once .topArea {
    height: auto;
    background: none;
}
.join.once p.txt_desc {
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-align: center;
    padding: 69px 0 26px;
    position: static;
}
.join.once .txt_notice {
    color: #767676;
    font-size: 1.063rem;
    font-weight: 400;
    text-align: center;
}
.join.once .imgWrap {
    text-align: center;
    margin: 40px auto 57px;
}
.join.once .btn_line {
    width: 100%;
}

/*=============== policy ===============*/
.policy.modalArea {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
.policy .popWrap {
    width: 100%;
    border-radius: 0;
    position: absolute;
    top: 60px;
    left: 0;
    transform: none;
}
.policy.modalArea .popWrap .contArea {
    padding: 20px 0 0;
}
.policy .contArea > div {
    padding-bottom: 20px;
}
.policy .contArea .txt_title {
    color: #222222;
    font-size: 0.813rem;
    font-weight: bold;
    line-height: 1.375rem;
    padding: 10px 18px 5px;
}
.policy .contArea p {
    color: #222222;
    font-size: 0.813rem;
    font-weight: 400;
    line-height: 1.375rem;
    padding: 0 18px 10px;
}
.policy .contArea .box_notice {
    padding: 0 18px;
}
.policy .contArea .box_notice p {
    border: 1px solid #707070;
    padding: 10px 13px;
}

.policy .contArea img {
    width: 100%;
}
.policy .contArea p b {
    font-weight: bold;
}

.policy .contArea p.indent {
    padding-left: 30px;
}
.policy .contArea p.indent_2 {
    color: #222222;
    font-size: 0.813rem;
    font-weight: 400;
    line-height: 1.375rem;
    padding: 0 18px 10px 40px;
}
.policy .contArea .txt_desc .txt_title {
    color: #1c1c1c;
    font-size: 0.938rem;
    line-height: 1.375rem;
    padding: 0 4.26% 12px;
}
.policy .contArea .txt_desc .table {
    padding: 0 4.26%;
    margin: 0 0 50px;
}
.policy .contArea .txt_desc table {
    width: 100%;
    border-top: 1px solid #8b8b8b;
}
.policy .contArea .txt_desc tr {
    border-bottom: 1px solid #8b8b8b;
}
.policy .contArea .txt_desc th,
.policy .contArea .txt_desc td {
    color: #222222;
    font-size: 0.813rem;
    text-align: center;
    vertical-align: middle;
}
.policy .contArea .txt_desc th {
    height: 60px;
    background: #e5e5e5;
}
.policy .contArea .txt_desc th span {
    display: block;
    color: #222222;
    font-size: 0.625rem;
    padding-top: 5px;
}
.policy .contArea .txt_desc td {
    height: 42px;
}
.policy .contArea .txt_desc th:nth-child(2),
.policy .contArea .txt_desc td:nth-child(2) {
    border-left: 1px solid #8b8b8b;
}

.policy-table {
    padding: 0 20px;
}
.policy-table table {
    width: 100%;
}
.policy-table th {
    padding: 8px 10px;
    font-size: 14px;
    background: #ebebeb;
    color: #252525;
    border-top: 1px solid #b4b4c5;
    border-bottom: 1px solid #b4b4c5;
}
.policy-table td {
    padding: 8px 10px;
    font-size: 14px;
    text-align: center;
    color: #8b8b8b;
    border-bottom: 1px solid #b4b4c5;
}

/*=============== modal area ===============*/

/*finish*/
.modalArea.finish .popWrap {
    height: auto;
}
.modalArea.finish .popWrap .txt_title {
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    margin: 0 4.26%;
}
.modalArea.finish .popWrap .contArea {
    padding: 28px 0 42px;
}
.modalArea.finish .popWrap .list_mart {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modalArea.finish .popWrap .list_mart li {
    margin-bottom: 25px;
}
.modalArea.finish .popWrap .list_mart li:last-child {
    margin-bottom: 0;
}
.modalArea.finish .popWrap .list_mart li label {
    color: #4e4e4e;
    font-weight: 400;
}
.modalArea.finish .popWrap .list_mart li label input {
    margin-right: 10px;
}
.modalArea.finish .popWrap .buttonArea .btn_line {
    width: 100%;
}

/*newbie*/
.newbie {
    text-align: center;
}
.newbie .popWrap > .txt_title {
    font-size: 1.125rem;
    line-height: 1.688rem;
    padding: 40px 32px 0;
}
.newbie .imgWrap {
    margin: 41px auto 35px;
}
.newbie .txt_notice {
    color: #717171;
    font-size: 0.813rem;
    line-height: 1.375rem;
    padding: 0 32px 34px;
}

/*=============== search ===============*/

.search .txt_psw {
    position: relative;
}
.search .txt_psw::after {
    content: url(../images/icon/icon_show.svg);
    position: absolute;
    right: 15px;
    top: 5px;
}
/* 사업자 계정)  사업자 회원 여부 체크박스 영역 추가 관련 스타일_20230102 이승미*/
.modalArea.half.join .buttonArea.account_check {
    background-color: #ffffff;
    height: auto;
    bottom: 15px;
}

.modalArea.half.join .buttonArea.account_check > div {
    border-top: 1px solid #d9d9d9;
}

.modalArea.half.join .buttonArea.account_check > div span {
    color: #1c1c1c;
    font-size: 1.125rem;
    font-weight: 400;
}

.join.infoAdd .content {
    overflow-y: auto;
}

/*사업자 계정) 일반/사업자 계정 선택 화면 스타일_20230102 이승미*/
.accountType .typeWrap {
    gap: 1rem;
}
.accountType .typeWrap .type_obj {
    display: block;
    background: #f7f8fa;
    border-radius: 8px;
    height: 100%;
    flex-grow: 1;
}

.accountType .typeWrap .type_obj > div {
    display: block;
    text-align: center;
    width: 100px;
    height: 100px;
    margin: 20px auto;
    background: #ffffff;
    border-radius: 100%;
}

.accountType .typeWrap .type_obj > div img {
    width: 100%;
    filter: sepia(1) grayscale(1) brightness(1);
}

.accountType .typeWrap .type_obj span {
    text-align: center;
    padding-bottom: 2rem;
}