@import url("common.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..500,0..1,-50..200");
/* SUB VISUAL */
@keyframes sub-visual-bg-zoom {0%{transform:scale(1.08);} 100%{transform:scale(1);}}
@keyframes sub-visual-fade-up {0%{opacity:0; transform:translateY(24px);} 100%{opacity:1; transform:translateY(0);}}
@keyframes sub-visual-lnb-in {0%{opacity:0; transform:translateY(20px);} 100%{opacity:1; transform:translateY(0);}}

#visual {position:relative; z-index:2; display:flex; justify-content:center; padding:104px 50px 0; box-sizing:border-box;}
#visual .visual_in {position:relative; width:100%; height:550px; border-radius:var(--borderR30); overflow:hidden;}
#visual .v_bg {position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden;}
#visual .v_bg .bg {position:absolute; inset:0; background-position:center; background-repeat:no-repeat; background-size:cover; transform:scale(1.08); animation:sub-visual-bg-zoom 3s ease-out forwards;}

#visual .v_txt {position:absolute; left:50%; top:50%; z-index:2; display:flex; flex-direction:column; align-items:center; gap:15px; width:100%; padding:0 5%; box-sizing:border-box; transform:translate(-50%,-50%); text-align:center; color:var(--white);}
#visual .v_txt h2 {opacity:0; animation:sub-visual-fade-up .65s cubic-bezier(0.33,1,0.68,1) .15s forwards;}
#visual .v_txt p {opacity:0; animation:sub-visual-fade-up .65s cubic-bezier(0.33,1,0.68,1) .28s forwards;}


/* SUB LNB */
#visual .visual_lnb {position:absolute; left:0; bottom:0; z-index:3; display:flex; align-items:center; justify-content:center; width:100%; height:70px; box-sizing:border-box; opacity:0; animation:sub-visual-lnb-in .65s cubic-bezier(0.33,1,0.68,1) .42s forwards;}
#visual .visual_lnb .lnb_bar {position:absolute; inset:0; background:rgba(34,34,34,0.3); mix-blend-mode:multiply; border-radius:0 0 var(--borderR30) var(--borderR30); pointer-events:none;}
#visual .visual_lnb .lnb_wrap_sw {position:relative; z-index:1; width:100%; height:100%; overflow:hidden;}
#visual .visual_lnb .lnb_wrap {height:100%;}
#visual .visual_lnb .lnb_wrap .swiper-slide {width:auto; height:100%; display:flex; align-items:center; justify-content:center;}
#visual .visual_lnb .lnb_wrap a {display:flex; align-items:center; justify-content:center; height:100%; padding:0 30px; box-sizing:border-box; border:2px solid transparent; color:var(--white); white-space:nowrap; transition:background .3s ease, border-color .3s ease, font-weight .3s ease, opacity .3s ease;}
#visual .visual_lnb .lnb_wrap .swiper-slide.on a {background:var(--main); border-color:var(--main); font-weight:600;}
#visual .visual_lnb .lnb_wrap .swiper-slide:not(.on) a:hover {background:rgba(255,255,255,0.15); font-weight:600;}
#visual .visual_lnb .lnb_drop {display:none;}
#visual .visual_lnb.is-single {display:none;}
#contents {position:relative; z-index:2;}
@media (prefers-reduced-motion: reduce) {
#visual .v_bg .bg {animation:none; transform:scale(1);}
#visual .v_txt h2,
#visual .v_txt p,
#visual .visual_lnb {animation:none; opacity:1; transform:none;}
}

.search_none #visual .visual_lnb{display: none;}



/* 제품소개 */
.product-cont{overflow: hidden;}


/* 쇼핑몰 */
.subtitle{text-align:center; padding: 0 0 40px;}
.subtitle h3{color:var(--black);}



/* 배송지 관리 */
#myDelivery .input{width: 100%; height: 50px; line-height: 48px; font-size:1rem; color:var(--basic); letter-spacing:var(--letter-spacing-input); border:1px solid var(--border); background:var(--white); padding:0 15px; box-sizing:border-box;}
#myDelivery .postSearch_btn{padding: 0; width:120px; height:50px; line-height:48px; border:1px solid var(--black); text-align:center; font-size:14px; font-weight: 600; letter-spacing:var(--letter-spacing-button); box-sizing:border-box; color:var(--white); background:var(--black); cursor:pointer; transition:all .3s ease;}
#myDelivery .postSearch_btn:hover{background:var(--white); color:var(--black);}

