
*{margin:0;	padding:0; list-style: none;box-sizing: border-box; /* width:1400px; *//* margin:0 auto; */list-style: none;}
body{font-size:16px}
.inner{width:100%; max-width: 1200px;margin:0 auto;}
button{cursor: pointer;}
.interested_items h5 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px;
}
.list_in .no_list_text {
    padding: 60px 0;
    text-align: center;
    border-bottom:1px solid #ddd;
    color:#888;
}

/* 탭 */

.shopping_tabSet{
	margin-bottom:30px; padding:100px 0;
}
.shopping_tabSet ul.shopping_tabs {
	padding:20px 20px 0;display: flex;
    justify-content: center;    border-bottom: 1px solid #000;
}
.shopping_tabSet ul.shopping_tabs  li{
		padding:0 2px 0 0; width:50%;transform: translateY(1px);
	}
.shopping_tabSet ul.shopping_tabs li a{
    color: #000; background: #fff; display: block; font-weight: normal;
    font-size:1rem; text-decoration: none; text-align: center; padding: 15px;
		}
.shopping_tabSet ul.shopping_tabs li a.on{ font-weight: bold;
    background: #fff; cursor: default; color: #000;
    border-top:1px solid #000;
    border-right:1px solid #000;
    border-left:1px solid #000
		}
