@keyframes lds-ellipsis3 {
    0%, 25% {
        left: 22px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        left: 22px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        left: 60px;
    }
    100% {
        left: 98px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes lds-ellipsis3 {
    0%, 25% {
        left: 22px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        left: 22px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    75% {
        left: 60px;
    }
    100% {
        left: 98px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes lds-ellipsis {
    0% {
        left: 22px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        left: 22px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        left: 60px;
    }
    75% {
        left: 98px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        left: 98px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@-webkit-keyframes lds-ellipsis {
    0% {
        left: 22px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        left: 22px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        left: 60px;
    }
    75% {
        left: 98px;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        left: 98px;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
.lds-ellipsis {position: relative;margin-left:10px;}
.lds-ellipsis > div {position: absolute;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 20px;height: 20px;}
.lds-ellipsis div > div {width: 20px;height: 20px;border-radius: 50%;background: #f00;position: absolute;top: 70px;left: 32px;-webkit-animation: lds-ellipsis 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;animation: lds-ellipsis 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;}
.lds-ellipsis div:nth-child(1) div {-webkit-animation: lds-ellipsis2 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;animation: lds-ellipsis2 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;background: #cfcfcf;}
.lds-ellipsis div:nth-child(2) div {-webkit-animation-delay: -1s;animation-delay: -1s;background: #dedede;}
.lds-ellipsis div:nth-child(3) div {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;background: #e8e8e8;}
.lds-ellipsis div:nth-child(4) div {-webkit-animation-delay: 0s;animation-delay: 0s;background: #efefef;}
.lds-ellipsis div:nth-child(5) div {-webkit-animation: lds-ellipsis3 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;animation: lds-ellipsis3 2s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;background: #cfcfcf;}
.lds-ellipsis {width: 45px !important;height: 25px !important;-webkit-transform: translate(-52.5px, -52.5px) scale(0.525) translate(52.5px, 52.5px);transform: translate(-52.5px, -52.5px) scale(0.525) translate(52.5px, 52.5px);}

/*0px 0px 10px 0px #ddd*/
@keyframes shadowPulse {
    0% {
        box-shadow: 0px 0px 0 0px #fff;
    }

    50% {
        box-shadow: 0px 0px 5px 0px #ddd;
    }

    100% {
        box-shadow: 0px 0px 10px 0px #ddd;
    }
}
.shadow_pulse {
    -webkit-animation: shadowPulse 1.5s 0.4s 1 linear;
    -moz-animation: shadowPulse 1.5s 0.4s 1 linear;
    -ms-animation: shadowPulse 1.5s 0.4s 1 linear;
    -o-animation: shadowPulse 1.5s 0.4s 1 linear;
    animation: shadowPulse 1.5s 0.4s 1 linear;
}


.section_animate_icon{position:absolute;;opacity:0;transform: translate3d(0,0,0) scale(1);}

.animate_txt_left.fadeIn{opacity:1;transform: translate3d(120px,0,0) scale(1);transition: opacity 1s, transform 1s;}
.animate_txt_right.fadeIn{opacity:1;transform: translate3d(-120px,0,0) scale(1);transition: opacity 1s, transform 1s;}
.animate_icon_in.fadeIn{opacity:1;transform: translate3d(0,0,0) scale(1);transition: opacity 1s, transform 0.7s;}

.animate_txt_left{left:-120px;top:0;}
.animate_txt_right{right:-120px;top:0;}
.animate_icon_in{}

.start_cover{position: absolute;width:100%;height:560px;top:0;left:0;background:#F2F8F8;z-index:15;padding-top:180px;}
.start_cover_btn{width:80%;margin:0 auto;}
.start_cover_btn > a{display:block;padding:15px;text-align:center;font-size:20px;color:#fff;background:#4AB6A6;border-radius:8px;}
.start_cover .empty_box{background:#fff;height:265px;position: absolute;bottom:0;left:0;width:100%;}
.start_cover .company_cnt{font-size:1.2em;}



.section .calendar_1 > div:nth-child(2){font-size:17px;width:35%;margin-top:1px;}
.section #this_yeas select{font-size:17px;width: 100px;height: 30px;background-size: 15px;}
.section .calendar_1 > div:nth-child(1),
.section .calendar_1 > div:nth-child(3){width:32%;padding-top:5px;}
.section .calendar_1 > div:nth-child(1) img,
.section .calendar_1 > div:nth-child(3) img{width:10px;}
.section .reservation_calendar .calendar_box{padding:5px 0;}
.section .calendar_wrapper{font-size:16px;}
#planner_chat_frm .calendar_2 > div > a{padding:5px;margin-left:10px;width:30px;height:30px;line-height:30px;}

.section .reservation_calendar2 .time_box{padding:10px 0;}
.section .reservation_calendar2 .time_box:after{content:'';display:block;clear:both;}
.section .reservation_calendar2 .time_box > div{display:block;float:left;    margin: 5px 7px;width:73px;}



.chat_banner{ }
.chat_banner > img{ display:block;width:100%;}
.chat_txt{padding:60px 80px;}
.chat_txt > img{display:block;width:auto;}

.chat_txt.script_txt{font-size:22px;padding-top:0;color:#333;}
.chat_txt.script_txt > span{color:#ffb511;font-size:26px;font-weight:bold;}

.planner_estimate_wrapper{position:absolute; z-index:10;top:80px;right:80px;width:500px;border-radius:20px ;overflow: hidden;height:740px;background: #F2F8F8;/*box-shadow: 0px 0px 10px 0px #ddd;*/}

.flex_box_left{display:block;}
.flex_box_left:after{content:'';display:block;clear:both;}
.flex_box_left > div{float:left;}


#planner_chat_frm .calendar_1{padding:5px 0;}
#planner_chat_frm #this_month{padding:5px 0;}

#location_gu option.all{display:block;}

.select_wrapper div.section.section_6{padding-bottom:30px;}

.select_wrapper div#f_line > div{border:none;margin-bottom:18px;}
.select_wrapper div#f_line > div a.talk_plus{color:#3C1E1E;background:#FFD702;border-radius:8px;}
.select_wrapper div#f_line > div a.talk_plus > img{display:block;width:auto;height:25px;margin:0 auto;}
.select_wrapper div#f_line > div a.main{border:1px solid #4AB6A6;color:#4AB6A6;background:#fff;font-size:17px;border-radius:8px;}

#user_info > div{border:none;margin: 0 0 10px;}
#user_info input::placeholder{color:#E1E1E1;font-size:17px;}
#user_info input{font-size:17px;color:#333;padding:12px;width:100%;box-sizing:border-box;height:55px;border-radius: 8px;vertical-align: middle;border:1px solid #c2c2c2;}
#user_info input[type=checkbox]{display:inline-block;margin-right:10px;margin-top:7px;}
#user_info label{vertical-align: middle;font-size:17px;;color:#333333;}
#user_info a#chat_submit_btn{display:block;background:#4AB6A6;color:#fff;border-radius: 8px;margin-top:39px;display:none;}
#user_info a#chat_phone_certified{display:block;border-radius: 8px;margin-top:19px;background:#f1f1f1;color:#dadada; border:1px solid #ddd;}
#user_info  a#chat_phone_certified.ok{color:#4AB6A6;border:1px solid #4AB6A6;background:#fff;}


.select_wrapper .reservation_calendar .select_date_box > a,
.select_wrapper .reservation_calendar2 .select_time_box > a{font-size:20px;;;color:#7E7E7E;padding:10px 0;}

.select_wrapper  .reservation_calendar .select_date_box img{margin-left:20px;}
.select_wrapper  .reservation_calendar2 .select_time_box img{margin-left:20px;}

.select_wrapper{background:#F2F8F8;min-height:100px;position:relative;height:220px;}
.select_wrapper > div.section{font-size:19px;display:none;background:#fff;padding:30px;transition: opacity 1s, transform 0.3s;transform: translate3d(0px, 0px, 0px);}
.select_wrapper > div.section > div{border:1px solid #C0C0C0;border-bottom:none;}
.select_wrapper > div.section > div:last-child{border-bottom:1px solid #C0C0C0;}
.select_wrapper > div.section > div > a{display:block;padding:15px 0;text-align:center;color:#333333;}
.select_wrapper > div.section > div > a.click{background:#2ED3A5;color:#fff;}

.select_wrapper > div.section > div > select{
    border:none;
    font-size:20px;
    color:#7E7E7E;
    height:55px;
    padding-left:25px;
    display:block;
    width:100%;
    background: url(/image/board/img_arrow.png) no-repeat right 25px center;
    background-size:30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';}

#kind_of_palcorn{flex-wrap: wrap;}
#kind_of_palcorn > div{width:50%;box-sizing:border-box;border:none;position:relative;}
#kind_of_palcorn > div > a{box-sizing:border-box;display:block;border:1px solid #c0c0c0;position: relative;z-index:2;background:#fff;}
#kind_of_palcorn > div:last-child {width:100%;}
#kind_of_palcorn > div:last-child > a{border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0;background:#2ED3A5;color:#fff;}
#kind_of_palcorn  > div > a.click{border-color:#4AB6A6;color:#4AB6A6;background:#F2F8F8;}

#kind_of_palcorn > div:nth-child(2n) > a{left:-1px;}
#kind_of_palcorn > div:nth-child(n+3) > a{top:-2px;}
#kind_of_palcorn > div:nth-child(n+5) > a{top:-4px;}
#kind_of_palcorn > div:nth-child(n+7) > a{top:-6px;}

#phone_certified{}
#phone_certified > div{border:none;}
#phone_certified input[type=number]{font-size:17px;;;color:#333;padding:10px;width:100%;box-sizing:border-box;height:50px;border-radius: 8px;vertical-align: middle;margin:10px 0;border:1px solid #c2c2c2;}
#phone_certified input::placeholder{color:#E1E1E1;text-align:center;font-size:20px;;;}
#phone_certified > div a{border:1px solid #4AB6A6; color:#4AB6A6;background:#fff;border-radius:8px;margin-top:35px;}



.chat_wrapper{background:#F2F8F8;min-height:100px;padding:35px;overflow:auto;position:relative;overflow-x: hidden;height:450px;}


.animate_txt_left.fadeIn{opacity:1;transform: translate3d(120px,0,0) scale(1);transition: opacity 1s, transform 1s;}
.animate_txt_right.fadeIn{opacity:1;transform: translate3d(-120px,0,0) scale(1);transition: opacity 1s, transform 1s;}
.animate_icon_up.fadeIn{opacity:1;transform: translate3d(0,-120px,0) scale(1);transition: opacity 1s, transform 0.7s;}
.animate_icon_down.fadeIn{opacity:1;transform: translate3d(0,120px,0) scale(1);transition: opacity 1s, transform 0.7s;}
.animate_icon_in.fadeIn{opacity:1;transform: translate3d(0,0,0) scale(1);transition: opacity 1s, transform 0.7s;}

.animate_txt_left{left:-120px;top:0;}
.animate_txt_right{right:-120px;top:0;}
.animate_icon_up{bottom:-120px;}
.animate_icon_down{top:-120px;}
.animate_icon_in{}


.chat_wrapper > div{align-items: flex-start;}

.chat_wrapper .rbox{position:relative;}
.chat_wrapper .rbox .profile{width:60px;height:60px;border-radius:22px;overflow:hidden;background:#fff;vertical-align:top;margin:10px 10px 0 0;}
.chat_wrapper .rbox .profile img{display:block;width:100%;}
.chat_wrapper .rbox .dialog_wrapper{display:block;position:relative;width:360px;margin-left:70px;}
.chat_wrapper .rbox .dialog{background:#fff;font-size:17px;padding:10px 20px 15px;color:#333;border-radius:0 10px 10px 10px;margin:10px 0;width:fit-content;display:table;}

.chat_wrapper .rbox .dialog_wrapper.animate_txt_right{right:-120px;}
.chat_wrapper .rbox .dialog_wrapper.animate_txt_right.fadeIn{transition: opacity 1s, transform 0.3s;}

.chat_wrapper .lbox.animate_txt_left.fadeIn{transition: opacity 1s, transform 0.5s;}

.chat_wrapper .lbox{position:relative;}
.chat_wrapper .lbox .dialog_wrapper{float:right;}
.chat_wrapper .lbox .dialog{background:#2ED3A5;border-radius:10px 0 10px 10px;padding:10px 17px 15px 17px;color:#fff;font-size:17px;word-break: break-all;max-width:380px;white-space: normal;text-overflow: ellipsis;overflow: hidden;max-width:200px;}
.chat_wrapper .lbox .button{float:right;}
.chat_wrapper .lbox .button > a{display:block;color:#5898FF;padding:15px 17px 15px 20px;font-size:16px;;position: relative;z-index:10;}


.select_wrapper > div.section.radio_box{flex-wrap: wrap;border:none;}
.select_wrapper > div.section.radio_box > div{width:135px;vertical-align: middle;margin:4px;border:none;}
.select_wrapper > div.section.radio_box > div > a{display:block;background:#fff;color:#878787;text-align:center;border-radius:7px;padding:10px 0;border:1px solid #c0c0c0;}
.select_wrapper > div.section.radio_box > div > a.click{background:#114b99;color:#fff;}

#requirements > div{border:none;margin-top:10px;}
#requirements textarea{font-size:20px;;;box-sizing:border-box;border:1px solid #878787;padding:15px;width:100%;height:150px;display:block;resize:none;border:1px solid #878787;}
#requirements textarea::placeholder{color:#a1a1a1;}
 #multiple_chk_btn{background:#2ED3A5;color:#fff;border-radius: 8px;}



#estimate_start_box.start_box > div.box_box > div > a.click{background:#FFD702;color:#333;}
#estimate_start_box.start_box > div:nth-child(1){background:#ffbb11;}

#estimate_chat_wrapper.planner_estimate_wrapper{background:#FFF7DB;}

#estimate_chat_wrapper .select_wrapper{background:#FFF7DB;}
#estimate_chat_wrapper .chat_wrapper{background:#FFF7DB;}
#estimate_chat_wrapper .chat_wrapper .lbox .dialog{background:#FFD702;color:#333;}
#estimate_chat_wrapper .select_wrapper > div.section > div > a.click{background:#FFD702;color:#333;}

#estimate_chat_wrapper #kind_of_palcorn > div:last-child > a{background:#FFD702;color:#333;}
#estimate_chat_wrapper #kind_of_palcorn  > div > a.click{border-color:#FFC402;color:#333;background:#FFF7DB;}
#estimate_chat_wrapper .calendar_2 > div > a.click{background:#FFD702;color:#333;}
#estimate_chat_wrapper .reservation_calendar2 .time_box > div > a.click{background:#FFD702;color:#333;}

#estimate_chat_wrapper #user_info  a#chat_submit_btn{background:#FFD702;color:#333;display:none;}
#estimate_chat_wrapper #user_info  a#chat_phone_certified{background:#f1f1f1;color:#dadada; border:1px solid #ddd;}
#estimate_chat_wrapper #user_info  a#chat_phone_certified.ok{color:#FFD702;border:1px solid #FFD702;background:#fff;}

#estimate_chat_wrapper #multiple_chk_btn{background:#FFD702;color:#333;}


#estimate_chat_wrapper  .select_wrapper div#f_line > div a.main{border:1px solid #FFD702;background:#fff;color:#FFD702;}

#estimate_chat_wrapper #phone_certified > div a{border:1px solid #FFD702; color:#FFD702;background:#fff;border-radius:8px;margin-top:30px;}


#estimate_chat_wrapper .start_cover{position: absolute;width:100%;height:560px;top:0;left:0;background:#FFF7DB;z-index:15;padding-top:180px;}
#estimate_chat_wrapper .start_cover_btn > a{display:block;padding:15px;text-align:center;font-size:20px;color:#fff;background:#FFD702;border-radius:8px;}



.selector_text_box{height:50px;}
.selector_text_box > span{vertical-align: middle;display:inline-block;padding:3px 5px 5px;background:#FFD702;border-radius:5px;font-size:22px;color:#333;margin-right:10px;}
.selector_text_box > span > span{max-width:122px;min-width:40px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display:inline-block;vertical-align:middle;}
.selector_text_box > span a{padding:0 10px 7px;}
.selector_text_box > span a img{vertical-align: middle;width:20px;}