#myDelivery .add_table {border-collapse:collapse; width:100%; border-spacing:0px; border-top:1px solid var(--black); text-align:left;}
#myDelivery .add_table th {width: 190px; font-size:1rem; letter-spacing:var(--letter-spacing-default); color:var(--black); font-weight: 600; line-height: 150%; padding: 20px 15px; box-sizing:border-box; border-bottom: 1px solid var(--border); background:var(--grayBg);}
#myDelivery .add_table th b{color:var(--main); font-weight: 700;}
#myDelivery .add_table td{font-size:1rem; letter-spacing:var(--letter-spacing-default); color:var(--basic); font-weight: 400; line-height: 150%; padding: 20px 15px; box-sizing:border-box; border-bottom: 1px solid var(--border);} 
#myDelivery .add_table td label{cursor:pointer; font-size:1rem; letter-spacing:var(--letter-spacing-default); color:var(--basic); font-weight: 400;}
#myDelivery .add_table td input[type="checkbox"]{display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; width: 20px; height: 20px;}
#myDelivery .add_table .address_wrap{}
#myDelivery .add_table .address_wrap dt{display: flex; gap:5px; max-width:300px; width: 100%;}
#myDelivery .add_table .address_wrap dt .input{width: calc(100% - 125px);}
#myDelivery .add_table .address_wrap dt .postSearch_btn{width: 120px;}
#myDelivery .add_table .address_wrap dd{}
#myDelivery .add_table .address_wrap dd input{margin-top: 5px;}
#myDelivery .add_table .hipen{display: inline-block; max-width: 20px; width: 100%; text-align:center;}
#myDelivery .add_table .phone_wrap{display: flex; align-items:center;}
#myDelivery .add_table .phone_wrap * {flex:1;}
#myDelivery .btn_area{display: flex; gap:5px; margin: 40px 0 0; justify-content: center;}
#myDelivery .btn_area input{padding: 0; width:200px; height:60px; line-height:58px; border:1px solid var(--black); text-align:center; font-size:1rem; font-weight: 600; letter-spacing:var(--letter-spacing-button); box-sizing:border-box; color:var(--white); background:var(--black); cursor:pointer; transition:all .3s ease;}
#myDelivery .btn_area input:hover{background:var(--white); color:var(--black);}
#myDelivery .btn_area input.btn_wb{background:var(--white); color:var(--black);}
#myDelivery .btn_area input.btn_wb:hover{background:var(--black); color:var(--white);}


#myDelivery .no_data{text-align:center; padding: 100px 0; background:var(--white);}
#myDelivery .myDelivery_list{box-sizing:border-box; border:1px solid var(--border); background:var(--grayBg);}
#myDelivery .myDelivery_list dl{box-sizing:border-box; padding: 30px; display: flex; align-items:center;}
#myDelivery .myDelivery_list dl.basic{background:var(--white);}
#myDelivery .myDelivery_list dl + dl{border-top: 1px solid var(--border);}
#myDelivery .myDelivery_list dl dt{width: calc(100% - 300px);}
#myDelivery .myDelivery_list dl dt h4{font-size:1.25rem; font-weight: 600; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height: 150%; padding-bottom: 5px;}
#myDelivery .myDelivery_list dl dt .address_txt{font-size:1rem; font-weight: 400; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height: 160%;}
#myDelivery .myDelivery_list dl dt ul{padding-top: 8px; display: flex; flex-wrap:wrap; gap:8px 20px;}
#myDelivery .myDelivery_list dl dt ul li{font-size:1rem; font-weight: 400; color:var(--basic); letter-spacing:var(--letter-spacing-none); line-height: 150%;}
#myDelivery .myDelivery_list dl dt ul li::before{display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; font-family:var(--icon); font-weight: 400; font-size:18px;}
#myDelivery .myDelivery_list dl dt ul li.phone::before{content:'\e7ba';}
#myDelivery .myDelivery_list dl dt ul li.tel::before{content:'\e0b0';}
#myDelivery .myDelivery_list dl dd{width: 300px; display: flex; justify-content: flex-end; gap:5px;}
#myDelivery .myDelivery_list dl dd .btn{width: auto; cursor:pointer; padding:0 20px; height:40px; line-height:38px; border:1px solid var(--basic); color:var(--basic); box-sizing:border-box; font-size:14px; font-weight:600; letter-spacing:var(--letter-spacing-button); text-align:center; background:var(--white); transition:all .3s;}
#myDelivery .myDelivery_list dl dd .btn.basic{border-color:var(--main) !important; color:var(--main) !important;}
#myDelivery .myDelivery_list dl dd .btn.modi:hover{border-color:var(--black); color:var(--black);}
#myDelivery .myDelivery_list dl dd .btn.delete{background:var(--basic); color:var(--white);}
#myDelivery .myDelivery_list dl dd .btn.delete:hover{background:var(--black); color:var(--white);}


