.floating_item { position: fixed; z-index: 9999; text-align: right; right: 0px; bottom: 0px;}
.floating_item li+li { margin-top: 10px }
.floating_item .link_item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 3px 4px 10px 2px rgba(0,0,0,.2);
    box-shadow: 3px 4px 10px 2px rgba(0,0,0,.2);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.floating_item .link_item:focus,.floating_item .link_item:hover {
    width: auto;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 0 25px 0 10px;
}

.floating_item .link_item:focus .text,.floating_item .link_item:hover .text {
    display: inline-block;
    opacity: 1;
    font-weight: normal;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.floating_item .link_item .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 26px;
    line-height: 60px;
    color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.floating_item > li .ext_icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 26px;
    line-height: 60px;
    color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -60px;
    left: 0;
    text-align: center;
}
.floating_item > li .ext_icon.open {display: inline-block;}
.floating_item > li .ext_icon.close {display: none;}
.is-expanded .floating_item > li .ext_icon.open {
    display: none;
}

.is-expanded .floating_item > li .ext_icon.close {
    display: inline-block;
}

.floating_item .link_item .text {
    display: none;
    margin-left: 10px;
    font-size: 20px;
    vertical-align: top;
    line-height: 60px;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.floating_item .link_item .icon_top {
    overflow: hidden;
    background-image: url(../img/sp_pc_527220.png);
    width: 31px;
    height: 26px;
    background-position: -155px -508px;
    display: inline-block;
    margin-top: 15px;
    -webkit-border-radius: 0;
    border-radius: 0
}

.floating_item .moere_item:hover,.floating_item .top_item:hover { width: 60px; padding: 0 }
.floating_item .num { margin-left: 3px; font-size: 13px }



.fab__button { border-radius: 50%; will-change: transform; }
.fab__button--primary:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /* box-shadow: 0 0 2rem 1rem rgba(252, 66, 117, 0.3); */
    opacity: 0;
    transition: opacity 0.4s;
    will-change: opacity;
}
.fab__button--primary:hover:before { opacity: 1; }
.fab__button--primary__icon {
    width: 4rem;
    height: 4rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2rem 0 0 -2rem;
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    will-change: transform;
}
.fab__button--primary__icon:before, .fab__button--primary__icon:after {
    content: "";
    display: block;
    height: 2px;
    width: 12px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -6px;
}
.fab__button--secondary {
    display: inline-block;
    position: relative;
    opacity: 0;
    pointer-events: none;
    transform: translateY(25%);
    transition: opacity 0.24s, transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    margin-bottom: 70px;
}
.fab__button--secondary:nth-child(3) { transition-delay: 0.06s; }
.fab__button--secondary:nth-child(4) { transition-delay: 0.12s; }
.fab__button--secondary svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*
.fab__button--secondary:before {
    content: attr(data-label);
    display: inline-block;
    position: absolute;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    top: 50%;
    left: -3rem;
    transform: translateX(-100%) translateY(-25%) rotateX(-25deg);
    background-color: #FFFFFF;
    box-shadow: 0 0 2rem #e2e8ed;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    color: #5f646b;
    pointer-events: none;
    opacity: 0;
    transition: transform 0.33s, opacity 0.33s;
}
.fab__button--secondary:hover:before { opacity: 1; transform: translateX(-100%) translateY(-50%); }
*/
.fab.is-expanded .fab__button--secondary { opacity: 1; pointer-events: auto; transform: none; }

.fab.is-fixed-mobile .fab__button--primary{display: none;}
.fab.is-fixed-mobile .fab__button--secondary { opacity: 1; pointer-events: auto;}

@media all and (min-width:992px) {
    .fab.is-fixed-pc .fab__button--primary{display: none;}
    .fab.is-fixed-pc .fab__button--secondary { opacity: 1; pointer-events: auto;}

    .fab.is-expanded-pc .fab__button--primary{display: inline-block;}
    .fab.is-expanded-pc .fab__button--secondary { opacity: 0; pointer-events: none; }
    .fab.is-expanded-pc.is-expanded .fab__button--secondary { opacity: 1; pointer-events: auto; }
    .fab.is-fixed-pc.fab.is-expanded-mobile .fab__button--secondary { transform: translateY(25%); }
}



