/* 2021.09.28 GJ */
/* 각 페이지 스타일 정의 */

/*-------------------------------------------------------------
index.html (메인페이지)
-------------------------------------------------------------*/
/* 21.10.19 NJH: index.html popup */
.pop_bg {
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  max-width: 767px;
  background: rgba(001, 001, 001, 0.7);
  z-index: 200;
}
.pop_container {
  display: none;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 60%;
  max-width: 460px;
  max-height: 510px;
  background-color: #fff;
  z-index: 250;
}

.pop_container .swiper-slide img {
  width: 100%;
  height: 460px;
}
.pop_btn_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2% 20px;
}
.pop_btn_box span {
  width: 45%;
  padding: 5px 10px;
  background-color: #df3131;
  border-radius: 10px;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  cursor: pointer;
}
.pop_btn_box span:hover {
  background-color: #440d0d;
}

/*------- main_banner -------*/
.main_banner{
    width: 100%;

    /* 2021.10.07 edit GJ : 배너높이 수정 */
    /* height: auto; */
    /* height: ; */
}
/* .main_banner .banner_box > li{
    width: 100%;
    height: auto;
    overflow: hidden;
} */

.main_banner .swiper-slide img{
    width:100%;
    max-width: 767px;
    min-height: 260px;
    max-height:282px;
}

/*------- page_link_btn -------*/
.page_link_btn{
    width: 100%;
    border: 1px solid #ececec;
    padding: 8px;
    margin-top: 10px;

    /* background-color: aqua; */
}

.page_link_btn_list{
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_link_btn_list li{
    width: 50%;
    text-align: center;
}

.page_link_btn_list li:first-child{
    border-right: 1px solid #ececec;
}


/*------ products_main ------*/
.products_main{
    width: 100%;
    padding: 2%;
}

/* 전체 등록상품 개수 */
.all_products_txt{
    font-size: 1.2rem;
    margin-bottom: 10px;
}

/* 전체 등록상품 리스트 */
.product_list_box, .product_list{
    width: 100%;
    /* background-color: cornflowerblue; */
}

.product_list{
    display: flex;
    flex-wrap: wrap;
}

.product_list li{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px;
}

.product_list li:nth-child(2n){
    margin-right: 0;
}

.product_list li:nth-last-child(1), .product_list li:nth-last-child(2){
    margin-bottom: 0;
}

/* 상품이미지 반응형 정사각형 비율 유지 관련 */
.product_img{
    position: relative;
    width: 100%;
    border: 1px solid #ececec;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 6px;

    /* background-color: crimson; */
}

.product_img::after{
    content: "";
    display: block;
    padding-bottom: 100%;
}

.product_img_inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 100%;
    height: auto;
    /* height: 100%; */
}

.product_img_inner img{
    width: 100%;
}

.product_title{
    font-size: 1.4rem;
    padding-right: 6px;
}

.product_price{
    font-size: 1.34rem;
    font-weight: 600;
    color: #DF3131;
}

.product_price .orign_price{
    float: right;
    font-size: 1.1rem;
    text-decoration: line-through;
    padding-right: 6px;
}

/* 2021.10.07 edit GJ : 상품 제목 글씨 정렬 */
.pd_txt_wrap{
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  width: 100%;
  height: 60px;
  overflow: hidden;
}


/*-------------------------------------------------------------
product_view.html (상품 상세보기 페이지)
-------------------------------------------------------------*/
/* 상품이미지 slide 박스 관련  */
.pd_view_slideBox{
    position: relative;
    width: 100%;
    height: 240px;

    /* background-color: cadetblue; */
}

.pd_view_slide{
    width: 100%;
    height: 100%;
}

.pd_view_slide li{
    width: 100%;
    height: 100%;
    padding: 0 5%;
}

.pd_view_slide li .pd_view_img{
    width: 240px;
    height: 100%;
    margin: 0 auto;
    text-align: center;

    /* background-color: cornflowerblue; */
}
.swiper-slide {text-align: center;}
.product_view img {object-fit: contain; width:100%; height:60%; max-height: 400px; min-height: 378px;}
.pd_view_slide li .pd_view_img img{
    height: 100%;
}

.pd_slide_num{
    position: absolute;
    right: calc(50% - 166px);
    bottom: 6px;

    width: 46px;
    /* height: 16px; */
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    padding: 4px 0;
}

.pd_slide_num li{
    float: left;
    width: 50%;
    height: 100%;
    /* line-height: 12px; */
    text-align: center;
    font-size: 1.1rem;
}

.pd_slide_num li:first-child{
    border-right: 1px solid #fff;
}

/* 상품 제목,가격 관련 */
.pd_view_title{
    font-size: 1.5rem;
    padding: 0 2%;
}

.pd_origin_rice{
    font-size: 1.35rem;
    padding: 0 2%;
}

/* 상품정보 및 후기 tab 관련 */
.pd_review_tab{
    display: flex;
    width: 100%;
    height: 28px;
    padding: 0 2%;
}

.pd_review_tab .pd_review_btn{
    width: 48%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.pd_review_btn a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 26px;

    /* 2021.10.07 edit GJ 수정 */
    /* border: 1px solid #747792; */
    background-color: #DF3131;
    border-radius: 6px;
    /* color: #747792; */
    color: #fff;
    /* font-size: 1.2rem; */
    font-size: 1.4rem

    /* background-color: antiquewhite; */
}