/* 배송지 선택 팝업 */
#myDelivery_pop {min-height:100vh; background:var(--white);}
#myDelivery_pop h1 {position:relative; display:flex; align-items:center; min-height:60px; padding:16px 56px 16px 24px; box-sizing:border-box; background:var(--black); color:var(--white); font-size:1.222rem; font-weight:700; letter-spacing:var(--letter-spacing-heading); line-height:140%;}
#myDelivery_pop h1 a.close {position:absolute; right:16px; top:50%; width:40px; height:40px; transform:translateY(-50%); font-size:0;}
#myDelivery_pop h1 a.close::before {content:'\e5cd'; display:block; width:100%; height:100%; font-family:var(--icon); font-size:40px; line-height:40px; color:var(--white); text-align:center; font-weight: 400;}
#myDelivery_pop .cont {padding:24px;}
#myDelivery_pop dl {display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px 16px; padding:20px 24px; border:1px solid var(--border); border-radius:var(--borderR10); background:var(--white); box-sizing:border-box;}
#myDelivery_pop dl + dl {margin-top:12px;}
#myDelivery_pop dl.over {border-color:var(--border); box-shadow:inset 0 0 0 1px var(--border);}
#myDelivery_pop dt {flex:1 1 auto; min-width:0; order:1; font-size:1.111rem; font-weight:600; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height:140%;}
#myDelivery_pop dd.txt {width:100%; order:3; font-size:0.889rem; color:var(--basic); letter-spacing:var(--letter-spacing-default); line-height:160%;}
#myDelivery_pop dd.btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:4px; order:2;}
#myDelivery_pop p.basic {display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 10px; border:1px solid var(--main); box-sizing:border-box; color:var(--main); font-size:0.778rem; font-weight:600; letter-spacing:var(--letter-spacing-button); line-height:130%;}
#myDelivery_pop input[type=button].modi {height:32px; padding:0 14px; border:1px solid var(--border); box-sizing:border-box; background:var(--white); color:var(--basic); font-size:0.778rem; font-weight:600; letter-spacing:var(--letter-spacing-button); cursor:pointer; transition:all .3s ease;}
#myDelivery_pop input[type=button].modi:hover {border-color:var(--black); color:var(--black);}
#myDelivery_pop input[type=button].delete {height:32px; padding:0 14px; border:1px solid var(--black); box-sizing:border-box; background:var(--black); color:var(--white); font-size:0.778rem; font-weight:600; letter-spacing:var(--letter-spacing-button); cursor:pointer; transition:all .3s ease;}
#myDelivery_pop input[type=button].delete:hover {background:var(--white); color:var(--black);}
#myDelivery_pop .btn_area {display:flex; justify-content:center; gap:8px; margin-top:28px;}
#myDelivery_pop .btn_area .btn_wb {flex:1; height:50px; line-height:48px; border:1px solid var(--black); box-sizing:border-box; background:var(--white); color:var(--black); font-size:1rem; font-weight:600; letter-spacing:var(--letter-spacing-button); text-align:center; cursor:pointer; transition:all .3s ease;}
#myDelivery_pop .btn_area .btn_wb:hover {background:var(--black); color:var(--white);}
#myDelivery_pop .btn_area .btn_b {flex:1; height:50px; line-height:48px; border:1px solid var(--black); box-sizing:border-box; background:var(--black); color:var(--white); font-size:1rem; font-weight:600; letter-spacing:var(--letter-spacing-button); text-align:center; cursor:pointer; transition:all .3s ease;}
#myDelivery_pop .btn_area .btn_b:hover {background:var(--white); color:var(--black);}
#myDelivery_pop .add_table {width:100%; border-collapse:separate; border-spacing:0; border-top:1px solid var(--black); background:var(--white);}
#myDelivery_pop .add_table th {width:140px; padding:16px 14px; border-bottom:1px solid var(--border); background:var(--grayBg); color:var(--black); font-size:0.889rem; font-weight:600; letter-spacing:var(--letter-spacing-default); line-height:150%; text-align:left; box-sizing:border-box;}
#myDelivery_pop .add_table td {padding:12px 14px; border-bottom:1px solid var(--border); color:var(--basic); font-size:0.889rem; letter-spacing:var(--letter-spacing-default); line-height:150%; box-sizing:border-box;}
#myDelivery_pop .add_table td label {cursor:pointer;}
#myDelivery_pop .add_table input[type="text"] {height:40px; padding:0 12px; border:1px solid var(--border); box-sizing:border-box; background:var(--white); color:var(--black); font-size:0.889rem; letter-spacing:var(--letter-spacing-input); line-height:150%;}
#myDelivery_pop .add_table .input_m {width:100%; max-width:280px;}
#myDelivery_pop .add_table .input_s.add_num {width:120px; margin-right:6px;}
#myDelivery_pop .add_table .input_l {width:100%; margin-top:6px;}
#myDelivery_pop .add_table .phone_wrap{display: flex; align-items: center;}
#myDelivery_pop .add_table .hipen {text-align: center; width: 20px;}
#myDelivery_pop .add_table .input_num {text-align:center; flex: 1; width: 100%;}
#myDelivery_pop .add_table td input[type="button"] {height:40px; padding:0 14px; border:1px solid var(--black); box-sizing:border-box; background:var(--black); color:var(--white); font-size:0.778rem; font-weight:600; letter-spacing:var(--letter-spacing-button); cursor:pointer; transition:all .3s ease; vertical-align:top;}
#myDelivery_pop .add_table td input[type="button"]:hover {background:var(--white); color:var(--black);}
#myDelivery_pop .add_table td input[type="checkbox"] {display:inline-block; vertical-align:middle; margin:-2px 8px 0 0; width:18px; height:18px;}





