/* CSS Document */

.item_title{font-size:35px; font-weight: 600; padding-bottom: 50px}
.box_title{font-size:20px; font-weight: 500; padding-bottom: 30px; }
.item_box{display: flex; justify-content: space-between}
.item_box .left, .item_box .right{width:  47%;}
.item_box .left .img_box{width: 100%;height: 500px; text-align: center; display: flex;justify-content: center; align-items: center;border-radius: 30px; border:1px solid #e5e5e5}
.item_box .left .img_box img{box-shadow: 0 0 20px #ddd}
.item_box .left .notice{border-radius: 30px; background: #f4f4f4;padding: 50px; margin-top: 30px}
.item_box .left .notice table{text-align: left;font-size: 18px;}
.item_box .left .notice table th, .item_box .left .notice table td{padding: 5px 10px}

.item_box .right{border-top: 2px solid #222}
.item_box .right .box{padding: 20px 0; border-bottom: 1px solid #e5e5e5;}
.item_box .right .box .select_ul{display: flex; }
.item_box .right .box .select_ul li{width: 200px; height: 50px; line-height: 50px; border-radius: 5px;border:1px solid #b1b0b0; color: #b1b0b0; text-align: center; margin-right: 5px;font-size: 20px}
.item_box .right .box .select_ul li.on{border-color: #fd7979; color: #fd7979}
.item_box .right .box .price_count{margin-top: 40px; display: flex; justify-content: space-between}
.item_box .right .box .price_count .price{font-size:24px; }
.item_box .right select{width: 100%;padding: 10px; border-radius: 5px;border-collapse: #e5e5e5}
.item_box .right .option_select{padding: 20px}
.item_box .right .option_select p{font-size: 18px;fotn-weight:500}
.item_box .right .option_select .price_count{margin-top: 10px}
.item_box .right .option_select .price_count .price{font-size: 20px;}
.item_box .right .total_price{text-align: end; font-size: 34px; color: #e30b0b}
.item_box .right .total_price span{font-size: .6em; color: #222; padding-left: 5px}
.item_box .right .total_box .box_title .small{font-size: 0.8em; font-weight: 300; color: #999}
.notice{font-size: 14px; border-radius: 5px; background: #f4f4f4; padding: 20px; margin-top: 10px;}

.submit{width: 100%; margin-top: 50px; border-radius: 10px; color:#fff; background: #e30b0b;padding: 15px;font-size: 22px;border:0}

.bt_detail{width: 100%; padding: 100px 0}
.bt_detail .detail_tabs{display: flex; justify-content: center}
.bt_detail .detail_tabs li{width: 20%; padding: 20px; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 20px;color: #666;cursor: pointer}
.bt_detail .detail_tabs li.on{color: #222; font-weight: 500; border-bottom:3px solid #222}
.bt_button{margin: 0 auto; display: flex;justify-content: center;  align-items: stretch;}
.bt_button .list{width: 10%; border-radius: 10px; background: #222; color: #fff; border:0; margin-top: 50px; margin-right: 5px;font-size: 22px }
.bt_button .submit{width: 40%;}

.detail_review{width: 100%; padding: 50px 0}
.detail_review ul{}
.detail_review ul li{width: 32%; display: flex; align-items: center; padding: 30px; border-radius: 20px; border:1px solid #e5e5e5;}
.detail_review ul li .img_box{width: 100%;max-width:150px}
.detail_review ul li .txt{padding: 0 30px;font-size: 18px}
.detail_review ul li .txt p{font-size: 16px; color: #999}

/* CSS */
.detail_review {
    width: 100%;
    overflow: hidden;
}
#order{}
#order .order_title{font-family: ; font-size: 36px; text-align: center; padding-bottom: 50px}
#order .order_box{padding: 50px 0;}
#order .order_stitle{font-size: 22px; font-weight: 600; padding-bottom: 30px;}
#order .order_box table.infor{width: 100%; padding: 50px; border:1px solid #dddddd; background: #f4f4f4;font-size: 19px}
#order .order_box table.infor th{width: 15%; padding: 10px;text-align: left}
#order .order_box table.infor td{width: 80%; padding: 10px;}
#order .order_box .infor td input{border: 1px solid #ddd; padding: 10px; width: 60%}
#order .order_box button.bt_submit_t{border:0; border-radius: 5px; background: #f96363; color: #fff;padding: 5px 15px}
#order .order_box .total{font-size: 22px; font-weight: 800; color:#e74848 }

#order .point_box{display: flex;align-items: center}
#order .point_box .order_stitle{padding-bottom: 0}
#order .point_box .order_stitle, #order .time .order_stitle{padding-bottom: 0; width: 15%}

#order .point_box .point{display: flex; align-items: center; font-size: 19px; }
#order .point_box .point p{padding-left: 10px; font-size: 20px; }
#order .point_box .point .point_check{padding: 0 30px;}
#order .point_box .point .point_check a{border:0; border-radius: 5px; background: #ddd; color: #444;padding: 5px 15px; margin-right: 10px}
#order .point_box .point .point_input input{border:1px solid #ddd;}
#order .time{display: flex; }
#order .time .frm_input{width: 30%;background: #fff url(/img/gnb_bg.gif) no-repeat 95% center }

#order .total_price{width: 100%; padding: 50px; font-size: 30px; display: flex; justify-content: space-between; border:1px solid #dddddd; background: #f4f4f4;margin: 80px 0}
#order .total_price h4{color:#e30b0b; }
#order .total_price span{font-size: 0.8em; color: #444}
#order .terms .contents{width: 100%; padding: 50px; border:1px solid #ddd;    height: 300px;
    overflow: scroll;}

#order .notice_box{margin:50px 0;}
#order .notice_box .visit, #order .notice_box .delivery{background: #f9f9f9;border:1px solid #ddd; border-radius: 10px; padding: 50px; font-size: 19px}
#order .notice_box .order_stitle{font-size: 22px; margin-bottom: 20px;}
#order .notice_box .notice_txt{font-size: 20px; padding-top: 18px}
#order .notice_box .notice_txt a{font-weight: 800; color: #C40003}

.ex_point{background: #f9f9f9; padding: 30px;font-size: 18px;display: flex; align-items: center; }
.ex_point b{color: #e30b0b;}
.ex_point p {padding-left: 25px}
.ex_point p span{font-size: .9em; padding:0 10px;color: #999}
.ex_point p span.cl_rd{color: #B30407}

/*** 마이페이지 ***/
.mypage .mp_submit{display: block; width: 35%;margin: 30px auto 0;  border-radius: 10px; background:#fff; color: #c40c0c; border: 1px solid #c40c0c; padding:10px 15px; font-size: 20px;display: flex;justify-content: center;  align-items: center; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.mypage .mp_submit:hover{background: #c40c0c; color: #fff;}
.mypage .tbl_list{border-spacing: 0px!important;width: 100%;font-size: 18px;}
.mypage .tbl_list th{padding: 10px; border-spacing: 0px;background: #eee; text-align: center!important;margin: 0!important;border-radius: 0!important;border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5;width: auto}
.mypage .tbl_list td{padding: 10px; color: #444; font-size: 18px; border-spacing: 0px;border-bottom: 1px solid #e5e5e5; border-right:1px solid #e5e5e5; background: none!important;border-radius: 0!important;margin: 0!important;text-align: center!important}
.mypage .tbl_list td:last-child, .mypage .tbl_list th:last-child{border-right: 0}
.mypage .tbl_list td.pt_plus{color: #024594}
.mypage .tbl_list td.pt_minus{color: #C50003}
.mypage .tbl_list .last td{background: #222!important; color: #fff;}
.mypage .tbl_list .last td span{font-size: 22px; font-weight: 600}
.mypage .tbl_list .rv_stat p{padding: 5px 10px; background: #c40c0c; color: #fff;border-radius: 5px}
.mypage .tbl_list .rv_chk_td{text-decoration: underline}
.mypage .tbl_list .rv_chk_td:hover{color: #c40c0c}
.mypage .chk_pop{background: #fff; box-shadow: 0 0 10px #ddd; width: 50%; border-radius: 20px; z-index: 999; position: relative; margin: 0 auto}
.mypage .chk_pop table{padding: 30px;width: 100%;font-size: 16px}
.mypage .chk_pop table th{width: 20%; text-align: left;padding: 5px; margin:5px 0}
.mypage .chk_pop table td{width: 80%;padding: 5px 10px; background: #f6f6f6;border-radius: 5px; margin:5px 0}

.mypage .order_box button{width:30%; margin: 30px auto 0; border-radius: 20px; background: #222; color: #fff; border:0;display: block;padding: 10px;font-size: 18px;}

@media (max-width:1199px){

 }

 @media (max-width: 969px){
    .item_title{font-size:26px; padding-bottom: 30px}
    .box_title{font-size:18px;  padding-bottom: 20px; }
    .item_box{flex-direction: column}
    .item_box .left, .item_box .right{width:  100%;}
    .item_box .left .img_box{width: 100%;height: 350px; border-radius: 15px; }
    .item_box .left .img_box img{}
    .item_box .left .notice{border-radius: 15px; padding: 30px; margin-top: 20px;margin-bottom: 20px}
    .item_box .left .notice table{font-size: 16px;}
    .item_box .left .notice table th, .item_box .left .notice table td{padding: 5px 5px}

    .item_box .right .box{}
    .item_box .right .box .select_ul{display: flex; }
    .item_box .right .box .select_ul li{width: 180px; height: 40px; line-height: 40px; margin-right: 5px;font-size: 18px}
    .item_box .right .box .price_count{margin-top: 30px;}
    .item_box .right .box .price_count .price{font-size:20px; }
    .item_box .right .option_select{padding: 20px}
    .item_box .right .option_select p{font-size: 16px;f}
    .item_box .right .option_select .price_count{margin-top: 5px}
    .item_box .right .option_select .price_count .price{font-size: 18px;}
    .item_box .right .total_price{ font-size: 26px; }
    .item_box .right .total_price span{padding-left: 5px}

    .submit{ margin-top: 30px; border-radius: 5px; padding: 10px;font-size: 18px;border:0}

    .bt_detail{ padding: 80px 0}
    .bt_detail .detail_tabs{}
    .bt_detail .detail_tabs li{width: 25%; padding: 15px;  font-size: 18px;}
    .bt_button .list{width: 10%; border-radius: 5px; background: #222; color: #fff; border:0; margin-top: 30px; margin-right: 5px;font-size: 18px }
    .bt_button .submit{width: 40%;}

    .detail_review{}
    .detail_review ul{}
    .detail_review ul li{width: 32%;  flex-direction: column;  padding: 30px; border-radius: 20px; border:1px solid #e5e5e5;}
    .detail_review ul li .img_box{width: 100%;}
    .detail_review ul li .txt{padding: 20px 00px 0;font-size: 18px}
    .detail_review ul li .txt p{font-size: 16px; color: #999}


     #order{}
    #order .order_title{ font-size: 28px; padding-bottom: 30px}
    #order .order_box{padding: 50px 0;}
    #order .order_stitle{font-size: 22px; font-weight: 600;text-align: left; padding-bottom: 30px;}
    #order .order_box table.infor{ padding: 30px;font-size: 18px}
    #order .order_box table.infor th{width: 20%; padding: 10px;text-align: left}
    #order .order_box table.infor td{width: 79%; padding: 10px;}
    #order .order_box .infor td input{border: 1px solid #ddd; padding: 10px; width: 60%}
    #order .order_box button.bt_submit_t{border:0; border-radius: 5px; background: #f96363; color: #fff;padding: 5px 15px}
    #order .order_box .total{font-size: 20px; font-weight: 800; color:#e74848 }

    #order .point_box .order_stitle, #order .time .order_stitle{padding-bottom: 0; width: 20%}

    #order .point_box .point{ font-size: 18px; }
    #order .point_box .point p{padding-left: 5px; font-size: 18px; }
    #order .point_box .point .point_check{padding: 0 15px;}
    #order .point_box .point .point_check a{border:0; border-radius: 5px; background: #ddd; color: #444;padding: 5px 10px; margin-right: 5px}

    #order .total_price{width: 100%; padding: 30px; font-size: 24px; ;margin: 50px 0}
    #order .terms .contents{width: 100%; padding: 30px; border:1px solid #ddd}

    #order .notice_box{margin:30px 0;}
    #order .notice_box .visit, #order .notice_box .delivery{background: #f9f9f9;border:1px solid #ddd; border-radius: 10px; padding: 30px; font-size: 18px}
    #order .notice_box .order_stitle{font-size: 20px; margin-bottom: 15px;}
    #order .notice_box .notice_txt{font-size: 18px; padding-top: 15px}
    #order .notice_box .notice_txt a{font-weight: 800; color: #C40003}

     .mypage .tbl_list{font-size: 16px;}
    .mypage .tbl_list th{padding: 8px;}
    .mypage .tbl_list td{padding: 8px;  font-size: 16px; }
    .mypage .tbl_list .last td span{font-size: 18px; font-weight: 600}
    .mypage .tbl_list .rv_stat p{padding: 5px 5px; background: #c40c0c; color: #fff;border-radius: 5px}
    .mypage .chk_pop{ width: 70%; }
    .mypage .chk_pop table{padding: 20px;width: 100%;font-size: 15px}
    .mypage .chk_pop table th{}
    .mypage .chk_pop table td{}

    .mypage .order_box button{width:50%; margin: 20px auto 0; font-size: 16px;}
 }

 @media (max-width:639px){
    .item_title{font-size:24px; padding-bottom: 30px}
    .box_title{font-size:16px;  padding-bottom: 20px; }
    .item_box{flex-direction: column}
    .item_box .left, .item_box .right{width:  100%;}
    .item_box .left .img_box{width: 100%;height: 300px; border-radius: 10px; }
    .item_box .left .img_box img{}
    .item_box .left .notice{border-radius: 10px; padding: 20px; margin-top: 20px;margin-bottom: 20px}
    .item_box .left .notice table{font-size: 14px;}
    .item_box .left .notice table th, .item_box .left .notice table td{padding: 5px 5px}

    .item_box .right .box{}
    .item_box .right .box .select_ul{display: flex; }
    .item_box .right .box .select_ul li{width: 160px; height: 35px; line-height: 35px; margin-right: 5px;font-size: 16px}
    .item_box .right .box .price_count{margin-top: 20px;}
    .item_box .right .box .price_count .price{font-size:18px; }
    .item_box .right .option_select{padding: 10px}
    .item_box .right .option_select p{font-size: 14px;}
    .item_box .right .option_select .price_count{margin-top: 5px}
    .item_box .right .option_select .price_count .price{font-size: 16px;}
    .item_box .right .total_price{ font-size: 22px; }
    .item_box .right .total_price span{padding-left: 5px}

    .submit{ margin-top: 20px; border-radius: 5px; padding: 10px;font-size: 16px;border:0}

    .bt_detail{ padding: 50px 0}
    .bt_detail .detail_tabs{}
    .bt_detail .detail_tabs li{width: 50%; padding: 10px;  font-size: 16px;}
    .bt_button .list{width: 20%; border-radius: 5px; background: #222; color: #fff; border:0; margin-top: 20px; margin-right: 5px;font-size: 16px }
    .bt_button .submit{width: 80%;}

     .detail_review{padding:30px 0}
    .detail_review ul li{width:49%;  padding: 20px; border-radius: 15px; }
    .detail_review ul li .txt{padding: 15px 00px 0;font-size: 16px}
    .detail_review ul li .txt p{font-size: 14px; color: #999}

      #order{}
    #order .order_title{ font-size: 24px; padding-bottom: 20px}
    #order .order_box{padding: 30px 0;}
    #order .order_stitle{font-size: 18px; padding-bottom: 20px;}
    #order .order_box table.infor{ padding: 10px;font-size: 16px}
    #order .order_box table.infor th{width: 20%;word-break: keep-all;padding: 10px 5px;text-align: left}
    #order .order_box table.infor td{width: 79%;word-break: keep-all; padding: 10px 5px;}
    #order .order_box .infor td input{border: 1px solid #ddd; padding: 10px; width: 100%}
    #order .order_box button.bt_submit_t{border:0; border-radius: 5px; background: #f96363; color: #fff;padding: 5px 15px}
    #order .order_box .total{font-size: 18px; font-weight: 800; color:#e74848 }

     #order .point_box, #order .time {flex-direction: column;align-items: flex-start;justify-content: flex-start}
    #order .point_box .order_stitle, #order .time .order_stitle{padding-bottom: 0; width: 1000%;}
     #order .time .frm_input{width: 100%}
    #order .point_box .point{font-size: 16px;flex-wrap: wrap;}
    #order .point_box .point p{padding-left: 0px; font-size: 16px; }
    #order .point_box .point .point_check{padding: 15px 0px;}
    #order .point_box .point .point_check a{border:0; border-radius: 5px; background: #ddd; color: #444;padding: 5px 10px; margin-right: 5px}
     #order .point_box .point .point_input{width: 100%}
    #order .total_price{width: 100%; padding: 20px; font-size: 22px; ;margin: 50px 0}
    #order .terms .contents{width: 100%; padding: 20px; border:1px solid #ddd}

     #order .point_box .point .point_input input {width: 70%;padding: 10px}

    #order .notice_box{margin:30px 0;}
    #order .notice_box .visit, #order .notice_box .delivery{background: #f9f9f9;border:1px solid #ddd; border-radius: 10px; padding: 20px; font-size: 16px}
    #order .notice_box .order_stitle{font-size: 18px; margin-bottom: 15px;}
    #order .notice_box .notice_txt{font-size: 16px; padding-top: 15px}
    #order .notice_box .notice_txt a{font-weight: 800; color: #C40003}

      .mypage .tbl_list{font-size: 14px;}
    .mypage .tbl_list th{padding: 5px;}
    .mypage .tbl_list td{padding: 5px;  font-size: 14px;    word-break: break-all;}
    .mypage .tbl_list .last td span{font-size: 16px; }
    .mypage .tbl_list .rv_stat p{padding: 5px 5px; background: #c40c0c; color: #fff;border-radius: 5px}
    .mypage .chk_pop{ width: 70%; }
    .mypage .chk_pop table{padding: 20px;width: 100%;font-size: 14px}
    .mypage .chk_pop table th{}
     .mypage .chk_pop table td{padding: 5px;     }


    .ex_point{background: #f9f9f9; padding: 20px;font-size: 16px;display: flex;flex-direction: column;  }
    .ex_point b{color: #e30b0b; padding-bottom: 10px;}
    .ex_point p {padding-left: 0px}
    .ex_point p span{font-size: .9em; padding:0 10px;color: #999}
    .ex_point p span.cl_rd{color: #B30407}

     .remodal{padding: 15px!important}
 }


@media (max-width: 399px){

 }