/* 기본스타일 (confirm 디자인팝업 - 텍스트 중앙정렬) */
.allert_pop_wrap { display: none; position: fixed; z-index: 999999; background-color: #fff; border-radius: 5px; overflow: hidden auto; /*max-width: 500px;*/ max-height: 90%; top: 0; width: 90%;}
.allert_pop_wrap.overflow_visible { overflow: visible; }
.allert_pop_wrap .common_pop_0_con { display: flex; flex-direction: column; }
/*header*/
.allert_pop_wrap .popup_header { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e8eef6;}
.allert_pop_wrap .popup_header.no_border { border: none; }
.allert_pop_wrap .popup_inner { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: 28px; padding-right: 8px; }
.allert_pop_wrap .popup_title { font-size:14px; font-size:1.4rem; line-height:21px; line-height:2.1rem; font-weight: 800; letter-spacing: -0.02em; /*margin-top: 8px;*/ padding-top: 10px;}
.allert_pop_wrap .popup_close_btn > a { width: 11px; height: 11px; text-indent: -10000px; background-image: url("/weven_service/asset/img/svg/icons8-close.svg"); background-size: 24px; background-position: center center;
    background-repeat: no-repeat; font-size: 0px; font-size: 0rem; line-height: 0px; line-height: 0.0rem; /*padding: 9px;*/ display: inline-block; transition: background-color 0.3s; border-radius: 4px; padding: 20px;}
[data-wv-os="Mac"] .allert_pop_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/svg/icons8-close.svg"); }
[data-wv-pc="mobile"] .allert_pop_wrap .popup_close_btn > a { background-image: url("/weven_service/asset/img/svg/icons8-close.svg"); }
/*body*/

.allert_pop_wrap.type_alert .panel_list { padding-top: 40px; padding-bottom: 40px; font-size: 0; }
.allert_pop_wrap.type_alert .desc {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 30px;
    line-height: 3.0rem;
    letter-spacing: -0.025em;
    font-weight: 600;
    color: #000;
    word-break: keep-all;
    text-align: center;
}
.allert_pop_wrap .btn_style_00_con a {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    transition: color,background-color 0.15s;
}
.allert_pop_wrap .btn_style_00_con .mypage_btn_style_3 {
    display: inline-block;
    width: 132px;
    height: 46px;
    padding: 15px 0px;
    background-color: #000;
    color: #fff;
    border-radius: 5px ;
    border: 1px solid #000;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: all 0.3s;
}
.allert_pop_wrap .btn_style_00_con .mypage_btn_style_3:hover { background-color: #4d4d4d; border-color: #4d4d4d; }

.floating_item [class^='icon'], .floating_item [class^='ext_icon']{ font-family: modoo;}
.btn_ic .ic:after,.floating_item .icon9999:after,.icon9999:after { content: "" }
.btn_ic1 .ic:after,.floating_item .icon1:after,.icon2:after { content: "" } /* 전화 */
.btn_ic10 .ic:after,.floating_item .icon10:after,.icon10:after { content: "" }
.btn_ic11 .ic:after,.floating_item .icon11:after,.icon11:after { content: "" }
.btn_ic12 .ic:after,.floating_item .icon12:after,.icon12:after { content: "" }
.btn_ic13 .ic:after,.floating_item .icon13:after,.icon13:after { content: "" }
.btn_ic14 .ic:after,.floating_item .icon14:after,.icon14:after { content: "" }
.btn_ic15 .ic:after,.floating_item .icon15:after,.icon15:after { content: "" }
.btn_ic16 .ic:after,.floating_item .icon16:after,.icon16:after { content: "" }
.btn_ic17 .ic:after,.floating_item .icon17:after,.icon17:after { content: "" }
.btn_ic18 .ic:after,.floating_item .icon18:after,.icon18:after { content: "" }
.btn_ic19 .ic:after,.floating_item .icon19:after,.icon19:after { content: "" }
.btn_ic2 .ic:after,.floating_item .icon2:after,.icon2:after { content: "" }
.btn_ic20 .ic:after,.floating_item .icon20:after,.icon20:after { content: "" }
.btn_ic21 .ic:after,.floating_item .icon21:after,.icon21:after { content: "" }
.btn_ic22 .ic:after,.floating_item .icon22:after,.icon22:after { content: "" }
.btn_ic23 .ic:after,.floating_item .icon23:after,.icon23:after { content: "" }
.btn_ic24 .ic:after,.floating_item .icon24:after,.icon24:after { content: "" }
.btn_ic25 .ic:after,.floating_item .icon25:after,.icon25:after { content: "" }
.btn_ic26 .ic:after,.floating_item .icon26:after,.icon26:after { content: "" }
.btn_ic27 .ic:after,.floating_item .icon27:after,.icon27:after { content: "" }
.btn_ic28 .ic:after,.floating_item .icon28:after,.icon28:after { content: "" }
.btn_ic29 .ic:after,.floating_item .icon29:after,.icon29:after { content: "" }
.btn_ic3 .ic:after,.floating_item .icon3:after,.icon3:after { content: "" }
.btn_ic30 .ic:after,.floating_item .icon30:after,.icon30:after { content: "" }
.btn_ic31 .ic:after,.floating_item .icon31:after,.icon31:after { content: "" }
.btn_ic32 .ic:after,.floating_item .icon32:after,.icon32:after { content: "" }
.btn_ic33 .ic:after,.floating_item .icon33:after,.icon33:after { content: "" }
.btn_ic34 .ic:after,.floating_item .icon34:after,.icon34:after { content: "" }
.btn_ic35 .ic:after,.floating_item .icon35:after,.icon35:after { content: "" }
.btn_ic36 .ic:after,.floating_item .icon36:after,.icon36:after { content: "" }
.btn_ic37 .ic:after,.floating_item .icon37:after,.icon37:after { content: "" }
.btn_ic38 .ic:after,.floating_item .icon38:after,.icon38:after { content: "" }
.btn_ic39 .ic:after,.floating_item .icon39:after,.icon39:after { content: "" } /* 페이스북 */
.btn_ic4 .ic:after,.floating_item .icon4:after,.icon4:after { content: "" } /* 문자 */
.btn_ic40 .ic:after,.floating_item .icon40:after,.icon40:after { content: "" } /* 인스타그램 */
.btn_ic41 .ic:after,.floating_item .icon41:after,.icon41:after { content: "" } /* 트위터 */
.btn_ic42 .ic:after,.floating_item .icon42:after,.icon42:after { content: "" }
.btn_ic43 .ic:after,.floating_item .icon43:after,.icon43:after { content: "" }
.btn_ic44 .ic:after,.floating_item .icon44:after,.icon44:after { content: "" }
.btn_ic45 .ic:after,.floating_item .icon45:after,.icon45:after { content: "" }
.btn_ic46 .ic:after,.floating_item .icon46:after,.icon46:after { content: "" }
.btn_ic47 .ic:after,.floating_item .icon47:after,.icon47:after { content: "" }
.btn_ic48 .ic:after,.floating_item .icon48:after,.icon48:after { content: "" }
.btn_ic49 .ic:after,.floating_item .icon49:after,.icon49:after { content: "" }
.btn_ic5 .ic:after,.floating_item .icon5:after,.icon5:after { content: "" } /* 오시는길 */
.btn_ic6 .ic:after,.floating_item .icon6:after,.icon6:after { content: "" }
.btn_ic7 .ic:after,.floating_item .icon7:after,.icon7:after { content: "" }
.btn_ic8 .ic:after,.floating_item .icon8:after,.icon8:after { content: "" }
.btn_ic9 .ic:after,.floating_item .icon9:after,.icon9:after { content: "" }