/* 이용약관, 개인정보취급방침 */
.policy_cont{position:relative; font-size:1rem; line-height:170%; color:var(--basic); word-break:keep-all;}
.policy_cont br{display:block;}
.policy_cont strong{font-weight:600; color:var(--black);}
.policy_cont .policy_intro{margin:0 0 30px; color:var(--basic); line-height:170%;}
.policy_cont .cont_title{font-size:1.412rem; color:var(--black); padding:0 0 18px; letter-spacing:var(--letter-spacing-default); font-weight:500;}
.policy_cont .cont_tit{display:block; font-size:1.222rem; padding:0 0 12px; font-weight:600; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height:140%;}
.policy_cont .policy_sec{padding:0 0 10px;}
.policy_cont .cont_txt{padding:0 0 35px;}
.policy_cont .cont_txt > p{margin:0 0 10px; line-height:170%;}
.policy_cont .cont_txt2{padding:0 0 35px;}
.policy_cont .cont_box{padding:25px; background:var(--grayBg); margin:10px 0; display:block; letter-spacing:var(--letter-spacing-default); line-height:170%; color:var(--basic); box-sizing:border-box;}
.policy_cont .cont_box a{color:var(--main); text-decoration:underline;}
.privacy_list{display:flex; flex-wrap:wrap; gap:8px 0; width:100%; padding:30px; border:1px solid var(--border); box-sizing:border-box; margin:0 0 40px;}
.privacy_list li{width:50%; box-sizing:border-box;}
.privacy_list li a{display:inline-block; font-weight:500; color:var(--black); line-height:160%; transition:color .25s ease;}
.privacy_list li a:hover{color:var(--main);}


