/* ===== MNU GIFT 공통 스타일 ===== */

*{box-sizing:border-box;}
body{

}

#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}


/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:middle;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:700;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
line-height:1.8;
letter-spacing:-0.05em;
font-weight:400;
font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Apple SD Gothic Neo,sans-serif;

color:var(--text);
font-size:var(--fs1);
}

body, html{
width:100%; background:var(--bg); overflow-x:hidden; 

}
html{
scrollbar-gutter: stable;
scroll-behavior: smooth;
}

/* 스크롤바 전체 너비 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* 스크롤바 뒷배경 (트랙) */
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}

/* 움직이는 스크롤바 막대 (썸) */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

/* 마우스 오버 시 막대 색상 */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

:focus {
outline:none;
}

.slick-list{width:100%;}
.slick-track{display:flex}
.slick-slide{display:block;}



/* Header */
header{
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:fixed;
  top:0;
  z-index:50; width:100%;
}
.mr_header_area{width:96%; max-width:1610px; margin:0 auto; display:flex; justify-content: space-between; align-items: center; height:75px;}
.mr_logo{
  font-size:50px;
  font-weight:800;
  line-height:1em;
}
.mr_logo img{width:240px;}
.mr_logo span{color:var(--purple);}
.mr_header_actions{
  display:flex;
  align-items:center;
  gap:5px;
}

.mr_header_actions a{display:flex; align-items: center; background:#fff;border:1px solid var(--purple); 
  color:var(--text); border-radius:var(--radi2); height:38px; padding:0 15px;
font-size:var(--fs2); color:var(--purple); transition: all 0.3s;}

.mr_header_actions a.mr_btn_solid{
  background:var(--purple);
  color:#fff;
  
}
.mr_header_actions a.mr_btn_outline:hover{background:var(--purple-soft);}
.mr_header_actions a.mr_btn_solid.mr_btn_solid:hover{background:var(--purple-dark); border-color:var(--purple-dark);}

.mr_mobile_menu_open{font-size:32px; color:var(--purple); display:none; cursor: pointer;}

/* Breadcrumb */
.mr_breadcrumb{
  max-width:1440px;
  margin:0 auto;
  padding:20px 40px 0;
  font-size:var(--fs7);
  color:var(--text-sub);
  display:flex;
  gap:6px;
  align-items:center;
}
.mr_breadcrumb a:hover{color:var(--purple);}
.mr_breadcrumb .mr_current{color:var(--text);font-weight:600;}

/* Layout */
.mr_container{
width:96%;
  max-width:1610px;
  margin:0 auto;
  padding:96px 0px 60px;
  display:flex;
  gap:50px;
  align-items:flex-start;
}

/* Sidebar */
.mr_sidebar{
  width:280px; flex-shrink: 0; 
  height:calc(100vh - 180px); 
  overflow:hidden;
  overflow-y:scroll;
  background:#fff;
  border-radius:var(--radi3);
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  padding:20px;
  position:fixed;
  top:96px; 
}

.mr_brand_item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:15px 15px;
  cursor:pointer;
  font-weight:600;
  font-size:var(--fs3); border-top:1px var(--card-border) dashed;
}
.mr_brand_item:first-child{border-top-width:0;}
.mr_brand_item:hover,.mr_brand_item.mr_active{background:var(--purple-soft); border-radius:var(--radi2); color:var(--purple);}
.mr_brand_item.mr_active{color:var(--purple);}
.mr_brand_icon{
  width:50px;
  height:50px;
  border-radius:var(--radi3);
  border:1px solid var(--card-border);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  overflow:hidden;
  background:#fff;
  
}
.mr_brand_icon img{max-width:100%; text-align:center; transition: all 0.2s;}
.mr_brand_item:hover .mr_brand_icon img{transform:scale(1.2);}


/* Main content */
.mr_center{flex-grow: 1; min-width:0; padding-left:330px;}

