/*BOTTOM NAV :S*/
.bottom_nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    z-index: 29;
    padding-bottom: env(safe-area-inset-bottom, 20px); /* 기본값 설정 */
    padding-bottom: -webkit-env(safe-area-inset-bottom, 10px);
}
.bottom_menu {
    display: flex;
    width: 100%;
    height: 19.733vw;
    padding: 2vw 5.067vw 2vw;
    justify-content: space-between;
    align-items: center;
}
.bottom_menu > a{
    position:relative;
    width:20%;
    padding: 12vw 0 0 0;
    text-align: center;
    font-size:3.467vw;
    height: auto;
}
.bottom_menu > a:after{
    position:absolute;
    display:block;
    content:'';
    top: 1vw;
    left:50%;
    transform: translateX(-50%);
    width:9.333vw;
    height:9.333vw;
}
.bottom_menu .allmenu:after{
    background:url('/mobile/images/icon/bottommenu_icon.png') -4.533vw -0.667vw / 57.2000vw no-repeat;
}
.bottom_menu .evnet:after{
    background:url('/mobile/images/icon/bottommenu_icon.png') -17.2vw -0.667vw / 57.2000vw no-repeat;
}
.bottom_menu .search:after{
    border-radius: 50%;
    background:url('/mobile/new/common/search.png') 2.533vw center / 10.933vw no-repeat #ff0038;
}
.bottom_menu .cscenter:after{
    background:url('/mobile/images/icon/bottommenu_icon.png') -31.6vw -0.667vw / 57.2000vw no-repeat;
}
.bottom_menu .mypage:after{
    background:url('/mobile/images/icon/bottommenu_icon.png') -44.533vw -0.667vw / 57.2000vw no-repeat;
}
.bottom_menu .login:after{
    background:url('/mobile/images/icon/bottommenu_icon.png') -44.533vw -0.667vw / 57.2000vw no-repeat;
}
.cs_list a{
    display:block;
    width:23.467vw;
    height:7.867vw;
    padding:0 0 0 2.667vw;
    margin:0 auto;
    line-height:7.867vw;
}
.cs_list a:last-child{
    border-bottom:none;
}
.cs_inner .talk_banner_div{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
.cs_inner .talk_preview_area .talk_banner_link {
    opacity: 0;
    text-indent: 0;
}
.cs_list a{
    position:relative;
}
.cs_list a.icon:after{
    position:absolute;
    display:block;
    content:'';
    width:7.733vw;
    height:7.733vw;
    left:0;
    top:50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.cs_list a.chatbot:after{
    background:url('/mobile/images/icon/cscenter_icon.png') 1.333vw 1.333vw /22.5333vw no-repeat #3bfa83;
}
.cs_list a.calling:after{
    background:url('/mobile/images/icon/cscenter_icon.png') -7.467vw 1.467vw /22.5333vw no-repeat #3bd4fa;
}
.cs_list a.reservation:after{
    background:url('/mobile/images/icon/cscenter_icon.png') -16.4vw 1.467vw /22.5333vw no-repeat #ba7cff;
}
.cs_list a.btn_kakao:after{
    background:url('/mobile/images/icon/ico_kakao.png') center / 7.733vw 7.733vw no-repeat;
}
/*BOTTOM NAV :E*/
/*팝업 공통 :S*/
.tplPopupContainer{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:9;
    display:none;
}
.tplPopupContainer .popup_content{
    display:flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
}
.tplPopupContainer title{
    display:block;
}
.tplPopupContainer .close_btn {
    position:relative;
    display:block;
    width: 5.6vw;
    height: 5.6vw;
    background:url('/mobile/images/free_consulting/close.png') no-repeat center center;
    background-size:60%;
    font-size:0;
    z-index:9;
}
/*팝업 공통 :E*/

.cs_inner{
    width:46vw;
    background:#ffffff;
    border:0.4vw solid #000000;
    border-radius: 4vw;
    padding: 1.733vw 3.467vw;
}
.cs_list li{
    padding: 1.867vw 0;
    text-align:center;
    font-size:3.467vw;
    font-weight: 600;
    text-indent: 5.333vw;
    border-bottom:0.267vw solid #000000;
}
.cs_list li:last-child{
    border-bottom:none;
}
/*상담 플로팅 팝업:E*/
/*상담 예약 팝업 ;S*/
.reservation_pop{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index: 9999;
    background:#fff;
    height:100%;
    display:none;
}
.reservation_pop .title{
    border-bottom:0.267vw #000 solid;
    position:relative;
    padding:3%  3% 1.333vw;
    text-align:center;
    background:#fff;
    text-align:left;
    overflow:hidden;
    display:table;
    width:100%;
    font-family:'noto6';
    font-size: 4.517vw;
}
.reservation_pop .title:after{
    border-bottom:1px #b7b7b7 solid;
    content:"";
    position:absolute;
    left:0;
    bottom:-1.333vw;
    width:100%
}
.reservation_pop .title .mid{
    display: table-cell;
    vertical-align: middle;
}
.reservation_pop .title a{
    position:absolute;
    font-size:0;
    right:5%;
    top:50%;
    margin: -2.6vw 0 0 0;

}
.reservation_pop .content{
    display: table;
    width:100%;
    height:90%;
    padding:0 6%;
}
.reservation_pop .content .mid{
    display: table-cell;
    vertical-align: middle;
}
.reservation_pop .content .add{
    text-align: center;
    color:#353535;
    font-size: 4.8vw;
    font-weight: 600;
    letter-spacing: -1px;
    margin:0 0 10% 0;
    line-height:160%;
}
.reservation_pop .content .add b{
    display: block;
    color:#f14f4f;
}
.reservation_pop .content .input_list{
    box-sizing: border-box;
    margin:0 0 8% 0;
}
.reservation_pop .content .input_list li{
    box-sizing: border-box;
    margin:4% 0 0 0;
}
.reservation_pop .content .input_list li:first-child{
    margin:0;
}
.reservation_pop .content .input_list li input,
.reservation_pop .content .input_list li select{
    width:100%;
    height: 10.333vw;
    padding:0 0 0 2vw;
    border:1px #000 solid;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 4vw;
    appearance: none;
    line-height:4.667vw;
    -webkit-border-radius: 0vw;
    border-radius: 0;
    background:#fff;
    color:#000;
    font-family:'noto5';
}
.reservation_pop .content .input_list li .select-wrap{
    position:relative;
}
.reservation_pop .content .input_list li .select-wrap:after{
    content: "";
    position:absolute;
    width:2.667vw;
    height:2.667vw;
    background: url('/mobile/images/new_icon/arrow_down.png')center center no-repeat;
    background-size: 2vw;
    right:4%;
    top:50%;
    margin:-1.333vw 0 0 0;
}
.reservation_pop .content .input_list li .select-wrap:focus{
    background: url('/mobile/images/new_icon/arrow_up.png')center center no-repeat;
}
.reservation_pop .content .input_list li .two,
.reservation_pop .content .input_list li .three{
    overflow: hidden;
    font-size:0;
}
.reservation_pop .content .input_list li .two .select-wrap{
    display:inline-block;
    /* display:inline; */
    zoom:1;
    width:45%;
    float:right;
    font-size:2vw;
    margin:0;
}
.reservation_pop .content .input_list li .two .select-wrap:first-child{
    width:51.5%;
    float:left;
}
.reservation_pop .content .input_list li .three .select-wrap,
.reservation_pop .content .input_list li .three input{
    width:31%;
    display: inline-block;
    /* display: inline; */
    zoom:1;
    vertical-align: top;
    margin:0 0 0 3.5%;
}
.reservation_pop .content .input_list li .three .select-wrap{
    margin:0;
}
.reservation_pop .content .col-xs-12{
    padding:0;
}
.reservation_pop .content .col-xs-12 .check input {
    display:none;
}
.reservation_pop .content .col-xs-12 .check {
    margin: 0 0 2% 0;
}
.reservation_pop .content .col-xs-12 .check label  {
    display: block;
    position:relative;
    height: 5.6vw;
    padding-left: 6.6vw;
    vertical-align:middle;
    cursor: pointer;
    margin:0;
    line-height: 6.6vw;
}
.reservation_pop .content .col-xs-12 .check label > span {
    position:absolute;
    left:0;
    top:0.333vw;
    content:'';
    width: 5.6vw;
    height: 5.6vw;
    display:block;
    border:1px solid #000000;
}

.reservation_pop .content .col-xs-12 .check input:checked +  span{
    background: url('/mobile/images/new_icon/check.png') center no-repeat #f14e4f;
    border:1px solid #f14e4f;
    background-size: 84%;
}
.reservation_pop .content .col-xs-12 .dot{
    margin:0 0 10% 0;
}
.reservation_pop .content .col-xs-12 .dot li{
    display: inline-block;
    *display:inline;
    zoom:1;
    color:#656565;
    line-height:150%;
    margin:0 0 1% 1.1%;
    letter-spacing: -0.067vw;
}
.reservation_pop .content .col-xs-12 .dot li:first-child{
    margin:0;
}
.reservation_pop .content .col-xs-12 .dot li:before{
    content: "ㆍ"
}
.reservation_pop .content .col-xs-12 .dot li.full{
    display: block;
    margin:0;
}
.reservation_pop .content .col-xs-12 input[type="submit"]{
    width:100%;
    border:0;
    -webkit-appearance: none;
    -webkit-border-radius: 0vw;
    line-height:5.733vw;
    height: 11.433vw;
    background:#f14f4f;
    color:#fff;
    font-size: 4vw;
    font-weight:600;
}
/*상담 예약 팝업 ;E*/

/*상담예약 완료;S*/
.confirm_pop{
    position:fixed;
    z-index: 9999;
    display: none;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
}
.confirm_pop .mid{
    display: table-cell;
    vertical-align: middle;
}
.confirm_pop .mid .pop_content{
    background:#fff;
    width:85%;
    margin:0 auto;
    padding:6% 4%
}
.confirm_pop .mid .pop_content .title{
    text-align: center;
    font-size:2.667vw;
    font-weight:600;
    line-height:130%;
    margin:0 0 4% 0;
    font-family:'spoqa4',sans-serif;
}
.confirm_pop .mid .pop_content .title span{
    display: block;
    font-size:1.867vw;
    line-height:150%;
    font-weight:400;
    margin:6% 0;
    font-family:'spoqa3',sans-serif;
}
.confirm_pop .mid .pop_content .detail{
    border-top:1px #000 solid;
    border-bottom:1px #000 solid;
    padding:4% 0;
    margin:0 0 8% 0;
}
.confirm_pop .mid .pop_content .detail table{
    width:95%;
    margin: 0 auto;
}
.confirm_pop .mid .pop_content .detail table th{
    width:30%;
    font-family:'spoqa3',sans-serif;
}
.confirm_pop .mid .pop_content .detail table th span:before{
    content: "ㆍ";
}
.confirm_pop .mid .pop_content .detail table th,
.confirm_pop .mid .pop_content .detail table td{
    font-size:1.733vw;
    font-weight:400;
    padding:3% 0 0 0;
}
.confirm_pop .mid .pop_content .detail table td{
    font-weight:600;
    font-family:'spoqa4',sans-serif;
}
.confirm_pop .mid .pop_content .detail table tr:first-child td,
.confirm_pop .mid .pop_content .detail table tr:first-child th{
    padding:0;
}
.confirm_pop .mid .pop_content .confirm{
    display: block;
    border:1px #f00 solid;
    -webkit-appearance: none;
    -webkit-border-radius: 0vw;
    line-height: 5.733vw;
    height: 5.733vw;
    background:#f14f4f;
    color:#fff;
    font-size: 2.267vw;
    font-weight: 600;
    text-align: center;
}
/*상담예약 완료 ;E*/