@charset "utf-8";

@import url('../healthcare/css/font.css');

:root {
    --c-primary:#6FB53D;
    --c-primary2: #13B254;
}

.dfRdio + .dfRdioLbl:before{width:2.2rem;height:2.2rem;background-position:50% 50%;}

.modal_header{position:relative;}
.modal_header h2{font-size:23px;}
.modal_header .modal_close{position:absolute;top:80%;right:0;transform:translateY(-80%);}
._cstmOrdrPop .modal_header .modal_close,
._greenTopPop.popupBox .inner .modal_header .modal_close{width:63px;height:100%; background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 3.5L16.5 16.5' stroke='%235B5B5B' stroke-linecap='round'/%3E%3Cpath d='M16.5 3.5L3.5 16.5' stroke='%235B5B5B' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 100%;background-size:auto 25px;}

._addrssLstBx .noti{ color:#5B5B5B;font-size:18px;padding-top:25px;letter-spacing: -0.05em;}
._addrssLstBx .noti-box{padding-top:20px;}
._addrssLstBx .noti-box > div{padding:15px 8px; text-align:center;  background:#FFF7F3;border:1px solid #FFEFE7;border-radius:8px;font-weight:500; color:#383838;font-size:18px;    font-size: 18px;    word-break: keep-all;letter-spacing: -0.05em;}
._addrssLstBx .noti-box .oneday{margin-right:4px;margin-left:4px; color:#4C4C4C;display:inline-flex;align-items: center;;font-weight:500;}
._addrssLstBx .noti-box .oneday:after{content:'';display:block;margin-left:4px; width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='6.4' stroke='%239C9C9C' stroke-width='1.2'/%3E%3Crect x='8.60083' y='11.0005' width='1.2' height='4' rx='0.6' transform='rotate(-180 8.60083 11.0005)' fill='%23838383'/%3E%3Crect x='8.59998' y='6.20068' width='1.2' height='1.2' rx='0.6' transform='rotate(-180 8.59998 6.20068)' fill='%23838383'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size:auto 100%;}
._addrssLstBx .list{}
._addrssLstBx .list li{margin-top:0;align-items: flex-start;justify-content: flex-start;gap: 0.5rem}
._addrssLstBx .list li ~ li{margin-top:20px;}
._addrssLstBx .list > li .chk{width:2.4rem;position:relative;top:0.2rem;}
._addrssLstBx .list > li .address .default{margin-left:8px; margin-bottom:0; height:28px;background:#fff;border:1px solid #ddd;border-radius:28px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex;align-items:center; color:#5B5B5B;box-sizing: border-box;}
._addrssLstBx .list > li .address .tit{margin-bottom:10px; display:flex;align-items:center;padding-top:0.2rem;}
._addrssLstBx .list > li .address .tit p { font-size: 1.3rem;}
._addrssLstBx .list > li .address .tit .name{ background: none;  font-weight: 700; font-size: 19px; color: #2A2A2A;}
._addrssLstBx .list > li .address .tit .name .sub{margin-left: 4px; font-weight: 400; line-height: 1; vertical-align: baseline;font-size: 18px;}
._addrssLstBx .list > li .address .tit .right{margin-left:auto;}
._addrssLstBx .list > li .address .tit .btn-modify{display:inline-block; width:30px;height:30px;vertical-align:top;margin-top:-3px; background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1415_938)'%3E%3Cpath d='M8.39332 3.60669L2.01603 9.98399C1.9263 10.0737 1.87309 10.1936 1.86671 10.3203L1.68037 14.0252C1.66514 14.3279 1.91474 14.5775 2.21744 14.5623L5.92235 14.3759C6.04908 14.3696 6.16894 14.3164 6.25866 14.2266L12.636 7.84933M8.39332 3.60669L10.638 1.36204C10.8379 1.16209 11.1621 1.16209 11.362 1.36204L14.8806 4.8806C15.0805 5.08055 15.0805 5.40473 14.8806 5.60468L12.636 7.84933M8.39332 3.60669L10.5146 5.72801L12.636 7.84933' stroke='%23AAAAAA' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1415_938'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 16px;}
._addrssLstBx .list > li .address .add{font-size:18px; color:#2A2A2A;font-weight:400;word-break: break-all;}
._addrssLstBx .list > li .address .type{flex:none;margin-top:10px;}
._addrssLstBx .list > li .address .type li{height:28px;background:#fff;border-radius:28px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex;align-items:center; color:#5B5B5B;line-height:28px;border:none !important;margin:0 ;}
._addrssLstBx .list > li .address .type li ~ li{margin-left:4px;}
._addrssLstBx .list > li .address .type li.type1{ color:#13B254;background:#E5F8EC;}
._addrssLstBx .list > li .address .type li.type2{ color:#777777;background:#F3F3F3;}
._addrssLstBx .list > li .address .type li.type3{ color:#8982E9;background:#F4F3FD;}
._addrssLstBx .list > li .address .addrssType{margin-top:10px;}

._addrssLstBx .list > li.disabled{position: relative;background:#F9F9F9;border:1px solid #EEEEEE;}
._addrssLstBx .list > li.disabled:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index: 10;background:rgba(0, 0, 0, 0);}
._addrssLstBx .list > li.disabled .address .tit{opacity: 0.4;}
._addrssLstBx .list > li.disabled .addrssType,
._addrssLstBx .list > li.disabled .address .default{opacity: 0.5;}
._addrssLstBx .list > li.disabled .address .add{ color:#999999;}
._addrssLstBx .list > li.disabled .address .type{opacity: 0.5;}
._addrssLstBx .list > li.disabled .dfRdio + .dfRdioLbl:before{background:#F3F3F3;border:1px solid #DDDDDD;}

/* .siteHeader,
.siteHeader._sbPgTtlFxd{height:63px;} */
.sub-page-title._fxdTtl .ttl{font-weight:700;}

.addrssType{align-items: center;}
.addrssType li{height:2.4rem;line-height: 2.4rem;background:#fff;border-radius:2.5rem;padding:0 1rem;font-size:1.1rem;font-weight:500;display:inline-flex;align-items:center; color:#5B5B5B;border:none !important;margin:0 ;}
.addrssType li ~ li{margin-left:5px;margin-top:0 !important;}
.addrssType li[class*=type]{white-space: nowrap;}
.addrssType li.type1{ color:#127B37;background:#E5F8EC;}
.addrssType li.type2{ color:#777777;background:#F3F3F3;}
.addrssType li.type3{ color:#8982E9;background:#F4F3FD;}
.addrssType li.type3.st2{padding:0 16px;display:flex;align-items: center;border: 1px solid rgba(137, 130, 233, 0.4) !important;}
.addrssType li.type3.st2 span{color:#8982E9;font-size:13px;}
.addrssType li.type3.st2:before{content:'';display:block;position:relative;top:-1px; width:20px;height:20px;margin-right:3px; background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='6.4' stroke='%23FCA9A9' stroke-width='1.2'/%3E%3Crect width='2' height='7' transform='translate(9 11.5) rotate(-180)' fill='%23ECECEC'/%3E%3Crect x='7.39917' y='4.99951' width='1.2' height='4' rx='0.6' fill='%23FF003D'/%3E%3Crect x='7.40002' y='9.79932' width='1.2' height='1.2' rx='0.6' fill='%23FF003D'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size: auto 100%;}
.addrssType li.type4{ color:#6DB62B;background:#F1FBE9;}

.delivery-change{margin-top:1rem;display: flex; padding:0 1rem;justify-content: center; align-items: center;font-size:1.5rem;  color:#FF732C; height: 5.2rem; background: #FFF7F3; border: 1px solid rgba(249, 188, 157, 0.5); border-radius: 0.8rem;word-break: break-all;}
.delivery-change:before{content:'';display:inline-block;width:20px;height:20px;background-position:0 0;background-size:100% 100%;background-repeat:no-repeat;}
.delivery-change:before{margin-right:5px;position:relative;top:-1px;background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8' r='6.4' stroke='%23FF732C' stroke-width='1.2'/%3E%3Crect x='9.10059' y='11.0005' width='1.2' height='4' rx='0.6' transform='rotate(-180 9.10059 11.0005)' fill='%23FF732C'/%3E%3Crect x='9.09985' y='6.20044' width='1.2' height='1.2' rx='0.6' transform='rotate(-180 9.09985 6.20044)' fill='%23FF732C'/%3E%3C/svg%3E%0A");}
/* .delivery-change:after{margin-left:5px;position:relative;top:-1px;  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1207_7802)'%3E%3Cpath d='M8.89332 3.60669L2.51603 9.98399C2.4263 10.0737 2.37309 10.1936 2.36671 10.3203L2.18037 14.0252C2.16514 14.3279 2.41474 14.5775 2.71744 14.5623L6.42235 14.3759C6.54908 14.3696 6.66894 14.3164 6.75866 14.2266L13.136 7.84933M8.89332 3.60669L11.138 1.36204C11.3379 1.16209 11.6621 1.16209 11.862 1.36204L15.3806 4.8806C15.5805 5.08055 15.5805 5.40473 15.3806 5.60468L13.136 7.84933M8.89332 3.60669L11.0146 5.72801L13.136 7.84933' stroke='%23FF732C' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1207_7802'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} */



@media screen and (max-width: 475px) {
    .dfRdio + .dfRdioLbl:before{width:2rem;height:2rem;}

    .modal_header h2{font-size:4.842vw;}
    ._cstmOrdrPop .modal_header .modal_close,
    ._greenTopPop .modal_header .modal_close{width:13.26vw;background-size:auto 5.263vw;}
    ._addrssLstBx .noti{font-size:3.8vw;padding-top:5.3vw;}
    ._addrssLstBx .noti-box{padding-top:4.2vw;}
    ._addrssLstBx .noti-box > div{padding:3.157vw 1.685vw;border-radius:1.68vw;font-size:3.8vw;}
    ._addrssLstBx .noti-box .oneday{margin-right:0.84vw;margin-left:0.84vw;}
    ._addrssLstBx .noti-box .oneday:after{margin-left:0.842vw; width:4.2vw;height:4.2vw;}
    ._addrssLstBx .list li ~ li{margin-top:4.2vw;}
    ._addrssLstBx .list > li .chk{}
    ._addrssLstBx .list > li .address .default{height:5.9vw;border-radius:5.9vw;padding:0 2.1vw;font-size:2.736vw;margin-left:1.68vw;}
    ._addrssLstBx .list > li .address .tit p {font-size:1.1rem;}
    ._addrssLstBx .list > li .address .tit .name{font-size: 1.6rem;}
    ._addrssLstBx .list > li .address .tit .name .sub{font-size:1.4rem;}
    ._addrssLstBx .list > li .address .tit .btn-modify{width:6.315vw;height:6.315vw;margin-top:-0.63vw; background-size:auto 3.368vw;}
    ._addrssLstBx .list > li .address .add{font-size:3.8vw;}
    ._addrssLstBx .list > li .address .type{margin-top:2.1vw;}
    ._addrssLstBx .list > li .address .type li{height:5.9vw;border-radius:5.9vw;padding:0 2.1vw;font-size:2.736vw;line-height:5.9vw;}
    ._addrssLstBx .list > li .address .type li ~ li{margin-left:0.842vw;}
    ._addrssLstBx .list > li .address .addrssType{margin-top:2.1vw;}

    .addrssType li ~ li{margin-left:1.052vw;}
    .addrssType li.type3.st2{padding:0 2.2vw;}
    .addrssType li.type3.st2 span{font-size:2.7vw;}
    .addrssType li.type3.st2:before{width:4.2vw;height:4.2vw;margin-right:0.63vw;position:relative;top:0.03vw}

    .delivery-change{margin-top:2.11vw;padding:1vw 2.1vw; font-size:1.2rem;min-height: 9.68vw;height: auto;border-radius: 1.68vw;letter-spacing: 0; }
    .delivery-change:before,
    .delivery-change:after{min-width: 4.2vw;width:4.2vw;height:4.2vw;top:-0.2vw;}
    .delivery-change:before{margin-right:1.05vw;}
}