/* visual */
.mr_visual{position:relative; width:100%;}
.mr_vs_slide{position:relative; z-index:11;}
.mr_vs_box{border-radius:30px; overflow:hidden;}
.mr_vs_box img{width:100%;}
.mr_nav{
  position:absolute; z-index:22;
  bottom:0px;
  right:0px;
  display:flex; align-items: flex-end; justify-content: flex-end; background:url(img/visual_nav.png); background-size:cover; background-position:right top; width:120px; height:150px;
}
.mr_nav:before{width:150px; height:152px; content:""; display:block;  background:url(img/visual_nav.png); background-position:left top; background-size:cover; position:absolute; left:-100px; top:-1px; z-index:-1;}
.mr_nav_area{height:65px; width:200px; display:flex; align-items: center; justify-content: flex-end; gap:5px;}
.mr_counter{font-size:var(--fs2); margin-right:15px; font-weight:300; color:var(--text-sub); display:flex; align-items: center; gap:5px;}
.mr_counter .current-slide{font-weight:700; color:var(--text);}

.mr_nav button{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#fff;
  cursor:pointer; box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
  font-size:var(--fs2); cursor:pointer; color:var(--text-sub);
}

/* Section title */
.mr_section_title{
  display:flex;
  align-items:baseline;
  gap:15px;
  margin:50px 0 18px;
}
.mr_section_title p{
  font-size:var(--fs_tit);
  font-weight:700;
  margin:0;
}

.mr_sub_title{
  display:flex;
  align-items:baseline;
  gap:15px;
  margin-bottom: 18px;
}
.mr_sub_title p{
  font-size:var(--fs_tit);
  font-weight:700;
  margin:0;
}
.mr_sub_title span{
  font-size:var(--fs2);
  color:var(--text-sub);
  font-weight:300; letter-spacing: 0;
}