/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){
#visual {padding:104px 3% 0;}
}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
#visual .visual_in {height:500px;}
#visual .visual_lnb .lnb_wrap a {padding:0 22px;}
}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
#visual {padding:80px 3% 0;}
#visual .visual_in {height:450px;}
#visual .v_txt {gap:10px;}
#visual .visual_lnb {height:60px;}
#visual .visual_lnb .lnb_wrap a {padding:0 18px;}


/* 쇼핑몰 */
.subtitle{padding: 0 0 30px;}
}
/*******************************************************************************
    @media  ~980px
*******************************************************************************/
@media all and (max-width:980px){
#visual {padding:80px 3% 0;}
#visual .visual_in {height:400px; border-radius:var(--borderR20);}
#visual .visual_lnb .lnb_bar {border-radius:0 0 var(--borderR20) var(--borderR20);}
#visual .visual_lnb .lnb_wrap a {padding:0 14px;}


/* 이용약관, 개인정보취급방침 */
.policy_cont .cont_tit{font-size:1.111rem; padding:0 0 8px;}
.policy_cont .cont_txt{padding:0 0 25px;}
.policy_cont .cont_txt2{padding:0 0 25px;}
.policy_cont .cont_box{padding:18px;}
.privacy_list{padding:20px; margin:0 0 30px;}
.privacy_list li{width:100%;}



/* 배송지 관리 */
#myDelivery .input{height: 40px; line-height: 38px; padding:0 10px;}
#myDelivery .postSearch_btn{height:40px; line-height:38px;}

#myDelivery .add_table {}
#myDelivery .add_table th {width: 150px; padding: 15px 10px;}
#myDelivery .add_table td{padding:15px 10px;} 

#myDelivery .no_data{padding: 60px 0;}
#myDelivery .myDelivery_list{}
#myDelivery .myDelivery_list dl{padding: 20px;}
#myDelivery .myDelivery_list dl dt{width: calc(100% - 250px);}
#myDelivery .myDelivery_list dl dd{width: 250px;}
#myDelivery .myDelivery_list dl dd .btn{padding:0 15px;}

/* 배송지 선택 팝업 */
#myDelivery_pop h1 {min-height:52px; padding:14px 48px 14px 20px; font-size:1.111rem;}
#myDelivery_pop h1 a.close {right:12px; width:30px; height:30px;}
#myDelivery_pop h1 a.close::before {font-size:30px; line-height:30px;}
#myDelivery_pop .cont {padding:20px;}
#myDelivery_pop dl {padding:18px 20px;}
#myDelivery_pop dt,
#myDelivery_pop dd.txt {width:100%;}
#myDelivery_pop dd.btn {width:100%; justify-content:flex-start;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
#visual {padding:60px 5% 0; overflow:visible; z-index:var(--z-subtop);}
#visual .visual_in {height:300px; border-radius:var(--borderR15); overflow:visible;}
#visual .v_bg {border-radius:var(--borderR15); overflow:hidden;}
#visual .v_txt {gap:8px;}
#visual .v_txt p{text-wrap: balance; line-height: 150%;}
#visual .visual_lnb {height:50px; z-index:var(--z-dropdown); overflow:visible;}
#visual .visual_lnb.is-single {display:flex;}
#visual .visual_lnb .lnb_bar {border-radius:0 0 var(--borderR15) var(--borderR15); border-top:1px solid rgba(255,255,255,0.15);}
#visual .visual_lnb .lnb_wrap_sw,
#visual .visual_lnb .lnb_wrap {display:none;}
#visual .visual_lnb .lnb_drop {position:relative; z-index:2; display:flex; align-items:stretch; width:100%; height:100%; overflow:visible;}
#visual .visual_lnb .lnb_cell {position:relative; flex:1 1 50%; min-width:0; height:100%; overflow:visible;}
#visual .visual_lnb .lnb_cell.depth1 {border-right:1px solid rgba(255,255,255,0.15);}
#visual .visual_lnb .lnb_toggle {display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; height:100%; padding:0 10%; box-sizing:border-box; border:0; background:transparent; color:var(--white); cursor:pointer; text-align:left;}
#visual .visual_lnb .lnb_toggle .txt {display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#visual .visual_lnb .lnb_toggle::after {content:'\e5cf'; flex-shrink:0; width:20px; height:20px; font-size:20px; line-height:20px; font-family:var(--icon); font-weight:400; color:var(--white); transition:transform .3s ease;}
#visual .visual_lnb .lnb_cell.on .lnb_toggle::after {transform:rotate(180deg);}
#visual .visual_lnb .lnb_panel {position:absolute; left:0; top:calc(100% + 4px); z-index:var(--z-dropdown); display:none; width:100%; margin:0; box-sizing:border-box; background:var(--white); box-shadow:0 8px 20px rgba(0,0,0,0.15); -webkit-overflow-scrolling:touch; border-radius: var(--borderR10); overflow: hidden;}
#visual .visual_lnb .lnb_cell.on .lnb_panel {display:block;}
#visual .visual_lnb .lnb_panel li {display:block; height:auto;}
#visual .visual_lnb .lnb_panel a {display:block; width:100%; height:auto; padding:12px 10%; box-sizing:border-box; border:0; color:var(--basic); text-align:left; white-space:normal;}
#visual .visual_lnb .lnb_panel li.on a,
#visual .visual_lnb .lnb_panel a:hover {background:var(--grayBg); border:0; color:var(--main); font-weight:600;}
#contents {z-index:var(--z-base);}



/* 쇼핑몰 */
.subtitle{padding: 0 0 20px;}



/* 배송지 관리 */
#myDelivery .postSearch_btn{width:100px; font-size:13px;}
#myDelivery .add_table,
#myDelivery .add_table colgroup,
#myDelivery .add_table thead,
#myDelivery .add_table tbody,
#myDelivery .add_table tr,
#myDelivery .add_table th,
#myDelivery .add_table td{display:block; width:100% !important; box-sizing:border-box;}
#myDelivery .add_table th{padding:10px; border-bottom:0;}
#myDelivery .add_table td{padding:10px;}
#myDelivery .add_table td input[type="checkbox"]{width:16px; height:16px;}
#myDelivery .add_table .address_wrap dt{max-width:100%;}
#myDelivery .add_table .address_wrap dt .input{width:calc(100% - 105px);}
#myDelivery .add_table .address_wrap dt .postSearch_btn{width:100px;}
#myDelivery .add_table .phone_wrap{flex-wrap:wrap;}
#myDelivery .btn_area{margin:30px 0 0;}
#myDelivery .btn_area input{width: 100%; flex:1; height:50px; line-height:48px;}
#myDelivery .no_data{padding:40px 0;}
#myDelivery .myDelivery_list dl{padding:15px; gap:10px; flex-direction:column; align-items:flex-start;}
#myDelivery .myDelivery_list dl dt{width:100%;}
#myDelivery .myDelivery_list dl dd{width:100%; justify-content:flex-start;}
#myDelivery .myDelivery_list dl dt ul{padding-top:8px; gap:8px 20px;}
#myDelivery .myDelivery_list dl dt ul li::before{font-size:16px;}
#myDelivery .myDelivery_list dl dd .btn{padding:0 15px; height:32px; line-height:30px; font-size:12px;}


/* 배송지 입력 팝업 — 좁은 화면에서 세로 스택 */
#myDelivery_pop .add_table,
#myDelivery_pop .add_table tbody,
#myDelivery_pop .add_table tr,
#myDelivery_pop .add_table th,
#myDelivery_pop .add_table td {display:block; width:100%; box-sizing:border-box;}
#myDelivery_pop .add_table th {width:100%; border-bottom:0; padding:10px;}
#myDelivery_pop .add_table td {padding:10px;}
#myDelivery_pop .add_table .input_m {max-width:none;}
#myDelivery_pop .add_table .input_s.add_num {width:calc(50% - 6px); max-width:140px; margin-right:6px;}
#myDelivery_pop .add_table td input[type="button"] {width:calc(50% - 6px); max-width:100px;}

}