@font-face {
    font-family: 'NanumSquareRound';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquareRoundL.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareRound';
    font-weight: 400; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquareRoundR.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareRound';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquareRoundB.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareRound';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquareRoundEB.woff2) format('woff2');
    font-display: swap;
}


*{margin:0;	padding:0; list-style: none;box-sizing: border-box; /* width:1400px; *//* margin:0 auto; */list-style: none;}
body{font-size:16px; font-family: 'NanumSquareRound';}
.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 #eee;
    color:#888;
}

/* 탭 */

.shopping_tabSet{
	margin-bottom:30px; padding:100px 0; font-family: 'NanumSquareRound';
}
.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;
}
.panel02{
	/* padding:80px 30px; */
	font-size:14px;
	color:#4d4d4d;
    display:none;
}

.mo_panels .panel02{padding: 0;}

/* .mo_ver .in_body{ border-top:1px solid #ddd} */
.in_body{/*  border-top:1px solid #888; */ font-family: 'NanumSquareRound';}

 .listsec07{width:100% !important; }

.shopping_panels h5{font-size:30px; text-align:center; margin-bottom: 0px; padding-bottom:40px; font-weight:800; border-bottom:2px solid  #ddd; color:#444; font-family: 'NanumSquareRound';}

.mo_pc_ver .shopping_panels h5{ margin-bottom: 0px !important;}
 .in_body ul{justify-content: space-between;display: flex;align-items: center;text-align: center;position: relative;}
 .table_head{padding:10px 0; border-bottom:1px solid #eee; color: #444; }
 .table_head li{font-weight: 500;}
 .listsec01{width: 5%;}
 .listsec02{width: 45%;}
 .listsec03{width: 20%;}
 .listsec04{width: 13%;font-family: 'NanumSquareRound', 'Rubik','Noto Sans KR', sans-serif;}
 .listsec05{width: 15%;font-family: 'NanumSquareRound', 'Rubik','Noto Sans KR', sans-serif;}
 .listsec06{width: 13%;font-family: 'NanumSquareRound', 'Rubik','Noto Sans KR', sans-serif;}
 .listsec06 p{font-family: 'NanumSquareRound', 'Rubik','Noto Sans KR', sans-serif;}
/*  .table_head{color: #fff;
    padding: 10px 0;    background: #000;}  */


    /* .shop_event{margin-top: 50px;} */
    .shop_event h6{ font-size: 1.25rem;font-weight: 600;padding-bottom: 15px;}
    .shop_event .listsec03{width: 25%;}
 .table_body .listsec02{display: flex;align-items: center; text-align: left; padding:15px 0;font-size: 1.125rem;} 
 .table_body .listsec02 p{font-size:1rem;}
 .table_body .listsec02 p:first-child{margin-right:3px;padding-left: 15px; }
 .table_body .listsec02 >div:first-child  i{width: 146px; display: block;height: 130px;border-radius: 10px; overflow: hidden;position:relative;z-index: 99;padding:15px; border: 1px solid #eee;}
 .table_body .listsec02 >div:first-child  i img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
/*  .table_body .listsec02 >div:first-child  i::after{content:''; display: block;z-index: -1;width:100%; height:100%; background-color: #f5f5f5; position:absolute;top:0;left:0;} */

/* .list_in{border-top:1px solid #000;border-bottom:1px solid #000} */

.yes_list .in_body_table01.in_body_table{border-bottom: 1px solid #eee; margin: 10px 0;}



.interested_items .in_body .table_body{display: flex;align-items: center;text-align: center; border-bottom:1px solid #ddd}
.interested_items .in_body .table_body:last-child{border-bottom: 0;}
.order_inquiry .shipping_but > div{margin-top:5px;}
.order_inquiry .shipping_but button{border:1px solid #bbb; border-radius: 5px;padding:3px 10px;}





/* 배송주소록관리 */
.address .address_wrap  .listsec01{width:5%;}
.address .address_wrap .listsec02{justify-content: center;}
.address .address_wrap .listsec02 p{padding-left:0}
.address .address_wrap .listsec03{width:15%;}
.address .address_wrap .listsec04{width:20%;}
.address .address_wrap .listsec05{width:45%;}
.address .address_wrap .select_but > div:last-child .button button {padding: 10px 40px; background-color:  #F49422; color:#fff; border-color:  #F49422; font-family: 'NanumSquareRound'; font-size: 15px;}
.address  .select_but .button:first-child button{border: 1px solid #F49422; background-color:#fff; color: #F49422; font-family: 'NanumSquareRound'; font-size: 15px;}
.mypage.address .list_in .table_body li {text-align: center;}
/* mo_ver */
.mo_ver  .in_body_table > ul{justify-content: flex-start;display: flex;align-items: center;text-align: center;}
.mo_ver  .in_body_table > ul:last-child{padding:20px 0;}


/* .mo_ver  .in_body_table > ul:last-child li{width:33.3% } */
/* .interested_items .mo_ver  .in_body_table > ul:last-child li{width:25px; } */


.mo_ver  .in_body_table > ul:last-child li .price_point{font-size:1.25rem; font-weight: bold;}

.mo_ver  .listsec01{width: 5%;}
.mo_ver  .listsec02{width: 20%;}
.payment02_mo.mo_ver  .listsec02{width: 130px;}
.payment02_mo.mo_ver  .listsec06{width:calc(100% - 130px);padding-left:20px;}
.mo_ver  .listsec03{width: 13%;}
.mo_ver  .listsec04{width: 13%;}
.mo_ver  .listsec05{width: 13%;}
.mo_ver  .listsec06{width: 40%;text-align: left;}
.mo_ver  .listsec06 > div:last-child{ display: flex;align-items: center;}
.mo_ver  .mo_ver_title{font-size:1.125rem}
.mo_ver  .mo_ver_price01{font-size:1rem; color:#bbb;margin-right:10px; position:relative}
.mo_ver  .mo_ver_price01::before{content:'';display: block; width:60px; height:1px; background: #bbb; position:absolute; top:50%; left:-2px;}
.mo_ver  .mo_ver_price02{font-size:1.4rem; font-weight: 500;}
.mo_ver  .table_head{color: #444;
    padding: 15px 0;border-top: 1px solid #ccc;
    border-bottom: 1px solid #ddd;} 
.mo_ver  .table_body .listsec02{display: flex;align-items: center; text-align: left; padding:20px 0;font-size: 1.125rem;}


.mo_ver  .table_body .listsec02 > div{}
.mo_ver  .table_body .listsec02 p{padding-left:20px;}
.mo_ver  .table_body .listsec02 i{width: 100%; display: block;height: 270px;position:relative;z-index: 99; padding: 0;}
.mo_ver  .table_body .listsec02 i img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); padding:0}
.mo_ver  .table_body .listsec02 i::after{content:''; display: block;z-index: -1;width:100%; height:100%; background-color: #f5f5f5; position:absolute;top:0;left:0;}
.mo_ver{position:relative}
.mo_ver .close{position:absolute; top:10px; right:10px}
.mo_ver .close i.fa{font-size:1.25rem}


.mo_ver  .select_sec{display: block;margin-bottom:20px;}
.mo_ver  .select_sec .select01{display: flex;justify-content: space-between; background-color: #f5f5F5; padding:15px ;width:92%; margin-bottom:10px;margin-left:auto}
.mo_ver  .select_sec .select02{display: flex;}
.mo_ver  .select_sec .select02 > div{width:50%;}
.mo_ver  .select_sec .select02 > div:first-child{margin-right:15px}
.mo_ver  .select_sec .select02 > div >button{border:1px solid #ddd; width:100%; padding: 12px; border-radius: 8px;}
.mo_ver  .select_sec .select:last-child{padding-bottom: 0;margin-bottom:0px;display: flex;margin-top: 20px; border-top: 1px solid #ddd; padding-top: 20px;}
.mo_ver  .select_sec .select > div{width: 100%;align-items: center;font-size:1rem;  border-radius: 8px; overflow: hidden;}
/*  .in_body{border-bottom:none;} */
.mo_ver  .select_sec .select_in{width:85%; display: flex;} 
.mo_ver  .select_sec .select_in p:first-child{font-weight: 400;}
.mo_ver  .select_sec .select_in p:nth-child(2){padding-left:5px;padding-right:5px;}
.mo_ver  .select_sec .munber{width:7%;text-align: right; /*display: flex;*/justify-content: space-between;} 
/* .mo_ver  .in_body_table01{border-bottom:1px solid #000;} */
.mo_ver  .select_sec .close{width:1%;}
.mo_ver  .munber{border:1px solid #ddd;background-color: #fff;}

.mo_ver  .munber #result{margin:0 10px; font-size: 0.937rem;}

.mo_ver  .munber input{border:none;width: 20px;height: 100%; cursor: pointer;}







.pc_ver .select_sec{display: block;margin-bottom:20px;}
.pc_ver .select_sec .select01{display: flex;justify-content: space-between; background-color: #f8f8f8;padding:20px 30px;width:100%; margin-bottom:10px; border-radius: 16px;}
.pc_ver .select_sec .select:last-child{margin-bottom:0px;display: flex;}
.pc_ver .select_sec .select > div{align-items: center;font-size:1rem; color: #666;}


.pc_ver .select_sec .select_in{width:calc(100% - 95px); display: flex;} 
/* .pc_ver .select_sec .select_in p:first-child{font-weight: bolder;} */
.pc_ver .select_sec .select_in p:nth-child(2){padding-left:6px;padding-right:6px;}
.pc_ver .select_sec .munber{text-align: right; display: flex;justify-content: center;margin-right: 20px;} 
/* .pc_ver  .in_body_table01{border-bottom:1px solid #000;} */
.pc_ver .select_sec .close{width:15px; cursor: pointer;}
/* .pc_ver  .munber{border: 1px solid #999; border-radius: 20px;} */

.pc_ver  .munber #result{margin:0 3px; font-size: 0.937rem; line-height: 1; height: 25px; width:35px; border-radius: 4px; background-color: #fff; display: flex; justify-content: center; align-items: center; border: 1px solid #eee;}

.pc_ver  .munber input{font-size: 20px; background: transparent; color:#fff;border:none; height: 25px; width:25px; border-radius: 4px; background-color: #F49422; display: flex; justify-content: center; align-items: center; cursor: pointer; box-sizing: border-box; line-height: 1; padding-bottom: 6px;}



.pc_ver .payment_top .munber{border:none;background-color: transparent;}

.pc_ver .select_sec .select > div p{font-size:14px;color:#666; font-family: 'NanumSquareRound';}


/* select_but */
 .select_but{margin-top:20px;display: flex;width: auto; justify-content: flex-end;}
 .select_but>div{width:auto;}
 .select_but>div:last-child{margin-left: 8px;}
 .select_but .button button{padding:10px 20px;width:100%;}
 .select_but div button{font-family: 'NanumSquareRound'; font-size: 15px; border:1px solid  #F49422; background-color:  #fff; color: #F49422; border-radius: 20px;}
 /* .select_but div:last-child button{font-family: 'NanumSquareRound'; font-size: 15px; border:1px solid  #F49422; background-color:  #F49422; color:#fff; border-radius: 20px;} */
.shopping_tabSet .sec_in02 > div{display: inline-block;}

.sec_in02{/* display: flex;  */margin-top:60px;position:relative;display: flex;align-items: center; justify-content: space-around; background-color: #f8f8f8; border-radius: 16px;}
.sec_in02 > div{text-align: center; padding:34px 0;font-weight: 500;display: inline-block;margin-left:-4px;}
.sec_in02 > div:nth-child(3){border-right:none}
.sec_in02 span.monny_span{font-size:2.2em; font-weight: bold;font-family: 'Rubik','Noto Sans KR', sans-serif; font-weight: 400;}
.sec_in02 span.monny_span02{font-size:2.2em; color: #F49422;font-weight: bold;font-family: 'Rubik','Noto Sans KR', sans-serif; font-weight: 400;}
.sec_in02 P.monny{margin-top:5px; line-height: 1;}

.sec_in02 .total_payment{width:calc((100% - 140px)/3);}
.sec_in02 .shipping_fee{width:calc((100% - 140px)/3)}
.sec_in02 .amount_payment{width:calc((100% - 140px)/3)}


.sec_in02 .sec02_arr{position:absolute;width:100%;top: 50%;
    transform: translateY(-50%);}


.sec_in02 .puls{  font-size:40px;font-weight: 300;width:50px;}
.sec_in02 .result{ font-size:40px;font-weight: 300;width:50px;}

/* .sec_in02 .sec02_arr .result{width:50px; height:50px; border-radius: 50%; border:1px solid #ddd; background-color: #fff ;position:absolute;top:50%; left:64.5%;transform: translateY(-50%);}
.sec_in02 .sec02_arr .result::after{content:'';display:block; width:20px; height:2px; background: #333; position: absolute;
top: 40%;left: 50%;transform: translate(-50%, -50%);}
.sec_in02 .sec02_arr .result::before{content:'';display:block; width:20px; height:2px; background: #333; position: absolute;
top: 60%;left: 50%;transform: translate(-50%, -50%);} */

/* .sec_in03  */
.sec_in03{margin-top:60px; width:100%; text-align: center;display: flex;justify-content: center;
}
.sec_in03 .button button{padding:22px 70px; margin-right:10px; background: #000; color:#fff;border:none;font-size:1rem; border-radius: 40px;  line-height: 1;}
.sec_in03 .button:first-child button{background-color: #f3f3f3; font-family: 'NanumSquareRound'; color: #333;}
.sec_in03 .button:last-child button{background-color:  #F49422; font-family: 'NanumSquareRound';}






/* 체크박스 디자인 */
.d-block{display: flex; align-items: center;}
.payment_top .d-block{display: flex; align-items: center;justify-content: center;}
.d-block input[type="checkbox"] {display: none;}
.d-block input[type="checkbox"] + label {
		display: inline-block; width:18px; height: 18px; background-color: #eee;
		cursor: pointer; border-radius: 4px; float: left; margin-right:7px;}
.d-block:after {display:block; clear:both; content:"";}
.d-block input[type="checkbox"]:checked + label {
	background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/HANCUE/167517678193298.png) no-repeat center center #F49422; border: 1px solid #F49422;}

.d-block span{cursor: pointer;} 


/* 체크박스 디자인 */
.interested_items .d-block{display: flex; align-items: center;justify-content: center; z-index: 99;}

.d-block{display: flex; align-items: center;justify-content: center;}
.payment_top .d-block{display: flex; align-items: center;justify-content: center;}
.d-block input[type="checkbox"] {display: none;}
.d-block input[type="checkbox"] + label {
		display: inline-block; width:18px; height: 18px;
		cursor: pointer; border-radius: 4px; float:left; margin-right:7px;}
.d-block:after {display:block; clear:both; content:"";}
.d-block input[type="checkbox"]:checked + label {
	background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/HANCUE/167517678193298.png) no-repeat 50% center #F49422;  border: 1px solid #F49422;}

.d-block span{cursor: pointer;} 
.gift_list .d-block{position:relative}
.gift_list .d-block span{cursor: pointer;position: absolute;
    lefT: 22px;
    top: -7px;
} 

.address_book{border:1px solid #bbb; padding:3px 10px 3px 10px !important; border-radius: 15px; font-size:12px !important; color:#888;}
/* 관심상품 */

.inter_items .table_body .listsec02{padding: 0;}
.inter_items .mo_ver .listsec06{text-align: center;}

.inter_items.mypage .list_in .table_body {padding: 10px 0 !important;}

.mypage .interested_items .list_in .table_body li{text-align: center;}
.interested_items .listsec01 {width: 25px;}
.interested_items .listsec02 {width: 40%;}
.interested_items .listsec03 {width: 10%;}
.interested_items .listsec04 {width: 10%;}
.interested_items .listsec05 {width: 10%;}
.interested_items .listsec06 {width: 10%;}
.interested_items .listsec07 {width: 150px !important;}

.interested_items .table_body .listsec07 button{color:#555; width: 90%;border:1px solid #bbb; padding:10px 20px; font-size:13px; border-radius: 30px;}
.interested_items .select_but > div:first-child button{background-color: #fff; color:#F49422;border-color:#F49422; font-size: 15px; font-family: 'NanumSquareRound';}



/* 이벤트 정보 */
.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%;}
    .mo_ver .table_head{font-size: 14px;}


}

 /* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){

    .shopping_panels h5{ margin-bottom: 20px;}


    .pc_ver .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){
     .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); }

    .mypage.address .list_in .table_body li {text-align: left; font-size:13px;}
    .table_body .listsec02 p:first-child{padding-left:12px;}
    .mypage.address .list_in .table_body{position:relative}
    .mypage.address .list_in .table_body li.listsec01{position:absolute;top:0;right:0;    width: 90%;}
    .mypage.address .list_in .table_body li.listsec02 p{font-size:1.25rem; margin-bottom: 4px;}
    .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;}
    .address .address_wrap .listsec02{justify-content: flex-start; width:90%;}
    .address .address_wrap .listsec01{width:5%;}
    .address .address_wrap .listsec01 .d-block{justify-content: flex-end;}
    .address .address_wrap .listsec02 p{padding-left:0}
    .address .address_wrap .listsec03{width:90%;}
    .address .address_wrap .listsec04{width:90%;}
    .address .address_wrap .listsec05{width:90%;}

    .interested_items .listsec07{width: 130px!important;}
    .interested_items .in_body .table_body {flex-direction: column;}
    .mypage .interested_items  .list_in .in_body_table{border:none;padding:0;}
    .interested_items .in_body .table_head {display: none;}
    .mypage .interested_items .list_in .table_body li{padding:0;width:100%; text-align: left;padding-left:120px;}
    .interested_items .table_body .listsec02{position:relative;margin-bottom: 10px;}
    .interested_items .table_body .listsec02 p{font-size:1.15rem;}
    .interested_items .table_body .listsec02 >div:first-child i{position:absolute; left:0; top:-7px; border: 1px solid #eee;}
    .interested_items .table_body .listsec02 p:first-child{padding-left:0;}

    .interested_items .listsec03{content: '배송구분';margin-right:5px; display:none;}
    .interested_items .listsec05{content: '적립예정 포인트';margin-right:5px; display:none;}

    .interested_items .listsec04{margin-bottom:2px;font-size:14px; color:#888}
    .interested_items .listsec06{margin-bottom:2px;font-size:14px; color:#888}
    .interested_items .listsec04::before{content: '적립금 : ';  /* color:#fff;background-color: #e03434; */}
    .interested_items .listsec06::before{content: '주문금액 : '; /* color:#fff;background-color: #000; */}


    /* .interested_items .listsec01{position:relative;} */
    .interested_items .in_body .table_body{padding:30px 0; position:relative}

    .interested_items .listsec01 .d-block{position:absolute;right:0;top:20px;}
    .interested_items .listsec07{position:absolute; right:0;bottom:20px; padding-left:0 !important;}
    .interested_items .table_body .listsec07 button {padding: 12px 16px; width: 100%;}
    .inter_items.mypage .list_in .table_body{padding: 20px 0 !important;}

    .interested_items .in_body .table_body:last-child{border-bottom: 1px solid #ddd;}
    .interested_items .table_body .listsec02 >div:first-child i{width: 100px; height: 100px;}

}
/* ********************************************* *
* 840px max
* ********************************************* */
@media (max-width:840px){
    .panel02 {padding: 60px 0 0 0 ;}
   .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 span.monny_span02 {font-size: 2em;}
   .sec_in02 span.monny_span{font-size: 2em;}

   
   .sec_in02 .sec02_arr .puls {left: 30.6%;}
   .sec_in02 .sec02_arr .result {left: 64%;}
}




/* ********************************************* *
* 768px max
* ********************************************* */
@media (max-width:768px){

    .yes_list .in_body_table01.in_body_table{margin: 12px 0;}
    .pc_ver .select_sec{margin-bottom: 12px;}

    .mo_ver  .table_body .listsec02 i {height: 210px;}
    .shopping_panels h5 { font-size: 1.5rem;}

    .interested_items .table_body .listsec02 >div:first-child i{top: -9px;}


    .pc_ver .select_sec .select:last-child{display: block; position: relative;}
    .pc_ver .select_sec .select > div{justify-content: flex-start; align-items: flex-start;} 
    .pc_ver .select_sec .select > div.close{position: absolute; right: 15px; top: 15px;}
    .munber{margin-top: 8px;}


    .mo_pc_ver .pc_ver .table_head{display: none;}

    .mo_ver.payment_view_mo  .listsec01{display: none;}
    .mo_ver  .select_sec .select01{width: 100%;}

     .table_body .listsec02 {padding: 25px 0px;}
    .mo_ver  .table_body .listsec02 {padding-top: 0;}

    .pc_ver .select_sec .select_in{width: 100%;}

    .mo_pc_ver  .listsec03 {
        width: 30%;
        display: none;
    }

    .mo_pc_ver  .in_body ul {align-items: flex-start; text-align: center; flex-direction: column;margin:12px 0;justify-content: center;}
    .mo_pc_ver  .in_body ul li {text-align: left; font-family: 'NanumSquareRound';}

    .table_body .listsec02 p:first-child{padding-left: 0;}

    
    /* .mo_pc_ver  .table_body .listsec02 { display: flex; align-items: flex-start;flex-direction: column;text-align: left;padding: 0;} */
    .mo_pc_ver  .table_body .listsec02 p {padding-left: 150px;}
    .shopping_tabSet.mo_pc_ver  .table_body .listsec02 p {padding-left: 0; }
    .shopping_tabSet.mo_pc_ver  .table_body .listsec02,  .mo_pc_ver  .in_body ul li{padding-left:160px; padding-bottom:0; padding-top:0;;}
    

    .mo_pc_ver  .in_body ul{position: relative;height: 130px;}
    .mo_pc_ver  .table_body .listsec02 >div:first-child i {position: absolute;top:50%;left:0; transform: translateY(-50%);}
    .mo_pc_ver  .listsec01{width:100%;position: absolute; top: 0; right: 0;}
    .mo_pc_ver  .listsec02{width:100%;}
    .mo_pc_ver  .listsec03{width:100%;}
    .mo_pc_ver  .listsec04{width:100%; display: none;}
    .mo_pc_ver  .listsec05{width:100%; display: none;}
    .mo_pc_ver  .listsec06{width:100%;}

    .mo_pc_ver .d-block {justify-content: flex-end;}

    .mo_pc_ver  .listsec06 p {display: inline-block;}
    .mo_pc_ver  .listsec06 p:first-child{padding-right:10px; }
    .mo_pc_ver  .listsec06 p:last-child {font-size:1.25rem; font-weight: 400;}



}

/* ********************************************* *
* 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 12px; width:100%; font-size: 1.05rem;height:52px;}
    .mo_ver  .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);}

     .table_body .listsec02 {padding:15px 0; }

     .table_head{display: none !important;}
    .pc_ver .select_sec .select > div p{font-size:14px;color:#666; font-family: 'NanumSquareRound'; padding: 0;}


    .sec_in02 .puls{  font-size:30px;font-weight: 300;width:30px;}
    .sec_in02 .result{ font-size:30px;font-weight: 300;width:30px;}

    .sec_in02 span.monny_span, .sec_in02 span.monny_span02 {font-size: 22px; font-weight: 500;}

    .sec_in02{display: block; padding: 14px 18px 14px 24px; margin-top: 40px;}
    .sec_in02 div:nth-child(2), .sec_in02 div:nth-child(4){display: none !important;}
    .shopping_tabSet .sec_in02 > div{display: flex; align-items: baseline; justify-content: space-between;}
    .sec_in02 .total_payment, .sec_in02 .shipping_fee, .sec_in02 .amount_payment{width:100%; display: flex;}
    .sec_in02 .puls, .sec_in02 .result{display: none;}
    .sec_in02 > div{padding: 2px 0;}
    .sec_in02 .amount_payment{border-top: 1px solid #ddd; margin-top: 8px; padding-top: 8px;}
    .sec_in02 .total_payment p.tit, .sec_in02 .shipping_fee p.tit{color: #777;}
    .sec_in02 .amount_payment p.tit{font-weight: 500;}

    .sec_in03{margin-top: 40px;}
}


/* ********************************************* *
* 550px max
* ********************************************* */
@media (max-width:550px){
    .pc_ver .select_sec .select01{border-radius: 10px;}
    .pc_ver .select_sec .select > div:first-child{display: block;} 
    .pc_ver .select_sec .select > div.close{position: absolute; right: 10px; top: 19px;}
    .munber{margin-top: 8px;}

    .pc_ver .select_sec .select > div p:first-child{display: none;}
    .pc_ver .select_sec .select_in p:nth-child(2){padding-left: 0; padding-right: 0; word-break: keep-all; width: calc(100% - 20px);}
}


/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){


    .interested_items .select_but > div:first-child button{font-size: 13px;}
    .sec_in02 .sec02_arr .puls { width: 35px;  height: 35px;}
    .sec_in02 .sec02_arr .result{ width: 35px;  height: 35px;}

    .mo_ver  .table_body .listsec02 i img {padding: 0px;}
    .mo_ver  .listsec02 { width: 45%; }
     .select_but .button button {
        padding: 9px;
    }

    .interested_items .table_body .listsec02 >div:first-child i{width:100px; height:100px;}
    .mypage .interested_items .list_in .table_body li {padding-left: 120px;}
    .interested_items .table_body .listsec02 p {font-size: 1.125rem; }
    .mypage .interested_items .list_in .table_body { padding: 20px 0 !important;}
    .interested_items .table_body .listsec02 >div:first-child i{top: -9px;}

    /* .sec_in02 {display: inherit;} */
    /* .sec_in02 > div { width: 100%;} */

    .pc_ver .munber input{}

     .select_but {height: 33px;}
    .address  .select_but > div:last-child .button button, .address  .select_but .button:first-child button {padding: 8px 15px;height:100%; font-size: 13px;}

     .select_but .button:last-child button{font-size: 13px; padding: 10px 20px;}

     .address .address_wrap .select_but > div:last-child .button button {padding: 8px 20px 10px; font-size: 13px;}

     
    .sec_in03 .button button{padding-top: 13px; font-size: 14px;height: 45px;}
    .sec_in03 {margin-top: 20px; }

    .sec_in02 {  padding: 12px 19px;  border-radius: 15px;}


}
/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){

    
    .shopping_tabSet.mo_pc_ver  .table_body .listsec02, .mo_pc_ver .in_body ul li{padding-left:110px; padding-bottom:0; padding-top:0;;}

    .mo_pc_ver  .table_body .listsec02 >div:first-child i {position: absolute;top:47%;left:0;}

    .mo_ver  .table_body .listsec02 i { height: 127px;}
    /* .mo_ver  .listsec06 > div:last-child {
        display: inherit;} */

        .shopping_tabSet ul.shopping_tabs { padding: 20px 10px 0;}
        .shopping_tabSet ul.shopping_tabs li a {padding: 10px;}
        .panel02 { padding: 40px 0 0; }
         .select_but .button button {font-size: 13px;}
        /*  .select_but > div:last-child{display: none;} */


        .pc_ver .select_sec .select01 {padding: 10px 10px;}
         .table_body .listsec02 >div:first-child i {width: 100px;height: 100px;}
        .mo_pc_ver  .in_body ul {height: 100px;margin-bottom: 6px; position: relative;}
        .mo_pc_ver  .table_body .listsec02 p {padding-left: 110px;}

        .mo_pc_ver  .listsec06 p:last-child {
            font-size: 1.125rem;}

        .payment02_mo.mo_ver  .listsec06 {
            width: calc(100% - 110px);
            padding-left: 0;
        }
        .mo_ver  .mo_ver_price02 {
            font-size: 1.25rem;
            font-weight: 500;
        }
        .mo_ver  .table_body .listsec02 {padding: 0;padding-bottom:10px;}
        .mo_ver  .select_sec .select01 {padding: 10px;}
        .mo_ver  .select_sec .select_in p:nth-child(2) {padding-left: 5px;}



        .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%;
    }
         .table_body .listsec02{padding-bottom:65px;}

         .interested_items .table_body .listsec02 >div:first-child i{top: 20px;}
         .interested_items .table_body .listsec02 >div:first-child i{top: 0;}

        .mypage .interested_items .list_in .table_body {padding: 13px 0 76px !important}
        /* .interested_items .table_body .listsec02 p:first-child{padding-top: 22px;} */
        .interested_items .table_body .listsec02 p:first-child{padding-top: 6;}

        .interested_items .listsec07 {width: 100% !important;}
        .interested_items .table_body .listsec07 button{width:100%;}
        .interested_items .listsec01 .d-block {top: 12px; }
        .interested_items .listsec07 {bottom: 10px;}

        .pc_ver .select_sec .munber{justify-content: flex-start; padding-top: 4px;}
        .pc_ver .select_sec .select:last-child {flex-direction: column;}
        .pc_ver .select_sec .select{position: relative;}
        .pc_ver .select_sec .close{position:absolute;right:10px;top:50%;transform: translateY(-50%);}
        .pc_ver .select_sec .select_in {
            width: calc(100% - 15px);}
        .mo_pc_ver  .listsec01{top: -5px;}

            

}