/* 상품 상세보기 박스 관련 */
.product_detail_box {
  display: none;
  width: 100%;
  height: auto;
  padding: 0 2%;
  text-align: center;
}

.product_detail_box img {
  width: auto;
  max-width: 100%;

  /* background-color: burlywood; */
}
.product_detail_box.active {
  display: block;
}

/* 상품후기 박스 관련 */
.product_review_box {
  display: none;
  width: 100%;
  padding: 0 2%;
}

.product_review_box.active {
  display: block;
}

.pd_review_all{
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    font-size: 1.4rem;
    margin: 12px 0;
}

.pd_review_all span{
    font-size: 1.2rem;
}

.pd_review_all .pd_review_select select{
    padding-left: 5px;
    width: 86px;
    height: 28px;
    border: 1px solid #ddd;
}

.product_review_list{
    width: 100%;
}

.product_review_list .pd_review_liBox{
    display: flex;
    width: 100%;
    height: auto;
    padding: 6px 0;
    border-top: 1px solid #ddd;

}

.product_review_list .pd_review_liBox:last-child{
    border-bottom: 1px solid #ddd;
}

/* 아이콘 */
/* .pd_review_liBox .profile_icon{
    width: 60px;
} */

.pd_review_liBox .pd_review_area{
    /* width: calc(100% - 60px); */ /* 아이콘 사용 시 사용 */
    width: 100%;
}