.shopping_panels{
	background:#fff;
	min-height:180px;
}
/* .mo_ver .in_body{ border-top:1px solid #ddd} */
.in_body{/*  border-top:1px solid #888; */border-bottom:1px solid #888}


.shopping_basket .listsec07{width:100% !important; }

.shopping_panels h5{font-size:1.8rem;     text-align: left; margin-bottom: 0px;padding-bottom:15px; font-weight: 600;border-bottom:2px solid #000;color:#000}

.mo_pc_ver .shopping_panels h5{ margin-bottom: 0px !important;}
/* .shopping_basket .table_head{color: #fff;
    padding: 10px 0;    background: #000;}  */

/* .list_in{border-top:1px solid #000;border-bottom:1px solid #000} */




.interested_items .in_body .table_body{display: flex;align-items: center;text-align: center; border-bottom:1px solid #ddd}
.order_inquiry .shipping_but > div{margin-top:5px;}
.order_inquiry .shipping_but button{border:1px solid #bbb; border-radius: 5px;padding:3px 10px;}





/* 배송주소록관리 */
.address .shopping_basket .listsec01{width:5%;}
.address .shopping_basket .listsec02{justify-content: center;}
.address .shopping_basket .listsec02 p{padding-left:0}
.address .shopping_basket .listsec03{width:15%;}
.address .shopping_basket .listsec04{width:20%;}
.address .shopping_basket .listsec05{width:45%;}
.address .shopping_basket .select_but > div:last-child .button button {padding: 10px 40px; background-color: #000; color:#fff; border-color: #000;}
.address .shopping_basket .select_but .button:first-child button{border: 1px solid #888;
background-color:transparent;
color: #000;
}
.mypage.address .list_in .table_body li {text-align: center;}




/* 장바구니  */

.shopping_basket .table.style01 {border:none;}
.shopping_basket .table.style01 .head_table{background: transparent;border-bottom:2px solid #16284d;}

.shopping_basket .body_table .d-block{width: 50px;;}
.shopping_basket .body_table .thumbnail{width: 200px;position: relative;padding-bottom: 15%;;}
.shopping_basket .body_table .thumbnail img{position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;height: 100%;width: 100%;;}
.shopping_basket .body_table .textbox{width: calc(100% - 250px);padding-left: 20px;text-align: left;}
.shopping_basket .textbox .tit{font-size: 1.25rem;font-weight: 600;}
.shopping_basket .textbox .point{display: flex;align-items: center;}
.shopping_basket .textbox .point em{background: #e03434;color: #fff;font-size: 0.9rem;width: 20px;height: 20px;;justify-content: center;align-items: center;margin-right: 4px;;border-radius: 2px;display: flex;}

.shopping_basket .point_delivery{display: flex;}
.shopping_basket .point_delivery p + p{margin-left: 10px;padding-left: 10px;position: relative;;;}
.shopping_basket .point_delivery p + p::before{content:'';display: block;width: 1px;height: 14px;background: #ddd;position: absolute;left:0;top:50%;transform: translateY(-50%);}

.shopping_basket .point_total_price {display: flex;justify-content: space-between;align-items: center;;}

.shopping_basket .textbox .total_price{font-size: 1.25rem;font-weight: 600;display: flex;justify-content: space-between;}
.shopping_basket .textbox .total_price em{font-size: 1rem;font-weight: inherit;}
.shopping_basket .textbox .total_price span{font-weight: inherit;}


/* 배송 주소록 관리 */
.address_table .table.style01 ul.body_table li > div{display: block;text-align: left;position: relative;}
.address_table .nickname{font-size: 1.25rem;font-weight: 600;margin:10px 0 5px;    display: flex;    align-items: center;}
.address_table .nickname span{color: #16284d;border:1px solid #16284d;font-size: 0.9rem;padding:2px 6px;border-radius: 2px;margin-right: 10px;}
.address_table .table.style01 .body_table  .d-block{ width: auto;;   justify-content: flex-start;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.address_table .table.style01 .body_table  .d-block label{margin: 0;}
.address_table .nickname,
.address_table .table.style01 .add_info{padding-left: 40px;}
.address_table .table.style01 .add_info div span{margin-right: 10px;;}
 
.sec_in02{/* display: flex;  */margin-top:100px;position:relative;display: flex;align-items: center;background: #f5f5f5; padding:20px ;justify-content: center;}
.sec_in02 > div{display: flex;justify-content: center;align-items: center;font-weight: 600;}
.sec_in02 > div p{font-weight: inherit;}
.sec_in02 p span {font-weight: inherit;}
.sec_in02 > div:nth-child(3){border-right:none}
.sec_in02 span.monny_span02{color:#e03434;}



.sec_in02 .sec02_arr{position:absolute;width:100%;top: 50%;    transform: translateY(-50%);}


.sec_in02 strong{  font-size:30px;font-weight: 500;width:50px;    text-align: center;color: #888;}
.sec_in02 .tit{margin-right: 20px;}



/* .sec_in03  */
.sec_in03{margin-top:60px; width:100%; text-align: center;display: flex;justify-content: center;
}
.sec_in03 .button button{padding:20px 80px; margin-right:10px; background: #000; color:#fff;border:none;font-size:1.25rem;}
.sec_in03 .button:first-child button{background-color: #000;}
.sec_in03 .button:last-child button{background-color: #e03434}






.gift_list .d-block{position:relative}
.gift_list .d-block span{cursor: pointer;position: absolute;lefT: 22px;width: 130%;top: -2px;} 

/* 관심상품 */

.interested_items.shopping_basket .table_body .listsec07 button{color:#888;width: 90%;border:1px solid #888; padding:10px 10px; font-size:12px;}
.interested_items.shopping_basket .select_but > div:first-child button{background-color: #000; color:#fff;border-color:#000}



/* 이벤트 정보 */
.payment .listsec07 .gift_incon{ width:100%;}
.payment .listsec07 .gift_incon > div{width:100%;}
.payment .listsec07 .pd-sle-con{display: flex;align-items: center;}
.payment .listsec07 .pd-sle-con dt{width:150px;}
.payment .listsec07 .pd-sle-con dd{width:calc(100% - 150px);}
.payment .listsec07 > div:first-child{width:150px; }
.payment .listsec07 .gift_title{width:calc(100% - 150px);font-size:1rem}
.payment .listsec07 .gift_title select{width:100%; background-color: transparent; border:1px solid #ddd; outline: 0;padding:10px;;}

.payment .listsec07 .gift_title dl{margin-bottom:10px;}
.payment .listsec07 .gift_select .selec_01{display: flex; background-color: #f5f5f5;font-size:15px; padding:10px ;}
.payment .listsec07 .gift_select .selec_01 p::before{content: '/';margin-right:5px;}
.payment .listsec07 .gift_select .selec_01 p:first-child::before{display: none;}
.payment .listsec07 .gift_select .selec_01 p:nth-child(2)::before{display: none;}
/* .payment .listsec07 .gift_select .gift_se{font-weight: 500;} */
.shop_event .list_in{border-bottom:1px solid #bbb; }
.shop_event .list_in:last-child{border-bottom:none }
 /* ********************************************* *
 * 1400px max
 * ********************************************* */
 @media (max-width:1400px){
    .sec_in02 .sec02_arr .puls {left: 31%;}
    .sec_in02 .sec02_arr .result {left: 64.2%;}


}

 /* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){

    .shopping_panels h5{ margin-bottom: 20px;}


    .pc_ver .shopping_basket .select_sec .select01 {padding: 15px 15px;}


    .sec_in02 .sec02_arr .puls {left: 30.5%;}
    .sec_in02 .sec02_arr .result {left: 63.7%;}





  
}

 /* ********************************************* *
 * 960px max
 * ********************************************* */
 @media (max-width:960px){
    .shopping_basket .listsec05 {
        width: 20%;
    }
    
    .sec_in02 .sec02_arr .puls {left: 30%;}
    .sec_in02 .sec02_arr .result {left: 63.3%;}

    .payment .listsec07 .pd-sle-con dt {width: 100px;}
    .payment .listsec07 .pd-sle-con dd {width: calc(100% - 100px); }
}
/* ********************************************* *
* 840px max
* ********************************************* */
@media (max-width:840px){
   .sec_in02 .sec02_arr .puls { width: 40px;  height: 40px;}
   .sec_in02 .sec02_arr .result{ width: 40px;  height: 40px;}
   .sec_in02 .sec02_arr .puls::before{height: 15px;}
   .sec_in02 .sec02_arr .puls::after{width: 15px;}
   .sec_in02 .sec02_arr .result::before{width: 15px;}
   .sec_in02 .sec02_arr .result::after{width: 15px;}

   
   .sec_in02 .sec02_arr .puls {left: 30.6%;}
   .sec_in02 .sec02_arr .result {left: 64%;}




}




/* ********************************************* *
* 768px max
* ********************************************* */
@media (max-width:768px){
    .shopping_panels h5 { font-size: 1.5rem;}

    .interested_items.shopping_basket .listsec07{width: 100px!important;}



    .mypage .interested_items  .list_in .in_body_table{border:none;padding:0;}
    .interested_items .in_body .table_body {flex-direction: column;}
    .interested_items .in_body .table_head {display: none;}
    .mypage .interested_items .list_in .table_body li{padding:0;width:90%; text-align: left;padding-left:150px;}
    .shopping_basket.interested_items .table_body .listsec02{position:relative;margin-bottom: 10px;}
    .shopping_basket.interested_items .table_body .listsec02 p{font-size:1.25rem;}
    .shopping_basket.interested_items .table_body .listsec02 >div:first-child i{position:absolute; left:0; top:-21px;}
    .shopping_basket.interested_items .table_body .listsec02 p:first-child{padding-left:0;}

    .interested_items.shopping_basket .listsec03{content: '배송구분';margin-right:5px; display:none;}
    .interested_items.shopping_basket .listsec05{content: '적립예정 포인트';margin-right:5px; display:none;;}

    .interested_items.shopping_basket .listsec04{margin-bottom:2px;font-size:14px; color:#888}
    .interested_items.shopping_basket .listsec06{margin-bottom:2px;font-size:14px; color:#888}
    .interested_items.shopping_basket .listsec04::before{content: '적립금 : ';  /* color:#fff;background-color: #e03434; */}
    .interested_items.shopping_basket .listsec06::before{content: '주문금액 : '; /* color:#fff;background-color: #000; */}


    /* .interested_items.shopping_basket .listsec01{position:relative;} */
    .interested_items .in_body .table_body{padding:30px 0; position:relative}

    .interested_items.shopping_basket .listsec01 .d-block{position:absolute;right:0;top:20px;}
    .interested_items.shopping_basket .listsec07{position:absolute; right:0;bottom:20px; padding-left:0 !important;}
    .interested_items.shopping_basket .table_body .listsec07 button {padding: 7px 10px;}



   


}

/* ********************************************* *
* 640px max
* ********************************************* */
@media (max-width:640px){

    .sec_in02 .sec02_arr .result {left: 63%;}
    .sec_in02 .sec02_arr .puls { left: 29.5%;}
    .sec_in03 .button{width:50%;    height: 100%;}
    .sec_in03 .button:first-child{margin-right:10px;}
    .sec_in03 .button button{padding: 15px 0; width:100%; font-size: 1.05rem;height:52px;}
    .mo_ver .shopping_basket .table_body .listsec02 i {
        height: 150px;
    }

    .shopping_tabSet {padding: 50px 0;}
    .payment .listsec07 .pd-sle-con dt {width: 80px}
    .payment .listsec07 .pd-sle-con dd {width: calc(100% - 80px);}


    .shopping_basket .table_body .listsec02 {padding:15px 0; }
    .mypage.address .list_in .table_body li {text-align: left; font-size:13px;}
    .shopping_basket .table_body .listsec02 p:first-child{padding-left:0;}
    .mypage.address .list_in .table_body{position:relative}
    .mypage.address .list_in .table_body li.listsec01{position:absolute;top:0;right:0;    width: auto;}
    .mypage.address .list_in .table_body li.listsec02 p{font-size:1.25rem;}
    .mypage.address .list_in .table_body li.listsec03::before{content:'성함'; margin-right:5px;font-weight: 600;}
    .mypage.address .list_in .table_body li.listsec04::before{content:'전화번호';margin-right:5px; font-weight: 600;}
    .mypage.address .list_in .table_body li.listsec05::before{content:'주소';margin-right:5px; font-weight: 600;}

    .shopping_basket .table_head{display: none !important;}
    .pc_ver .shopping_basket .select_sec .select > div p{font-size:14px;color:#666}


    
    .sec_in02 .puls{  font-size:30px;font-weight: 300;width:30px;}
    .sec_in02 .result{ font-size:30px;font-weight: 300;width:30px;}
    





.shopping_basket .body_table .thumbnail{width: 150px;;}
.shopping_basket .body_table .textbox{width: calc(100% - 200px);}


.sec_in02{display: block;}
.sec_in02 > div{width: 100%;justify-content: space-between;}
.sec_in02 strong{display: none;}
.sec_in02 .amount_payment{margin-top: 10px;padding-top: 10px;border-top:1px solid #ddd;;;}
.sec_in02 .amount_payment .monny span{font-size: 1.25rem;}


}
/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){
    .sec_in02 .sec02_arr .puls { width: 35px;  height: 35px;}
    .sec_in02 .sec02_arr .result{ width: 35px;  height: 35px;}

    .sec_in02 .sec02_arr .result {left: 62.7%;}
    .sec_in02 .sec02_arr .puls { left: 29.2%;}
    .sec_in02 span.monny_span02 {font-size: 1.3em;}
    .sec_in02 span.monny_span{font-size: 1.3em;}
    .sec_in02 P.monny{margin-top:0;}


    .shopping_basket.interested_items .table_body .listsec02 >div:first-child i{width:100px; height:100px;top: -3px;}
    .mypage .interested_items .list_in .table_body li {padding-left: 120px;}
    .shopping_basket.interested_items .table_body .listsec02 p {font-size: 1.125rem; }
    .mypage .interested_items .list_in .table_body { padding: 20px 0 !important;}


    .shopping_basket .select_but {height: 33px;}
    .address .shopping_basket .select_but > div:last-child .button button {padding: 0 15px;height:100%;}

    .shopping_basket .body_table .d-block{    width: 30px}
.shopping_basket .body_table .thumbnail{width: 100px;;}
.shopping_basket .body_table .textbox{width: calc(100% - 130px);}


.shopping_basket .textbox .point em {font-size: 0.85rem;width: 16px; height: 17px;}

.shopping_basket .body_table .d-block{position: absolute;top:20px;left:0;}
.shopping_basket .body_table .textbox{width: calc(100% - 100px);}


}
/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){
    .shopping_tabSet.mo_pc_ver .shopping_basket .table_body .listsec02{padding-left:120px; padding-bottom:0; padding-top:0;;}

    /* .mo_ver .shopping_basket .listsec06 > div:last-child {
        display: inherit;} */

        .shopping_tabSet ul.shopping_tabs { padding: 20px 10px 0;}
        .shopping_tabSet ul.shopping_tabs li a {padding: 10px;}
        .shopping_basket .select_but .button button {font-size: 13px;}
        /* .shopping_basket .select_but > div:last-child{display: none;} */



        .payment .listsec07 > div:first-child {width: 110px;}
        .payment .listsec07 .gift_title {width: calc(100% - 110px);}


        /* .gift_select{position:absolute;bottom:10px;left:0;width: 100%;} */
        .payment .listsec07 .gift_title select {padding: 5px;}
        .payment .listsec07 .gift_incon {margin-top: 5px; }

        .payment .listsec07 .gift_title dl{ display: flex;
    flex-direction: column;
    align-items: flex-start;}
    .payment .listsec07 .pd-sle-con dd {
        width: 100%;
    }
        .shopping_basket .table_body .listsec02{position:relative;padding-bottom:65px;}


        .mypage .interested_items .list_in .table_body {padding: 13px 0 65px !important}

        .interested_items.shopping_basket .listsec07 {width: 100% !important;}
        .interested_items.shopping_basket .table_body .listsec07 button{width:100%;}
        .interested_items.shopping_basket .listsec01 .d-block {top: 12px; }
        .interested_items.shopping_basket .listsec07 {bottom: 10px;} 


            
.shopping_tabSet .sec_in02 > div .tit{font-size:0.7rem}

.shopping_basket .table.style01 li {padding: 10px 0px;}
.shopping_basket .table.style01 button{padding:0;border:none;margin-left: 10px;}

.interested_items.shopping_basket .body_table li{padding-top:50px ;}

}


/* ********************************************* *
* 330px max
* ********************************************* */
@media (max-width:330px){

   .shopping_basket .table.style01 ul.body_table li > div{display: block;}
   .shopping_basket .body_table .d-block{position: initial;}
   .shopping_basket .body_table .thumbnail{width: 100%;margin:10px 0;}
   .shopping_basket .body_table .textbox{width: 100%;padding-left:0;}

   
.interested_items.shopping_basket .body_table li{padding-top:10px ;}
}
