/* 한국애너하임 ai_theme: 장바구니/주문서 모바일 카드형 레이아웃 */
/* 주문/결제 폼, input name/id, JS 이벤트는 변경하지 않음 */
@media(max-width:767px){
html, body {max-width:100%;overflow-x:clip;}
#container.ai-container,#ai-content #container.ai-container,.ai-page #container.ai-container {width:calc(100% - 32px)!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important;float:none!important;box-sizing:border-box;}
#sod_bsk,#sod_frm,#sod_bsk_list,#forderform,#sod_frm .sod_left,#sod_frm .sod_right {width:100%!important;max-width:100%!important;min-width:0!important;float:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box;}
#sod_bsk .tbl_head03,#sod_frm .tbl_head03 {overflow:visible!important;width:100%!important;max-width:100%!important;}
#sod_bsk .tbl_head03 table,#sod_frm #sod_list {display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;border:0;}
#sod_bsk .tbl_head03 thead,#sod_frm #sod_list thead {display:none!important;}
#sod_bsk .tbl_head03 tbody,#sod_frm #sod_list tbody {display:block;width:100%;}
#sod_bsk .tbl_head03 tbody tr,#sod_frm #sod_list tbody tr {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:0;width:100%;margin:0 0 12px;padding:13px 12px;border:1px solid #d8e3e9;background:#fff;box-sizing:border-box;}
#sod_bsk .tbl_head03 tbody td,#sod_frm #sod_list tbody td {display:flex!important;align-items:center;justify-content:space-between;min-width:0!important;width:auto!important;height:auto!important;float:none!important;border:0!important;border-top:1px solid #edf1f4!important;padding:10px 2px!important;box-sizing:border-box;text-align:right!important;font-size:13px;word-break:break-word;}
#sod_bsk .tbl_head03 tbody .td_prd,#sod_frm #sod_list tbody .td_prd {grid-column:1/-1;display:flex!important;justify-content:flex-start!important;align-items:flex-start!important;gap:12px;padding:3px 0 12px!important;border-top:0!important;text-align:left!important;}
#sod_bsk .tbl_head03 .td_prd .sod_img,#sod_frm #sod_list .td_prd .sod_img {position:static!important;float:none!important;flex:0 0 76px;width:76px!important;margin:0!important;padding:0!important;}
#sod_bsk .td_prd .sod_img img,#sod_frm .td_prd .sod_img img {display:block;width:76px!important;height:auto!important;max-width:100%;}
#sod_bsk .td_prd .sod_name,#sod_frm .td_prd .sod_name {position:static!important;float:none!important;min-width:0!important;width:auto!important;flex:1;margin:0!important;padding:0!important;line-height:1.55;word-break:keep-all;}
#sod_bsk .tbl_head03 td.td_chk {grid-column:1/-1;border-top:0!important;justify-content:flex-start!important;padding:0 0 8px!important;min-height:24px;}
#sod_bsk .tbl_head03 td.td_num::before,#sod_frm #sod_list td.td_num::before {content:'수량';}
#sod_bsk .tbl_head03 td.td_numbig:nth-child(4)::before,#sod_frm #sod_list td.td_numbig:nth-child(3)::before {content:'판매가';}
#sod_bsk .tbl_head03 td.td_numbig:nth-child(5)::before,#sod_frm #sod_list td.td_numbig:nth-child(5)::before {content:'포인트';}
#sod_bsk .tbl_head03 td.td_dvr::before,#sod_frm #sod_list td.td_dvr::before {content:'배송비';}
#sod_bsk .tbl_head03 td.td_numbig:last-child::before,#sod_frm #sod_list td.td_numbig:nth-child(4)::before {content:'소계';}
#sod_bsk .tbl_head03 td:not(.td_prd):not(.td_chk)::before,#sod_frm #sod_list td:not(.td_prd)::before {display:inline-block;margin-right:8px;flex:0 0 auto;color:#6e8290;font-size:11px;font-weight:700;}
#sod_bsk .tbl_head03 td.td_numbig:last-child,#sod_frm #sod_list td.td_numbig:nth-child(4){font-weight:800;color:#173b50;}
#sod_bsk .tbl_head03 td.empty_table {grid-column:1/-1;display:block!important;text-align:center!important;}
#sod_bsk .btn_cart_del {display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;}
#sod_bsk #sod_bsk_tot,#sod_bsk #sod_bsk_tot ul {width:100%!important;max-width:100%!important;box-sizing:border-box;}
#sod_bsk #sod_bsk_tot ul {display:flex!important;flex-direction:column;}
#sod_bsk #sod_bsk_tot ul li {display:flex!important;float:none!important;width:100%!important;justify-content:space-between;align-items:center;min-width:0;box-sizing:border-box;padding:14px 16px!important;}
#sod_bsk #sod_bsk_act {display:flex;flex-wrap:wrap;justify-content:stretch;gap:10px;max-width:100%;}
#sod_bsk #sod_bsk_act>a,#sod_bsk #sod_bsk_act>button {flex:1 1 calc(50% - 5px);width:auto!important;min-width:0;box-sizing:border-box;}
#sod_bsk .cart-naverpay {flex:1 1 100%;max-width:100%;margin:8px auto 0;text-align:center;}
#sod_frm .sod_left,#sod_frm .sod_right {display:block!important;margin-bottom:18px!important;}
#sod_frm #sod_frm_orderer,#sod_frm #sod_frm_taker {width:100%!important;min-width:0!important;margin:0 0 18px!important;}
#sod_frm #sod_frm_orderer .tbl_frm01,#sod_frm #sod_frm_taker .tbl_frm01 {width:100%!important;min-width:0!important;padding:12px!important;overflow:visible!important;box-sizing:border-box;}
#sod_frm .tbl_frm01 table {width:100%!important;max-width:100%!important;display:block;}
#sod_frm .tbl_frm01 tbody,#sod_frm .tbl_frm01 tr {display:block;width:100%;}
#sod_frm .tbl_frm01 th,#sod_frm .tbl_frm01 td {display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:6px 0!important;border:0!important;box-sizing:border-box;text-align:left!important;}
#sod_frm .tbl_frm01 th {padding-top:14px!important;font-size:12px;}
#sod_frm .tbl_frm01 td input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#sod_frm .tbl_frm01 td select,#sod_frm .tbl_frm01 td textarea {max-width:100%!important;box-sizing:border-box;}
#sod_frm .tbl_frm01 input.frm_input,#sod_frm .tbl_frm01 textarea {width:100%!important;}
#sod_frm .tbl_frm01 input[type=checkbox],#sod_frm .tbl_frm01 input[type=radio] {width:auto!important;}
#sod_frm .tbl_frm01 td .ad_choice,#sod_frm .tbl_frm01 td .ad_choice * {max-width:100%;}
#sod_frm .tbl_frm01 input[id$="_zip"],#sod_frm .tbl_frm01 input[id$="_b_zip"] {width:100px!important;max-width:38%!important;display:inline-block!important;vertical-align:middle;}
#sod_frm .tbl_frm01 button,#sod_frm .tbl_frm01 a.btn_frmline {max-width:100%;vertical-align:middle;}
#sod_frm #sod_bsk_tot,#sod_frm #sod_frm_pay,#sod_frm .pay_tbl,#sod_frm .sod_right>* {max-width:100%!important;box-sizing:border-box;}
#sod_frm .sod_right table {width:100%!important;max-width:100%;}
#sod_frm .sod_right input:not([type=radio]):not([type=checkbox]):not([type=hidden]),#sod_frm .sod_right select {max-width:100%!important;box-sizing:border-box;}
}