/* Product grid / card */
.mr_product_flex{
  display:flex;
  gap:20px 3%; flex-wrap:wrap;
}
.mr_product_card{
  width:31.333%;
}
.mr_product_card > a{display:block;}
.mr_product_img{width:100%; position:relative; width:100%; padding-top:62%; overflow:hidden; border-radius:var(--radi2);}
.mr_product_img > div{position:absolute; width:100%; height:100%; left:0; top:0; display:flex; justify-content: center; align-items: center; background:#fff;}
.mr_product_img > div img{max-width:100%; transition: all 0.3s;}
.mr_product_img:hover > div img{transform: scale(1.2);}
.mr_product_info{padding:14px 0px 16px; display:flex; flex-direction: column; gap:3px;}
.mr_product_brand{color:var(--text-sub); font-size:var(--fs2);}
.mr_product_name{font-size:var(--fs5); font-weight:700; line-height:1.5em; height:1.5em; overflow:hidden;}
.mr_product_price{
  font-size:var(--fs5);
  font-weight:800;
}
.mr_product_price span{
  font-size:var(--fs4);
  font-weight:300;
  color:var(--text-sub);
}


.mr_sub_list{position:relative;}
.mr_product_total{text-align:right; font-size:var(--fs4); position:absolute; top:-50px; width:100%; opacity:0.5;}

.mr_cart_btn{
  width:100%; margin-top:10px;
  padding:8px;
  border-radius:var(--radi2);
  border:1px solid var(--purple);
  color:var(--purple);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center; font-weight:500;
  gap:6px; transition: all 0.3s; font-size:0.95em; background:transparent;
}
.mr_cart_btn i{font-size:1.25em;}
.mr_cart_btn:hover{background:var(--purple); color:#fff;}

/* Pagination */
.mr_pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin:36px 0 0;
  
}
.mr_pagination button{
  width:34px;height:34px;
  border-radius:8px;
  border:1px solid var(--card-border);
  background:#fff;
  cursor:pointer;
  color:var(--text-sub);
  font-size:var(--fs4);
}
.mr_pagination button.mr_active{
  background:var(--purple);
  color:#fff;
  border-color:var(--purple);
  font-weight:700;
}

/* Notice / FAQ (accordion) */
.mr_board_flex{
  display:flex;
  gap:3%;
  margin-top:44px;
}
.mr_board_box{
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:var(--radi3);
  padding:20px; padding-bottom:0px; width:48.5%;
}
.mr_board_title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.mr_board_title p{
  font-size:var(--fs6);
  margin:0; font-weight:700;
  display:flex;
  align-items:baseline;
  gap:8px;
}
.mr_board_title p span{
  font-size:var(--fs4);  letter-spacing: 0em;
  font-weight:400;
  color:var(--text-sub);
}
.mr_more{
  width:35px;height:35px;border-radius:50%;
  background:var(--bg);
  display:flex;align-items:center;justify-content:center;
color:var(--text-sub);
}
.mr_accordion_item{border-top:1px solid #f0f0f2;}
.mr_accordion_q{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 0;
  cursor:pointer;
  gap:12px;
  background:none;
  border:none;
  width:100%;
  text-align:left;
  color:var(--text);
}
.mr_accordion_q .mr_title{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:var(--fs2);}
.mr_accordion_q .mr_date{color:var(--text-sub); font-size:var(--fs4); flex-shrink:0; letter-spacing: 0em;}
.mr_accordion_item.mr_open .mr_accordion_q{ align-items: flex-start}
.mr_accordion_item.mr_open .mr_accordion_q .mr_title{overflow:unset;white-space:unset;}
.mr_accordion_item.mr_open .mr_accordion_q .mr_date{margin-top:2px;}
.mr_accordion_a{
  max-height:0;
  overflow:hidden;
  color:var(--text-sub);
  line-height:1.7; font-size:var(--fs2);
  transition:max-height .2s ease;
}
.mr_accordion_item.mr_open .mr_accordion_a{
  max-height:800px;
  padding-bottom:16px;
}
.mr_faq_row .mr_title{width:100%;}

/* Side floating icons */
.mr_side_nav{
  position:fixed;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:9999;
}
.mr_side_nav .mr_item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  font-size:var(--fs4);
  color:var(--text-sub);
}
.mr_side_nav .mr_circle{
  width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:var(--fs1);
  background:#fff;
  border:1px solid var(--card-border); overflow:hidden;
}
.mr_side_nav .mr_circle img{width:100%;}
.mr_side_nav .mr_circle.mr_cr1{border-color:#d2e2f5;}
.mr_side_nav .mr_circle.mr_cr2{border-color:#f2edc0;}
.mr_side_nav .mr_circle.mr_cr3{border-color:#f5dcd9;}
.mr_side_nav .mr_circle.mr_cr4{border-color:#daeede;}
.mr_side_nav .mr_circle.mr_cr5{border-color:#393644; background:#393644; color:#fff; font-size:var(--fs7); flex-direction: column; gap:0; line-height:1;}
.mr_side_nav .mr_circle.mr_cr5 i{font-size:1.25em; margin-top:-5px;}


/*mobile menu*/
.mr_all_menu_area{
position:fixed;
top:0;
bottom:0; 
 
z-index:999999999; 
-webkit-transition: all 1s;  
transition: all 1s; 
width:auto; 
overflow:visible; 
background:#000;
margin-left:0;

border:0; left:-2000px; display:none;
}

.mr_sidebg{
display:block;
position: fixed;
height: 150%;
background: rgba(0,0,0,0.5);
width: 100%;
top: 0;
right: 0;
z-index: 44;
}
.mr_menu_box{
position:relative;
z-index:55; 
width:280px; 
left:auto; 
right:0; 
height:100%;
background:#fff;
display:block;
text-align:left;
box-sizing:border-box; 
}
.mr_mb_top{position:sticky; top:0; left:0; width:100%; background:var(--purple); color:#fff; display:flex; box-sizing: border-box; padding:10px 5%; align-items: center; justify-content: space-between;}
.mr_close_btn{display:flex; align-items: center; justify-content: center; color:#fff; font-size:20px;}

.mr_mb_middle{padding:10px 5%; overflow-x:hidden; 
overflow-y:auto; 
height:calc(100% - 140px); }
.mr_mb_bottom{display:flex; position:absolute; bottom:0; left:0; width:100%; justify-content: center; align-items: center; gap:15px; background:var(--bg); padding:15px 0;}
.mr_mb_bottom .mr_item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  font-size:var(--fs4);
  color:var(--text-sub);
position:relative;padding-left:15px;
}
.mr_mb_bottom .mr_item:before{
content:""; display:block; width:1px; height:90%; background:var(--bdcolor); position:absolute;
left:0; top:5%;
}
.mr_mb_bottom .mr_item:first-child{padding-left:0;}
.mr_mb_bottom .mr_item:first-child:before{display:none;}

.mr_mb_bottom .mr_circle{
  width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:var(--fs1);
  background:#fff;
  border:1px solid var(--card-border); overflow:hidden;
}
.mr_mb_bottom .mr_circle img{width:100%;}
.mr_mb_bottom .mr_circle.mr_cr1{border-color:#d2e2f5;}
.mr_mb_bottom .mr_circle.mr_cr2{border-color:#f2edc0;}
.mr_mb_bottom .mr_circle.mr_cr3{border-color:#f5dcd9;}
.mr_mb_bottom .mr_circle.mr_cr4{border-color:#daeede;}



/* Footer */
footer{
  padding:80px 0px 0px;
  color:var(--text-sub);
  font-size:var(--fs4);
  line-height:1.9; background: url(img/foot-logo.gif); background-repeat:no-repeat; background-position:100% 70%; background-size:120px 71px;
}
footer .mr_copyright{margin-top:12px; letter-spacing: 0em; opacity:0.6;}

/* ===== 상품상세 ===== */
.mr_detail_wrap{
  display:flex;
  gap:6%;
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:var(--radi3);
  padding:40px;
}
.mr_detail_img{
  width:45%; flex-shrink: 0;
}
.mr_detail_info{flex-grow: 1;}
.mr_detail_brand{font-size:var(--fs2);color:var(--text-sub);font-weight:600;}
.mr_detail_name{font-size:var(--fs6);font-weight:800;margin:0 0 20px;}
.mr_detail_row{
  display:flex;
  align-items:center;
  gap:20px;
  padding:16px 0;
  border-top:1px solid #f0f0f2;
}
.mr_detail_row:first-of-type{border-top:none;}
.mr_detail_label{
  flex:0 0 110px;
  font-weight:600;
  color:var(--text-sub);
}
.mr_detail_value{flex:1;font-size:var(--fs5); font-weight:700;}
.mr_select{
  padding:10px 14px;
  border-radius:8px;
  border:1px solid var(--card-border);
  font-size:var(--fs4);
  min-width:220px;
  background:#fff;
}
.mr_discount{color:var(--red);font-weight:700; margin-left:8px;}
.mr_qty_control{
  display:flex;
  align-items:center;
  border:1px solid var(--card-border);
  border-radius:8px;
  overflow:hidden;
  width:fit-content;
}
.mr_qty_control button{
  width:34px;height:34px;
  border:none;
  background:#fafafa;
  cursor:pointer;

  color:var(--text-sub);
}
.mr_qty_control input{
  width:48px;height:34px;
  border:none;
  border-left:1px solid var(--card-border);
  border-right:1px solid var(--card-border);
  text-align:center;
  font-size:var(--fs2);
}
.mr_detail_total{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  padding:18px 0;
  border-top:1px solid var(--card-border);
  margin-top:6px;
}
.mr_detail_total .mr_label{color:var(--text-sub);font-weight:600;}
.mr_detail_total .mr_amount{font-size:var(--fs8);font-weight:800;color:var(--purple);}
.mr_detail_actions{
  display:flex;
  gap:2%;
  margin-top:18px;
}
.mr_detail_actions button{display:flex; align-items: center; justify-content: center; height:45px; width:49%;font-size:var(--fs4);
    border-radius: var(--radi2); background:#fff;
    border: 1px solid var(--purple);
    color: var(--purple);
    cursor: pointer;
    
    font-weight: 500;
    gap: 6px;
    transition: all 0.3s;
    font-size: 0.95em;
}
.mr_de_cart_btn:hover{background:var(--purple-soft); }
.mr_detail_actions .mr_de_btn_buy{
  border:none;
  background:var(--purple);
  color:#fff;
}
.mr_detail_actions .mr_de_btn_buy:hover{background:var(--purple-dark);color:#fff;}
.mr_issuer_box{
  margin-top:22px;
  background:var(--bg);
  border-radius:var(--radi2);
  padding:20px;
  font-size:var(--fs4);
  color:var(--text-sub);
  line-height:2;
}
.mr_issuer_box b{color:var(--text);font-weight:700;margin-right:6px;}

.mr_tabs{
  display:flex;
  gap:0;
  margin-top:30px;
  border-bottom:2px solid var(--card-border);
}
.mr_tab_btn{
  padding:14px 28px;
  font-weight:700;
  color:var(--text-sub);
  background:none;
  border:none;
  cursor:pointer;
  border-bottom:2px solid transparent;
  margin-bottom:-2px;
}
.mr_tab_btn.mr_active{color:var(--purple);border-bottom-color:var(--purple);}
.mr_tab_panel{
  display:none;
  padding:32px 8px;
  font-size:var(--fs2);
  line-height:1.9;
  color:var(--text-de); border-bottom:1px solid var(--card-border);
}
.mr_tab_panel.mr_active{display:block;}



/* ===== 장바구니 / 표 ===== */

.mr_table{
  width:100%;
  border-collapse:collapse;
  border-radius:var(--radi3); background:#fff;
  overflow:hidden;
}
.mr_table td input[type="checkbox"]{}
.mr_table thead th{
  background:var(--purple-soft);
  font-weight:600;
  padding:10px;
  color:var(--text-de);
  text-align:center;
}
.mr_table tbody td{
  padding:18px 14px;
  border-bottom:1px solid #f0f0f2;
  font-size:var(--fs2);
  text-align:center;
  vertical-align:middle;
}
.mr_table tbody tr:last-child td{border-bottom:none;}
.mr_cell_product{display:flex;align-items:center;gap:20px;text-align:left;}
.mr_cell_thumb{width:90px; border:1px var(--bg) solid;}
.mr_cell_name{font-weight:600;font-size:var(--fs2);}
.mr_cell_price{font-weight:700;}
/*.mr_qty_control{margin:0 auto;}*/
.mr_qty_control.mr_small button{width:28px;height:28px;font-size:var(--fs4);}
.mr_qty_control.mr_small input{width:40px;height:28px; font-size:var(--fs7);}

.mr_cart_summary{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:24px;
  height:70px; 
  padding:0px 30px; margin:20px 0 50px;
  background:var(--purple-bg); border-radius:var(--radi3); color:#fff;
}
.mr_cart_summary .mr_amount{font-size:var(--fs6);font-weight:700; letter-spacing: 0;}
.mr_cart_actions{
  display:flex;
  justify-content:space-between;

}

.mr_cart_actions button{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    padding:0 50px;
    border-radius: var(--radi2);
    background: #fff;
    border: 1px solid var(--purple-soft);
    cursor: pointer;
    font-weight: 500;
    gap: 6px; color:var(--text-de);
    transition: all 0.3s;
}
.mr_cart_actions button.mr_cart_btn_buy{background:var(--purple-dark); border-color:var(--purple-dark); color:#fff;}
.mr_cart_actions button.mr_cart_btn_buy:hover{background:var(--purple);}
.mr_cart_actions button.mr_cart_btn_ghost:hover{background:#fafafa;}

/* ===== 주문화면 (checkout) ===== */
.mr_checkout_grid{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:24px;
  align-items:start;
}
.mr_form_box{
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:14px;
  padding:28px 28px 8px;
  margin-bottom:20px;
}
.mr_form_box h3{
  font-size:var(--fs2);
  margin:0 0 18px;
  font-weight:800;
}
.mr_form_row{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
}
.mr_form_row label{
  flex:0 0 75px;
  font-size:var(--fs2);
  font-weight:600;
  color:var(--text-li);
}
.mr_form_row input[type=text],
.mr_form_row input[type=tel],
.mr_form_row select{
  flex:1;
  padding:11px 14px;
  border-radius:8px;
  border:1px solid var(--card-border);
  font-size:var(--fs2);
}
.mr_checkbox_row{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:var(--fs2);
  color:var(--text-sub);
  margin-bottom:18px;
}
.mr_payment_option{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border:1px solid var(--card-border);
  border-radius:10px;
  margin-bottom:12px;
  font-size:var(--fs4);
  font-weight:600;
}
.mr_payment_option.mr_selected{border-color:var(--purple);background:var(--purple-soft);color:var(--purple);}

.mr_order_summary{
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:14px;
  padding:26px;
  position:sticky;
  top:96px;
}
.mr_order_tit{font-size:var(--fs5);margin-bottom:20px;font-weight:800;}
.mr_order_item{
  display:flex;
  font-size:var(--fs4);
  padding:10px 0;
  border-bottom:1px solid #f0f0f2;
  gap:10px; align-items: center;
}
.mr_order_item .mr_order_img{width:20%; border:1px var(--bdcolor) solid; border-radius:var(--radi1); flex-shrink: 0;}
.mr_order_item .mr_name{color:var(--text-sub); flex-grow: 1;}
.mr_order_item .mr_val{font-weight:700;flex-shrink:0;}
.mr_order_total_row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  padding:18px 0 4px;
}
.mr_order_total_row .mr_label{font-weight:600;}
.mr_order_total_row .mr_amount{font-size:var(--fs5);font-weight:800;color:var(--purple);}

.mr_checkout_actions{
  display:flex;
  gap:10px;
  margin-top:18px;
}
.mr_btn_cancel{
  flex-shrink: 0;
  padding:10px 50px;
  border-radius:8px;
  border:1px solid var(--card-border);
  background:#fff;
  color:var(--text-sub);
  font-weight:700;
  font-size:var(--fs2);
  cursor:pointer; transition: all 0.3s;
}
.mr_btn_cancel:hover{background:var(--bg);}
.mr_btn_order{
  flex-grow: 1;
  padding:10px 14px;
  border-radius:8px;
  border:none;
  background:var(--purple);
  color:#fff;
  font-weight:700;
  font-size:var(--fs2);
  cursor:pointer;  transition: all 0.3s;
}
.mr_btn_order:hover{background:var(--purple-dark);}

/* ===== 주문조회 ===== */
.mr_lookup_box{
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:14px;
  padding:24px 28px;
  display:flex;
  align-items:flex-end;
  gap:20px;
  flex-wrap:wrap;
  margin-bottom:20px;
}
.mr_lookup_field{display:flex; align-items: center; gap:6px;}
.mr_lookup_field label{font-size:var(--fs2);color:var(--text-sub);font-weight:600;}
.mr_lookup_field input{
  padding:11px 14px;
  border-radius:8px;
  border:1px solid var(--card-border);
  font-size:var(--fs4);
  width:200px;
}
.mr_btn_search{
  padding:11px 26px;
  border-radius:8px;
  border:none;
  background:var(--purple);
  color:#fff;
  font-weight:700;
  font-size:var(--fs4);
  cursor:pointer;
}
.mr_lookup_summary{
  margin-left:auto; text-align:right;
  font-size:var(--fs2);
  color:var(--text-sub); width:100%; border-top:1px var(--card-border) solid; padding-top:20px;
}
.mr_lookup_summary b{color:var(--purple);font-size:1.25em; }

.mr_order_card{
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:14px;
  padding:22px 26px;
  margin-bottom:16px;
}
.mr_order_card_head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid var(--card-border);
  font-size:var(--fs4); 
  color:var(--text-sub);
}
.mr_order_card_head .mr_order_no{font-weight:600;color:var(--text-li);}
.mr_status{
  padding:5px 12px;
  border-radius:999px;
  font-size:var(--fs7);
  font-weight:700;
}
.mr_status.mr_done{background:#e7f7e9;color:var(--green);}
.mr_status.mr_paid{background:var(--purple-soft);color:var(--purple);}
.mr_status.mr_cancel{background:#adadad;color:rgba(255, 255, 255, 0.9);}
.mr_status.mr_completed{background:#f6e3e7;color:var(--red);}
.mr_order_card_body{
  display:flex;
  justify-content:space-between;
  gap:20px;
}
.mr_order_card_product{font-size:var(--fs2);font-weight:700;margin-bottom:4px;}
.mr_order_card_sub{font-size:var(--fs4);color:var(--text-sub);line-height:1.8;}
.mr_order_card_price{font-size:var(--fs1);font-weight:800;flex-shrink:0;white-space:nowrap;}








/* ----- 입력 필드 ----- */
.mr_field{margin-bottom:18px;}
.mr_field label{
  display:block;
  font-size:var(--fs2);
  font-weight:700;
  margin-bottom:7px;
  color:var(--text);
}
.mr_field label .mr_req{color:var(--purple);margin-left:2px;}
.mr_field input[type="text"],
.mr_field input[type="password"],
.mr_field input[type="email"],
.mr_field input[type="tel"]{
  width:100%;
  padding:12px 14px;
  border-radius:var(--radi2);
  border:1px solid var(--card-border);
  font-size:var(--fs4);
  font-family:inherit;
  color:var(--text);
  background:#fff; 
  transition:border-color .2s;
}
input::placeholder {
opacity:1;
}
.mr_field input:focus{border-color:var(--purple);}
.mr_field input.mr_invalid{border-color:var(--red);}
.mr_field input.mr_valid{border-color:var(--green);}

.mr_field_hint{
  display:block;
  margin-top:6px; margin-left:5px; opacity:0.8;
  font-size:var(--fs7);
  color:var(--text-sub);
}
.mr_field_hint.mr_error{color:var(--red);}
.mr_field_hint.mr_ok{color:var(--green);}

.mr_id_row{display:flex; gap:8px;}
.mr_id_row input{flex:1;}
.mr_btn_check{
  flex-shrink:0;
  padding:0 16px;
  border-radius:var(--radi2);
  background:#fff;
  color:#fff; background:var(--purple-dark);
  font-size:var(--fs4);
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
  transition:all .2s;
}
.mr_btn_check:hover{background:var(--purple-bg);}

/* ----- 약관동의 ----- */
.mr_agree_wrap{
    background: #fff;
    border: 1px solid var(--card-border);
    border-radius: var(--radi3); padding:20px;
}
.mr_agree_all{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  background:var(--bg);
  border-radius:var(--radi2);
  font-weight:600;
  font-size:var(--fs4);
  margin-bottom:14px;
}

.mr_agree_item{
  border-top:1px dashed var(--card-border);
}
.mr_agree_item:first-child{border-top:none;}
.mr_agree_row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 2px;
}
.mr_agree_row .mr_agree_label{
  display:flex;
  align-items:center;
  gap:9px;
  font-size:var(--fs4);
  cursor:pointer;
}
.mr_agree_row .mr_agree_label .mr_req{color:var(--purple);}
.mr_agree_row .mr_agree_label .mr_opt{color:var(--text-sub); font-weight:400;}
.mr_agree_view_btn{
  background:none;
  border:none;
  font-size:var(--fs7);
  color:var(--text-sub);
  text-decoration:underline;
  cursor:pointer;
  padding:4px 2px;
  flex-shrink:0;
}
.mr_agree_view_btn:hover{color:var(--purple);}
.mr_agree_body{
  max-height:0;
  overflow:hidden;
  transition:max-height .2s ease;
  font-size:var(--fs7);
  line-height:1.8;
  color:var(--text-sub);
  background:var(--bg);
  border-radius:var(--radi1);
}
.mr_agree_item.mr_open .mr_agree_body{
  max-height:220px;
  overflow-y:auto;
  padding:14px 16px;
  margin-bottom:12px;
}
.mr_agree_body .mr_sample_tag{
  display:inline-block;
  color:var(--purple);
  font-weight:700;
  margin-bottom:6px;
}
input[type="checkbox"].mr_chk{
  width:18px;height:18px;
  accent-color:var(--purple);
  flex-shrink:0;
  cursor:pointer;
}

/* ----- 버튼 ----- */
.mr_btn_primary_lg{
  width:100%;
  padding:15px;
  border-radius:var(--radi2);
  border:none;
  background:var(--purple);
  color:#fff;
  font-weight:600;
  font-size:var(--fs2);
  cursor:pointer;
  transition:background .2s;
  margin-top:20px;
}
.mr_btn_primary_lg:hover{background:var(--purple-dark);}
.mr_btn_primary_lg:disabled{background:#c9c9d4;cursor:not-allowed;}

.mr_btn_outline_lg{
  width:100%;
  padding:14px;
  border-radius:var(--radi2);
  border:1px solid var(--card-border);
  background:#fff;
  color:var(--text-sub);
  font-weight:700;
  font-size:var(--fs2);
  cursor:pointer;
  transition:all .2s;
}
.mr_btn_outline_lg:hover{border-color:var(--purple); color:var(--purple); background:var(--purple-soft);}

.mr_auth_foot{
  text-align:center;
  margin-top:22px;
  font-size:var(--fs4);
  color:var(--text-sub);
}
.mr_auth_foot a{color:var(--purple); font-weight:700;}
.mr_auth_foot a:hover{text-decoration:underline;}
.mr_auth_divider{
  display:flex; align-items:center; gap:10px;
  color:var(--text-sub); font-size:var(--fs7); margin:22px 0;
}
.mr_auth_divider::before,.mr_auth_divider::after{content:"";flex:1;height:1px;background:var(--card-border);}

/* ----- 알림 배너(성공/에러) ----- */
.mr_toast{
  display:none;
  align-items:center;
  gap:10px;
  padding:13px 16px;
  border-radius:var(--radi2);
  font-size:var(--fs4);
  font-weight:600;
  margin-bottom:20px;
}
.mr_toast.mr_show{display:flex;}
.mr_toast.mr_success{background:#e7f7ee; color:var(--green);}
.mr_toast.mr_error{background:#fdecea; color:var(--red);}

/* ================= 마이페이지 ================= */
.mr_profile_card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  background:linear-gradient(135deg, var(--purple) 0%, var(--purple-dark) 100%);
  color:#fff;
  border-radius:var(--radi3);
  padding:25px 35px;
  margin-bottom:26px;
}
.mr_profile_card .mr_pf_name{font-size:var(--fs5); font-weight:800;}
.mr_profile_card .mr_pf_name span{font-weight:400; font-size:var(--fs6); opacity:.85;}
.mr_profile_card .mr_pf_sub{font-size:var(--fs7); opacity:.85;}
.mr_profile_card .mr_pf_logout{
  padding:10px 18px;
  border-radius:var(--radi2);
  border:1px solid rgba(255,255,255,0.3);
  background:rgba(255,255,255,0.08);
  color:#fff;
  font-size:var(--fs4);
  font-weight:600;
  cursor:pointer;
  white-space:nowrap; transition: all 0.3s; align-items: center; display:flex; justify-content: center; gap:5px;
}
.mr_profile_card .mr_pf_logout i{font-size:1.25em;}
.mr_profile_card .mr_pf_logout:hover{background:rgba(255,255,255,0.2);}

.mr_info_grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:60px;
}
.mr_info_box{
  background:#fff;
  border:1px solid var(--card-border);
  border-radius:var(--radi2);
  padding:18px 20px;
}
.mr_info_box .mr_ib_label{font-size:var(--fs3); color:var(--text-sub); font-weight:600; margin-bottom:6px;}
.mr_info_box .mr_ib_value{font-size:var(--fs1); font-weight:700;}

.mr_mypage_panel .mr_form_box{padding:28px;}
.mr_mypage_panel .mr_form_row{
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}
.mr_mypage_panel .mr_form_row label{flex:none; font-size:var(--fs7);}
.mr_mypage_panel .mr_form_row input{width:100%;}

.mr_empty_box{
  text-align:center;
  padding:70px 20px;
  color:var(--text-sub);
  font-size:var(--fs4);
}
.mr_empty_box .mr_empty_ico{font-size:38px; margin-bottom:14px; opacity:.5;}
.mr_empty_box a{color:var(--purple); font-weight:700;}


.mr_mypage_actions{display:flex; align-items: center; justify-content: center; gap:10px;}
.mr_mypage_actions button{display:flex; align-items: center; height:55px; padding:0 100px; border:1px;
    border-radius: 8px; cursor:pointer;
    border: 1px solid var(--purple); color:var(--purple); 
    background: #fff; transition: all 0.3s; font-weight:600;}
.mr_mypage_actions button.mr_my_btn_order{background:var(--purple); color:#fff; border-color:var(--purple);}
.mr_mypage_actions button.mr_my_btn_order:hover{background:var(--purple-dark); border-color:var(--purple-dark);}
.mr_mypage_actions button.mr_my_btn_modi:hover{background:var(--purple-soft);}



/*sub_공지사항,faq*/
.mr_sub_board_wrap{background:#fff; border: 1px solid var(--card-border);
    border-radius: var(--radi3); padding:10px 30px;}
.mr_sub_board_wrap .mr_board_list li:first-child{border-top-width:0;}
.mr_sub_board_wrap .mr_accordion_q .mr_title{font-size:var(--fs1);}
.mr_sub_board_wrap .mr_accordion_q .mr_date{font-size:var(--fs2);}
.mr_sub_board_wrap .mr_accordion_q{padding:20px 0;}
.mr_sub_board_wrap .mr_accordion_a{font-size:var(--fs1);}