@charset "utf-8";
/* CSS Document */

.bottom_button_wrap2 button { cursor: pointer; }
.popup_wrap.card {    
    padding: 10px;
    }
.popup_wrap.card .popup_con {
    width: 100%;
    position: relative;
    }
.popup_con h3.tal { 
    height: 60px;
    margin: 0px;
    text-align: center !important;
    }
.popup_wrap.card .popup_con > a.popup_close_btn {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 30px;
    right: 25px;
}
.select_wrap0202 {     
    margin: 30px 25px;
    }
.select_wrap0202 span { 
    display: inline-block;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    }
.select_wrap0202 .select_1 {
    height: 35px;   
    margin-top: 0px;
    white-space: normal;
}
.select_wrap0202 span, .select_wrap0202 .select_1 { vertical-align: middle; }
.popup_wrap.card .popup_con > ul > li a { font-weight: bold;}
.popup_wrap.card .con_error, .popupWrap .con_error {
    padding: 30px 25px;
}
.popup_wrap.card .cancel_complete {
    padding: 30px 25px;
}
.popup_wrap.card .cancel_complete .txt {
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.popup_wrap.card .popup_con > ul > li.w_65 { width: 65%; }
.popup_wrap.card .popup_con > ul > li.w_35 { width: 35%; }
.cancel_complete .card_benefit { 
    border: 1px solid #dddddd;
    background: #f8f8f8;   
    margin: 50px 0 0;
    padding: 35px 20px 20px;
    position:relative;
    }
.cancel_complete .card_benefit p { color:#987f57; font-size: 16px; font-weight: bold;}
.cancel_complete .card_benefit ul {
    border-top: 2px solid #646464;
    border-bottom: 1px solid #646464;
    margin: 10px 0;
    }
.cancel_complete .card_benefit ul li.top { 
    border-bottom: 1px solid #646464;
    color:#333333;
    font-weight: bold;
    }
.cancel_complete .card_benefit ul li { 
    border-bottom: 1px solid #d5d5d5;
    height: 30px;
    line-height: 30px;
    } 
.cancel_complete .card_benefit ul li:last-child { border-bottom: none; }
.cancel_complete .card_benefit ul li span { display: inline-block; }
.cancel_complete .card_benefit ul li span:first-child { width: 40%; }
.cancel_complete .card_benefit ul li span:last-child { width: 57%; }
.card_benefit .stop {
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    border-radius: 18px;
    width: 110px;
    height: 36px;
    line-height: 34px;
    background: #f68026;
    color: #fff;
    top: -18px;
    left: 50%;
    margin-left: -55px;
    }
.card_benefit .b_txt { font-size: 14px; line-height: 18px; letter-spacing: -1px; }
.card_benefit .b_txt span { 
    background: #717171;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    padding: 0 2px 2px;
    }
.cancel_complete .card_benefit ul li span.bg { background: #fffff9; }

.popup_wrap.card .benefit { 
    padding: 25px;
    }
.benefit {}
.benefit table {
    margin: 10px 0;
    border-top: 2px solid #646464;
    border-bottom: 1px solid #646464;
    }
.benefit table th {
    background: #f8f8f8;
    color: #333;
    font-weight: bold;
    vertical-align: top;
    width: 25%;
    border-right: 1px solid #646464;
    border-bottom: 1px solid #d5d5d5;
    }
.benefit table td { 
    ertical-align: top;
    text-align: left;
    border-bottom: 1px solid #d5d5d5;
    }
.benefit table th, .benefit table td {
    padding: 12px 10px;
    line-height: 18px;
    }
.benefit table td span { display: block; position: relative; padding-left: 7px;}
.benefit table td span::before { 
    display: block;
    content: '-';
    position: absolute;
    top: 0px;
    left: 0px;
    }
.benefit table td b.orange { color: #f68026; }
.select_wrap0202.card_choice { margin: 0px; text-align: left; }
.benefit .b_txt { font-size: 12px; line-height: 18px; letter-spacing: -1px; text-align: left;}
.benefit .b_txt span { 
    text-decoration: underline;
    }
.popup_wrap.card.popup_auto4,
.popup_wrap.card.popup_auto3,
.popup_wrap.card.popup_auto2,
.popup_wrap.card.popup_auto { background: none; }