.pd_review_area .review_id{
    width: 100%;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.pd_review_area .review_txt{
    width: 100%;
    font-size: 1.3rem;
}

.pd_review_area .review_photo_list{
    display: flex;
    margin: 6px 0;
}

.pd_review_area .review_photo_list li{
    width: 130px;
    height: 130px;
    /* width: 40px;
    height: 40px; */
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-right: 8px;
    overflow: hidden;
    cursor: pointer;
}

.pd_review_area .review_photo_list li:last-child{
    margin-right: 0;
}

.pd_review_area .review_photo_list li img{
    width: 100%;
}

.pd_review_area .review_date{
    font-size: 1.3rem;
}

.review_date .review_date_bar{
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #747792;
    margin: 0 10px;
    padding: 10px 0 0 0;
}

.heart_icon{
    display: inline-block;
    width: 17px;
    height: 13.33px;
    transform: translateY(2px);
}

.heart_icon > img{
    width: 100%;
}
/* 상품후기 모달창 */
.modal_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.modal_cont {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  max-width: 400px;
  height: auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.modal_bg.active {
  display: block;
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  z-index: 10;
}
.modal_cont.active {
  display: block;
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  z-index: 50;
}
.modal_cont img {
  width: 100%;
}
.modal_cont .close_btn {
  position: absolute;
  top: -34px;
  right: -28px;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  text-shadow: 3px 0 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/*-------------------------------------------------------------
inventory.html (인벤토리)
-------------------------------------------------------------*/
.inventory_tab_box{
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 60;
    margin: 0 auto;
    width: 100%;
    max-width: 767px;
    background-color: #fff;
}

.inventory_tab{
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ddd;

}

.inventory_tab li{
    font-weight: bold;
    width: 33.33%;
    height: 39px;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
}

/* 인벤토리 탭 활성화 시 */
.inventory_tab_active{
  /* 2021.70.07 edit GJ : 컬러 수정 */
    /* color: #99D9EA; */
    color: #DF3131;
    /* border-bottom: 2px solid #99D9EA; */
    border-bottom: 2px solid #DF3131;
}

.inven_randomBox_wrap{
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 60;

    width: 100%;
    max-width: 767px;

    /* 2021.10.07 edit GJ : 높이 수정 */
    height: 40px;

    background-color: #fff;
}

/* 2021.10.07 edit GJ : 박스 구조 수정으로 인한 css 수정,추가  */
.inven_randomBox{
    width: 100%;
    height: 36px;
    /* line-height: 29px; */
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 0 2%;
}

.inven_randomBox_contBox{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%
}

.inven_randomBox p{
    float: left;
}

.inven_randomBox .invenbox_select{
    /* float: right; */
    width: 86px;
    height: 24px;
    /* margin-top: 2px; */
}

.inven_randomBox .invenbox_select select{
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    text-align: center;
}

.inven_randomBox .invenbox_select select option{
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.wbox.inventory_wbox{
    padding-top: 136px;
}

.inven_section{
    position: relative;
    width: 100%;
    /* background-color: bisque; */
}


/* 박스, 상품, 배송상품이 없는 null 일때 */
.inven_randomBox_box_null{
    position: relative;
    height: calc(100vh - 230px);
}

.inven_randomBox_box_null p{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.3rem;
}

/* 박스, 상품, 배송상품이 있을때 */
.inven_randomBox_box{
    width: 100%;
    padding: 10px 3% 20px 3%;
}

.inven_randomBox_box .inven_randomBox_list > li{
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #ddd;
}

.randomBox_cont, .randomBox_btns, .randomBox_purchase_date{
    width: 100%;
}

.randomBox_cont{
    display: flex;
}

.randomBox_cont .randomBox_icon{
    width: 50px;
    height: 40px;
}

.randomBox_cont .randomBox_icon > span{
    display: block;
    width: 40px;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden;
}

.randomBox_cont .randomBox_icon > span img{
    width: 100%;
}

.randomBox_cont .randomBox_inner{
    display: flex;
    width: calc(100% - 50px);
    justify-content: space-between;
}

.randomBox_inner_title{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 66%;
    height: 100%;
    padding: 2px 0;
    /* 2021.10.07 edit GJ : 폰트사이즈 수정 */
    font-size: 1.4rem;
}

.box_howto_buy{
    width: 34%;
    max-width:110px;
    height: 36px;
    float: right;
}

.box_howto_buy .box_howto_buy_list{
    width:100%;
    float: right;
    font-size: 1.2rem;
    font-weight: bold;
}

.box_howto_buy .box_howto_buy_list li{
    float: left;
}

.box_howto_buy .box_howto_buy_list li:first-child{
    float: left;
}
.box_howto_buy .box_howto_buy_list li:last-child{
    float: right;
}

.box_howto_buy .box_howto_buy_list li:first-child a{
    text-decoration: underline;
}

.randomBox_purchase_date{
    text-align: right;
}

.randomBox_btns{
    width: 100%;
}

.randomBox_btns .randomBox_btn_list{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.randomBox_btns .randomBox_btn_list li{
    width: 48%;
    height: 28px;
    text-align: center;
}

.randomBox_btns .randomBox_btn_list li button{
    width: 100%;
    height: 100%;
    /* border: 1px solid #ddd; */
    border-radius: 8px;

}

.randomBox_purchase_date{
    font-size: 1.2rem;
    color: #747792;
}
/* box_purchase.html 옥션랜덤박스 구매수량 */
.entity input {width: 100%; text-align: center;}

/* 2021.10.06 GJ : search박스 관련 */
.inven_delivery_searchBox{
    position: fixed;
    top: 136px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 60;

    width: 100%;
    max-width: 767px;
    height: 50px;
    background-color: #f1f1f1;
    text-align: center;

    padding: 8px 0;
}

.inven_delivery_searchBox > input[type="search"]{
    position: relative;
    width: 96%;
    height: 34px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 30px;

    /* search 아이콘 */
    background: url(../images/content/search.svg) no-repeat;
    background-position: calc(100% - 6px) center;
    background-size: auto;
    background-color: #fff;
}

/* 2021.10.06 GJ : 상품 리스트 하단 관련 */
.product_inven_table{
    width: 100%;
    font-weight:600;
}

.product_inven_table .product_inven_table_title{
    width: 20%;
    font-size: 1.05rem;
    background-color: #f1f1f1;
    height: 24px;
    line-height: 24px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.product_inven_table .product_inven_table_title:first-child{
    width: 40%;
    text-align: left;
    padding-left: 5px;
}

.product_inven_table .product_inven_table_cont > span{
    display: block;
    padding-left: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 6px;
}

.product_inven_table .product_inven_table_cont > .randomBox_purchase_date{
    width: 100%;
    padding-left: 5px;
    text-align: left;
}

.product_inven_table .product_inven_table_cont{
    padding: 9px;
}

.product_inven_table_cont .inven_table_icon{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin: 0 auto;

    font-size: 1.5rem;
    color: #666;
}


/* 배송조회 */
.inven_randomBox_list > li .address_name{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.inven_delivery_info{
    display: flex;
    font-size: 1.2rem;
}

.inven_delivery_info .inven_delivery_date{
    position: relative;
    padding-right: 5px;
    margin-right: 5px;
}

.inven_delivery_info .inven_delivery_date::after{
    content: '';
    position: absolute;
    right: -1px;
    top: 2.5px;
    width: 1px;
    height: 10px;
    background-color: #aaa;
}

.inven_delivery_info .inven_delivery_state{
    font-weight: bold;
    color: #DF3131;
}

.inven_delivery_product{
    display: flex;
    align-items: center;
    margin-top:10px;
}

.inven_delivery_product .delivery_product_img{
    width: 56px;
    height: 56px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.inven_delivery_product .delivery_product_img img{
    width: 100%;
}





/*-------------------------------------------------------------
box_purchase.html (랜덤박스 구매페이지)
-------------------------------------------------------------*/
.purchase_imgBox{
    width: 100%;
    height: auto;
    /* height: 300px; */

    /* background-color: cadetblue; */
}

.purchase_imgBox img{
  width: 100%;
}

.purchase_box_cont{
    width: 100%;
    padding: 2%  2% 0 2%;

    /* background-color: coral; */
}

.purchase_box_inner{
    width: 100%;

    /* background-color: cornsilk; */
}

/* .subtit_12p5{
    font-size: 1.25rem;
} */

.purchase_box_count{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px;
    font-size: 1.2rem;
}

.purchase_box_count_list{
    display: flex;
    width: 90px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.purchase_box_count_list li{
    width: 33.33%;
    height: 24px;
    line-height: 22px;
    border-right: 1px solid #ddd;
    text-align: center;
}

.purchase_box_count_list li:last-child{
    border-right: 0;
}

.purchase_box_count_list li button{
    width: 100%;
    height: 100%;
}

/* .border_input35{
    width: 100%;
    height: 38px;
}

.border_input35 input{
    float: left;
    width: calc(100% - 100px);
    height: 100%;
    text-align: right;
    padding-right: 20%;
}

.border_input35 .input_right_btn{
    float: right;
    width: 100px;
    height: 100%;
    background-color: #99D9EA;
} */

.purchase_box_inner > p{
    margin-top: 5px;
}

.purchase_how_box{
    width: 100%;
}

.purchase_how_box .purchase_how{
    display: flex;
    /* flex-wrap: wrap; */  /* 결제수단 2개 초과시부터 */
    justify-content: space-between;
    align-items: center;
}

.purchase_how_box .purchase_how li{
    width: 48%;
    height: 30px;
    /* margin-right: 4%; */
    margin-bottom: 10px;
}

.purchase_how_box .purchase_how li:nth-child(2n){
    margin-right: 0;
}

.purchase_how_box .purchase_how li:nth-last-child(1), .purchase_how_box .purchase_how li:nth-last-child(2){
    margin-bottom: 0;
}

.purchase_how_box .purchase_how li > button{
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 10px;
}

/* 결제수단 버튼 활성화 관련  */
.purchase_how_active{
    border: 1px solid #DF3131 !important;
    color: #DF3131;
}

.purchase_info_cont{
    width: 100%;
    padding: 0 2%;

    /* background-color: darkkhaki; */
}

.purchase_info_list{
    width: 100%;
}

.purchase_info_list .purchase_info{
    width: 100%;
}

.purchase_info .info_caption{
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    height: 24px;
    /* line-height: 20px; */
    padding: 0 6px;
    background-color: #ddd;
}

.purchase_info_txt{
    width: 100%;
    padding-top: 5px;
    background-color: #fff;
}

.purchase_info_txt > p{
    margin-bottom: 10px;
}

/* 하단 fix버튼 관련 */
.purchase_charge_box{
    width: 100%;
    background-color: #fff;
}

.purchase_charge_box .purchase_agree{
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 2%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.purchase_agree > label{
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.3rem;
}

.purchase_agree > label > input{
    margin-right: 10px;
}

.purchase_charge_box .payment_amount{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding: 0 2%;
}

/*-------------------------------------------------------------
box_open_step1.html (랜덤박스 오픈페이지)
-------------------------------------------------------------*/
header.box_open_header{
    background-color: transparent !important;
}

.wbox.boxOpen{
    position: relative;
    width: 100%;
    height: calc(100vh - 80px);

    /* background-color: steelblue; */
    background-color: #fff;
}

.box_opening_img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 96%;
  height: auto;
}

.box_opening_img img{
  width: 100%;
}

.open_box_btn_wrap{
    display: flex;
    width: 100%;
    height: 40px;
}

.open_box_btn_wrap .open_box_btn{
    width: 50%;
    height: 100%;
}

.open_box_btn_wrap .open_box_btn:first-child{
    border-right: 1px solid #999;
}



/*-------------------------------------------------------------
box_open_step2.html (랜덤박스 오픈 후 페이지)
-------------------------------------------------------------*/
.wbox.boxOpen2{
    width: 100%;
    height: calc(100vh - 90px);

    padding-top: 60px;

    background-color: #ececec;
}

/* .boxOpen_box{
    width: 100%;
    height: 100%;
} */

/* 정중앙정렬 */
.center_position {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -54%);
  background-color:#fff;
  padding: 30px 0 ;
}


.boxOpen_celebrate{
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.open_product_cont{
    width: 200px;
    height: auto;
    margin: 0 auto;
}

.open_product_cont .open_product_box{
    width: 100%;
}

.open_product_box .open_product_img{
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-bottom: 16px;
    border:1px solid #efefef;
    /* background-color: teal; */
}

.open_product_box .open_product_img > img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/* .open_product_box .open_product_img::after{
    content: "";
    display: block;
    padding-bottom: 100%;
} */

.open_product_box .open_product_info{
    font-size: 1.2rem;
    color: #666;
}

.open_product_info > p{
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.7rem;
    color: #222;
}

.one_product_onemore{
    /* 2021.10.07 edit GJ : 버튼 한줄에 두개 */
    /* display: flex;
    justify-content: space-between;
    align-items: center; */

    width: 200px;
    /* width: 260px; */
    /* height: 40px; */
    margin: 0 auto;
    padding: 12px 0;
}


.one_product_onemore > button.full_w_btn_round{
    /* width: 48%; */
    font-size: 1.3rem;
}

.open_product_explain{
    width: 260px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.15rem;
}




/*-------------------------------------------------------------
delivery_product_apply.html (배송신청페이지)
-------------------------------------------------------------*/
/* 배송신청 상품 */
.delivery_apply{
    width: 100%;
}

.delivery_apply_list{
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.delivery_apply_list > li{
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 2%;

    /* background-color: steelblue; */
}

.delivery_apply_list > li .delivery_product_img{
    width: 56px;
    height: 56px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-right: 10px;
    overflow: hidden;
}

.delivery_apply_list > li .delivery_product_img img{
    width: 100%;
}

.delivery_product_info{
    width: calc(100% - 106px);
    font-size: 1.2rem;
}

.delivery_product_info > p{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.delivery_product_del{
    width: 30px;
    margin-left: 10px;
}

.delivery_product_add{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 2%;
    border-bottom: 1px solid #ddd;
    background-color: #f1f1f1;
}

.product_add_btn{
    padding: 5px 6px;
    border: 1px solid #acacac;
    border-radius: 6px;
    font-size: 1.1rem;
    color: #666;
}

/* 배송정보 */
.delivery_info_box{
    width: 100%;
    padding: 2%;
}

.delivery_info_inner{
    width: 100%;
}

.delivery_info_inner > h3{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 5px;
    border-bottom: 1px solid #ddd;
}

.delivery_info_inner > h3 .address_control{
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: #666;
}

.address_control > span{
    margin-left: 5px;
}

/* 배송지 정보 null 관련 */
.delivery_adress_null{
    width: 100%;
    padding: 12px 0;
    text-align: center;
    background-color: #f1f1f1;
}

/* 배송지 정보 있을때 관련 */
.delivery_adress{
    width: 100%;
    padding: 10px 5px 20px 5px;
}

.delivery_adress .address_name{
    margin-bottom: 16px;
}

.delivery_adress .address_name > span:first-child{
    margin-right: 6px;
}

.delivery_adress .address_info_list{
    font-size: 1.2rem;
}

.delivery_select{
    position: relative;
    padding: 0 5px;
    margin-bottom: 5px;
}

.delivery_select .down_arrow{
    position: absolute;
    right: 10px;
    top: 13px;
}

.select_personally{
    padding: 0 5px;
}


/* 최종 결제금액 관련 */
.delivery_apply_price{
    width: 100%;
}

.delivery_apply_price > h3{
    width: 100%;
    padding: 0 2%;
}

.delivery_apply_price .delivery_price{
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.delivery_apply_price .delivery_price td{
    width: 50%;
    text-align: center;
}

.delivery_apply_price .delivery_price_all{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 10px 2%;
    border-bottom: 1px solid #ddd;
    font-size: 1.4rem;
}

.delivery_service_txt{
    width: 100%;
    padding: 20px 2%;
    font-size: 1.2rem;
    background-color: #f1f1f1;
}


/*-------------------------------------------------------------
delivery_add_product.html (배송물품 추가페이지)
-------------------------------------------------------------*/

.delivery_apply_list.add_product .delivery_product_info{
    width: calc(100% - 66px);
}

.daa_product_Dday{
    width: 100%;
    text-align: right;
    padding: 0 2%;
}

.delivery_apply_list.add_product{
    border-bottom: 0;
    padding: 0 2%;
}

.delivery_apply_list.add_product li{
    border: 1px solid #ddd;
    border-radius: 10px;
}

.delivery_apply_list.add_product li.add_product_active{
    position: relative;
    border: 1px solid #DF3131;
    border-radius: 10px;
}

/* .delivery_apply_list.add_product li.add_product_active::after{
    content: '';
    position: absolute;
    left: 1%;
    top: calc(50% - 13px);
    width: 16px;
    height: 16px;
    background: url(../images/content/check_list.svg) no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 5;
} */

.delivery_apply_list.add_product > li{
    margin-bottom: 4px;
}

.delivery_apply_list.add_product > li:last-child{
    margin: 0;
}

/*-------------------------------------------------------------
delivery_add_product.html (배송물품 추가페이지)
-------------------------------------------------------------*/
.wbox.address_wrap{
    padding-top: 100px;
}

.address_addInfo{
    width: 100%;
}

.address_addInfo .address_addInfo_list{
    width: 100%;
}

.address_addInfo_list > li{
    width: 100%;
    padding: 14px 2%;
    border-bottom: 1px solid #ddd;

    /* background-color: aliceblue; */
}

.address_addInfo_list > li .address_name{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 0 14px 5px;
}

.address_name .address_edit_choise_btn{
    display: flex;
}

.address_name .address_edit_choise_btn > li{
    margin-right: 6px;
}

.address_name .address_edit_choise_btn > li:last-child{
    margin-right: 0px;
}

.address_name .address_edit_choise_btn > li button{
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    color: #666;
    font-size: 1.1rem;
}

.address_addInfo_list .address_infoBox{
    width: 100%;
}

.address_infoBox .address_info_list > li{
    margin-bottom: 2px;
}

.address_infoBox .address_info_list > li:last-child{
    margin-bottom: 0;
}

/*-------------------------------------------------------------
management_address_add.html (배송물품 추가페이지)
-------------------------------------------------------------*/
.address_add_wrap{
    padding: 100px 2% 0 2%;
}


/*-------------------------------------------------------------
login.html (로그인 페이지)
-------------------------------------------------------------*/
.login_box{
    width: 100%;
    padding: 0 4%;
}

.login_box > h2{
    text-align: center;
}

.login_box .login_input > p{
    font-size: 1.25rem;
    margin-bottom: 4px;
    padding-left: 8px;
}

.login_box .login_input > input{
    padding: 0 10px;
}

.login_box .auto_login{
    width: 100%;
    font-size: 1.4rem;
    justify-content: flex-end;
    text-align: right;
}

.login_box .auto_login input{
    margin-right: 10px;
}

.find_pw_btn .find_pw_btn_list{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.find_pw_btn .find_pw_btn_list > li > a{
    font-size: 1.4rem;
}

.login_txtBox{
  width: 100%;
  padding: 0 4%;
}

.login_txt{
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  /* background-color: #f1f1f1; */
  background-color: rgba(231, 231, 223,0.85);

  font-size: 1.25rem;
  text-align: center;
  color: #696969;
  margin-top: 10px;

  /* font-weight: 700; */
}

/* 오른쪽 분리 바 */
/* .find_pw_btn .find_pw_btn_list li:first-child{
    position: relative;
    padding-right: 12px;
    margin-right: 12px;
}

.find_pw_btn .find_pw_btn_list li:first-child::after{
    position: absolute;
    right: 0;
    top: 4px;

    content: '';
    width: 2px;
    height: 12px;
    background-color: #aaa;
} */

.find_pw_btn{
    width: 100%;
}

.find_pw_btn > p{
    text-align: center;
    font-size: 1.4rem;
    color: #444;
}

.find_pw_btn .social_login_list li{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 68%;
    margin: 0 auto;
}

.find_pw_btn .social_login_list li button{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FDE102;
    color: #391C1C;
}

.find_pw_btn .social_login_list li button > span{
    display: inline-block;
    width: 26px;
    height: 26px;
    transform: translateY(2px);
    margin-right: 10px;
}

.find_pw_btn .social_login_list li button > span > img{
    width: 100%;
}


/*-------------------------------------------------------------
registration_step1.html (회원가입 페이지)
-------------------------------------------------------------*/
.regist_welcome{
    font-size: 1.3rem;
}

.regist_welcome > p{
    /* margin-bottom: 5px; */
    line-height: 1.7rem;
}

.regist_agree_check, .regist_agree_info{
    font-size: 1.4rem;
}

/* 전체동의 관련 */
.regist_agree_check{
    width: 100%;
    height: 30px;
}

.agree_lists{
    padding: 10px 0 6px 0;
    border-bottom: 2px solid #ddd;
    color: #888;
}

.agree_list_box{
    width: 100%;
}

.agree_list_box li{
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #dfdfdf;
}

.agree_list_box li .agree_list_inner{
    position: relative;
    width: 100%;
    height: 100%;
}

/* 약관 자세히 보기버튼 */
.agree_list_inner > span{
    display: inline-block;
    position: absolute;
    right: 2px;
    top: 12.5px;
}

.agree_list_inner > span > a{
    color: #888;
    text-decoration: underline;
    font-size: 1.2rem;
}

.agree_list_inner > span > a:hover{
    color: #ddd;
}

/* 전체동의 이미지 변환 */
/* .regist_agree_check input[type="checkbox"] {
    width:100%;
    overflow: hidden;
    font-size:1.4rem;
    padding-left:24px;
    background: url("../images/common/check.svg") no-repeat 0 1px / contain;
    cursor:pointer;
}

.regist_agree_check input[type='checkbox']:checked {
    background: url("../images/common/all_chk.svg") no-repeat 0 1px / contain;
    cursor:pointer;
}

.regist_agree_check input[type="checkbox"] {
    display: none;
}

.agree_list_inner label input[type="checkbox"] {
    display:inline-block;
    font-size:1.4rem;
    padding-left:24px;
    background: url("../images/common/check.svg") no-repeat 0 1px / 18px;
    cursor:pointer;
}

.agree_list_inner label input[type='checkbox']:checked {
    background: url("../images/common/all_chk.svg") no-repeat 0 1px / 18px;
    cursor:pointer;
}

.agree_list_inner input[type="checkbox"] {display: none;} */



/*-------------------------------------------------------------
registration_step2.html (이용약관 텍스트 페이지)
-------------------------------------------------------------*/
.regist_certify > p{
    font-size: 1.3rem;
    line-height: 1.7rem;
    /* margin-bottom: 6px; */
}

.regist_certify_txt{
    font-size: 1.2rem;
    padding: 10px 4%;
    border-top: 1px solid #ddd;
}

.regist_certify_txt > p{
    line-height: 1.7rem;
}

.phone_certify_btn{
    width: 68%;
    margin: 0 auto;
}

.phone_certify_btn > button{
    margin-top: 120px;
    background-color: #191c32;
    color:#fff;
    font-weight:600;
}



/*-------------------------------------------------------------
registration_step3.html (정보입력 페이지)
-------------------------------------------------------------*/
.regist_step3_box .regist_input{
    position: relative;
    width: 100%;
    height: auto;
    /* background-color: beige; */
}

/* .regist_step3_box .regist_input .input_alret_txt{
    display: none;

    position: absolute;
    left: 5px;
    bottom: -12px;
    width: 100%;
    height: 12px;
} */

.input_alret_txt{
    /* display: none; */

    position: absolute;
    left: 5px;
    bottom: -14px;
    width: 100%;
    height: 12px;
}

.regist_step3_box .regist_input p{
    font-size: 1.3rem;
}

.regist_step3_box .regist_input input{
    padding-left: 5px;
}

.regist_input .regi_radio_check{
    display: flex;
}

.regist_input .regi_radio_check li{
    width: 26%;
    height: 38px;
    font-size: 1.3rem;
}

.regist_input .regi_radio_check li input[type="radio"]{
    margin-right: 10px;
}



/*-------------------------------------------------------------
agree1.html (이용약관 텍스트 페이지)
-------------------------------------------------------------*/
.wbox.agree_wrap{
    padding-top: 96px;
}

.agree_tab_box{
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 767px;
    height: 36px;
}

.agree_tab_box .agree_tab_btn{
    /* display: flex; */
    width: 100%;
    height: 100%;
}

.agree_tab_box .agree_tab_btn .agree_tab{
    display: flex;
    align-items: center;
    justify-content: center;

    float: left;
    width: 50%;
    height: 100%;
    background-color: #fff;

    font-size: 1.4rem;
}

.agree_tab.agree_tab_active{
    color: #DF3131;
    border-bottom: 2px solid #DF3131;
}

.agree_section{
    width: 100%;
    padding: 16px 4% 0 4%;
}

.regist_agree_info h3{
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 40px;
}

.regist_agree_info .agree_box{
    width: 100%;
}

.agree_box .agree_inner{
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 30px;
}

.agree_inner .agree_title{
    margin-bottom: 16px;
    font-weight:  700;
    color: #565656;
}

.agree_inner .agree_subTit{
    margin-bottom: 10px;
    font-size: 1.25rem;
    color: #666;
}

.agree_txt{
    margin-bottom: 20px;
    font-size: 1.2rem;
    color: #666;
}

.agree_txt > p{
    line-height: 2rem;
    margin-bottom: 10px;
}

/* 약관 내용 순서 리스트 관련 */
.agree_inner .agree_txt_list{
    font-size: 1.2rem;
    color: #666;

    /* 1. ~ 순서 매기기 css */
    counter-reset: subChapter 0;
}

.agree_inner .agree_txt_list > li{
    line-height: 2rem;
    margin-bottom: 8px;
}

.agree_inner .agree_txt_list > li:last-child{
    margin-bottom: 0;
}

/* 1. ~ 순서 매기기 css */
.agree_inner .agree_txt_list > li::before{
    counter-increment: subChapter;
    content: counter(subChapter, upper-number) ". ";
}

/* 리스트 내 서브리스트 관련 */
.agree_txt_list .agree_sub_list li{
    padding-left: 6px;
}

.agree_txt_list .agree_sub_list li::before{
    content: '- ';
}



/*-------------------------------------------------------------
point.html (포인트내역 페이지)
-------------------------------------------------------------*/
.wbox.point_wbox{
    padding-top: 100px;
}

.point_list{
    width: 100%;
}

.point_list > li{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */

    width: 100%;
    padding: 10px 2%;
    border-bottom: 1px solid #ddd;
}

.point_list .point_use_cont{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* width: 74%; */
    /* height: 100%; */
}

.point_list .point_use_cont .point_use_cap{
    font-size: 1.2rem;
}

.point_list .point_use_cont .point_use_time{
    font-size: 1.05rem;
    color: #666;
    margin-top: 4px;
}

/* .point_list .point_charge_cont{
    width: 20%;
} */

.point_charge_cont .point_charge_list{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
    height: 100%;
}

.point_charge_cont .point_charge_list .point_cash{
    font-size: 1.4rem;
    font-weight: bold;
}

.point_charge_cont .point_charge_list .point_charge_txt{
    color: #666;
    font-size: 1.05rem;
}

.point_use{
    color: #DF3131;
}



/*-------------------------------------------------------------
my_infomation_edit.html (포인트내역 페이지)
-------------------------------------------------------------*/
.unregist_box{
    width: 100%;
    border-top: 1px solid #ddd;
}

.unregist_box p{
    font-size: 1.2rem;
    padding: 15px 0;
    color: #666;
    line-height: 1.8rem;
}

.unregist_box .unregist_btn{
    width: 80%;
    margin: 0 auto;
}

.unregist_box .unregist_btn button{
    background-color: #ddd;
    color: #666;
}


/*-------------------------------------------------------------
my_infomation_edit.html (포인트내역 페이지)
-------------------------------------------------------------*/
.mypage .my_id{
    padding: 20px 2%;
    border-bottom: 1px solid #ddd;
}

.mypage .my_id > p{
    font-size: 1.8rem;
    font-weight: 700;
}

.mypage_list_btn{
    width: 100%;
}

.mypage_list_btn li{
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ddd;
    padding: 0 2%;

    font-size: 1.4rem;
}


.mypage_list_btn li:last-child{
    border-bottom: 0;
}


/*-------------------------------------------------------------
delivery_detail.html (배송상세 페이지)
-------------------------------------------------------------*/
.deli_detailBox{
    width: 100%;
    padding: 0 2%;
}

.delivery_apply_date{
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 100%;
    padding: 10px 0;
}

.delivery_apply_date .deli_appl_date{
    font-size: 1.5rem;
    font-weight: 700;
}

.delivery_apply_date .deli_numb{
    font-size: 1.2rem;
}

.delivery_apply_date .deli_numb > span{
    text-decoration: underline;
}

.deli_detail_contBox{
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
}

.deli_cont_title{
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.deli_detail_inner{
    width: 100%;
    font-size: 1.3rem;
}

.deli_detail_inner .detail_inner_top{
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.deli_detail_inner p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.deli_detail_inner .detail_innder_bottom{
    padding-top: 10px;
}

.deli_detail_inner .detail_innder_bottom > p:last-child{
    margin-bottom: 0;
}

.deli_detail_btnBox{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 16px 0;
}

.deli_detail_btnBox .deli_detail_btn{
    width: 48%;
}


/*-------------------------------------------------------------
product_review.html (상품후기작성 페이지)
-------------------------------------------------------------*/
.pd_after_review_cont{
    width: 100%;
}

.pd_after_review_cont .after_review_txt textarea{
    width: 100%;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 14px;
    padding: 6px;
}

.after_review_imgAdd{
    width: 100%;
}

.after_review_imgAdd p{
    font-size: 1.2rem;
}

.after_review_imgAdd .review_imgAdd_list{
    display: flex;
    width: 100%;
}

.review_imgAdd_list li{
    position: relative;
    width: 32%;
    padding-bottom: 32%;
    margin-right: 2%;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
}

.review_imgAdd_list li:last-child{
    margin-right: 0;
}

/* .review_imgAdd_list li::after{
    content: '';
    display: block;
    padding-bottom: 100%;
} */

.review_imgAdd_list li img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    z-index: 10;
}

.review_imgAdd_list li span{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;

    width: 40px;
    height: 40px;
}

.review_imgAdd_list li span button, .review_imgAdd_list li span button img{
    width: 100%;
}

.review_imgAdd_list li span.del_photo_icon{
    display: block;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    transform: translate(0);
    z-index: 20;

    width: 40px;
    height: 40px;
}

.review_imgAdd_list li .del_photo_icon button, .review_imgAdd_list li .del_photo_icon button img{
    width: 100%;
}

/* 21.10.07 추가 :pyo */

.inven_right_txt {
  justify-content: space-between;
  width:calc(100% - 4px);
  color:gray;
}

/* 2021.10.21 NJH: box_purchase.html 결제수단 radio & 보유중인 분해포인.*/
.purchase_howBtn {
  display: flex;
  align-items: center;
}
.purchase_howBtn input {
  display: none;
}
.purchase_howBtn label {
  width: 100%;
  padding: 5px 10px;
  text-align: center;
  border-radius: 10px;
  font-size: 1.4rem;
  color: #df3131;
  border: 1px solid #df3131;
}
.purchase_howBtn input[type="radio"]:checked + label {
  background: #df3131;
  color: white;
}
.holding_point {font-size:1.4rem;}
/* 2021.10.25 NJH: payment_complete.html */
#appCapsule {
  width: 100%;
  max-width: 767px;
  margin: 0 auto;
  padding: 0;
}

.bg_box {
  width: 100%;
  padding: 20px 0 30px;
  border-radius: 10px;
  background: #df3131;
}
.thanks {
  text-align: center;
  font-size: 2.4rem;
  color: #fff;
}
.com_wrap {
  width: 100%;
  max-width: 767px;
  margin: 0 auto;
}

.but_back {
  padding: 8px 30px;
  margin-right: 10px;
  background: #df3131;
  color: #fff;
  border-radius: 10px;
  border: none;
  font-size: 18px;
  outline: none !important;
}
.but_back.inventory {
  margin-right: 0;
}

.com_wrap02 {
  font-size: 16px;
  position: relative;
  top: -10px;
  margin-bottom: 20px;
  border: 1px solid #ededed;
  border-radius: 10px;
  background-color: #fff;
}

.com_wrap h2 {
  font-size: 24px;
}

.com_text {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 14px;
  text-align: center;
}

.m_colc {
  color: #0069d9;
}

.m_colc02 {
  color: #c82333;
  font-size: 18px;
}

.line {
  height: 1px;
  border: 1px dotted #ededed;
}

.payment_01 {
  margin-top: 24px;
  display: flex;
  padding-left: 30px;
  padding-right: 30px;
  justify-content: space-between;
}

.payment_02,
.payment_03,
.payment_04,
.payment_05,
.payment_06 {
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 12px;
}

.payment_03,
.payment_06 {
  margin-bottom: 24px;
}

.comp_button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .bg_box {
    width: calc(100% - 40px);
    margin: 0 20px;
  }
  .com_wrap {
    width: calc(100% - 40px);
    margin: 0 20px;
  }

  .payment_01,
  .payment_02,
  .payment_03,
  .payment_04,
  .payment_05,
  .payment_06 {
    padding-left: 26px;
    padding-right: 26px;
  }
}

@media screen and (max-width: 375px) {
  .payment_01 p,
  .payment_02 p,
  .payment_03 p,
  .payment_04 p,
  .payment_05 p,
  .payment_06 p {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 320px) {
  .thanks {font-size:1.8rem;}
  .payment_01 p,
  .payment_02 p,
  .payment_03 p,
  .payment_04 p,
  .payment_05 p,
  .payment_06 p {
    font-size: 1.4rem;
  }

  .m_colc02 {
    font-size: 1.8rem !important;
  }

  .com_wrap h2 {
    font-size: 1.8rem;
  }

  .payment_01,
  .payment_02,
  .payment_03,
  .payment_04,
  .payment_05,
  .payment_06 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 567px) {
  .pop_btn_box {
    font-size: 1.2rem;
  }
  .inactive_allday {
    letter-spacing: -1.5px;
  }
}
@media (max-width: 499px) {
  .pop_container {
    width: 80%;
  }
  .pop_btn_box {
    padding: 8px 10px;
  }
  .product_view img {
    max-height: 300px;
  }
}