/*     1468095 : 한줄 텍스트      */
:root{
    --bg:#ffffff; --ink:#111; --muted:#6b7280; --line:#e5e7eb; --brand:#0ea5e9;
    --head:#0f172a; --tableHead:#f3f4f6; --note:#f8fafc;
    --radius:12px; --pad:18px; 
  }

.wrap{max-width:1100px; margin:40px auto; padding:0 16px}
  h1{font-size:clamp(22px,2.6vw,30px); color:var(--head); margin:0 0 14px}
  h2{font-size:clamp(18px,2.2vw,22px); color:var(--head); margin:34px 0 12px}
  p.lead{color:var(--muted); margin:0 0 10px}
  .card{
    background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow);
    padding:var(--pad); margin:18px 0;
  }
  .tips{background:var(--note); border:1px solid var(--line); border-radius:var(--radius); padding:14px}
  .tips ul{margin:8px 0 0 18px; padding:0}
  .tips li{margin:6px 0}

  /* Table shell */
  .table-wrap{position:relative; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#fff; box-shadow:var(--shadow)}
  .table-head{background:var(--tableHead); color:#111; padding:12px 14px; font-weight:700; border-bottom:1px solid var(--line)}
  .table{width:100%; border-collapse:separate; border-spacing:0}
  .table th, .table td{padding:14px 14px; vertical-align:top; border-bottom:1px solid var(--line)}
  .table th{background:var(--tableHead); font-weight:700; text-align:left}
  .table tr:last-child td{border-bottom:none}
  .table .muted{color:var(--muted); font-size:14px}
  .table .num{white-space:nowrap; color:#334155; font-weight:600}
  .badge{
    display:inline-block; padding:2px 8px; font-size:12px; border-radius:999px; border:1px solid var(--line); color:#334155; background:#f8fafc;
  }

  /* Responsive: stack columns under 860px + horizontal scroll opt-in */
  .scroll-x{overflow:auto}
  @media (max-width: 860px){
    .table thead{display:none}
    .table, .table tbody, .table tr, .table td{display:block; width:100%}
    .table tr{border-bottom:1px solid var(--line)}
    .table td{border:none; border-top:1px dashed var(--line)}
    .table td:first-child{border-top:none}
    .table td[data-th]::before{
      content:attr(data-th);
      display:block; font-size:12px; color:var(--muted); margin-bottom:6px; text-transform:none; letter-spacing:.02em;
    }
  }

  /* Details (mobile accordions for long cells) */
  details{border:1px solid var(--line); border-radius:10px; padding:10px 12px; background:#fff}
  details+details{margin-top:8px}
  summary{cursor:pointer; font-weight:600; color:#0f172a; outline:none}
  summary::-webkit-details-marker{display:none}
  summary::after{content:" 펼치기"; color:var(--muted); font-weight:500}
  details[open] summary::after{content:" 접기"}

  /* Print */
  @media print{
    body{background:#fff}
    .wrap{max-width:none; margin:0; padding:0}
    .card, .table-wrap{box-shadow:none; break-inside:avoid}
    a[href]:after{content:""}
  }

  /* Small helpers */
  .small{font-size:13px}
  .mb8{margin-bottom:8px}
  .mb12{margin-bottom:12px}
  .mb16{margin-bottom:16px}

/*     1468115 : 아이콘 버튼      */
@font-face {
	font-family:'icomoon_icon_button';
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.eot');
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.svg#icomoon_icon_button') format('svg');
	font-weight:normal;
	font-style:normal;
}

.icon_button__1468115__ a {
	display:block;margin:0;padding:10px 18px;
	border:1px solid #205c52;border-radius:4px;background:#205c52;box-sizing:border-box;
	font-size:15px;font-weight:normal;color:#fff;text-align:center;letter-spacing:-.03em;line-height:1em;
}
.icon_button__1468115__ a span {display:inline-block;position:relative}
.icon_button__1468115__.style_line a {background:transparent;color:#205c52}

.icon_button__1468115__.a_left a span:before {
	content:'\e618';position:absolute;top:50%;left:0;font-family:'icomoon_icon_button';font-weight:normal;
}
.icon_button__1468115__.a_right a span:after {
	content:'\e618';position:absolute;top:50%;right:0;font-family:'icomoon_icon_button';font-weight:normal
}

@media all and (min-width:1024px){
	.icon_button__1468115__ a {font-size:15px}
}

/*     1468125 : 아이콘 버튼      */
@font-face {
	font-family:'icomoon_icon_button';
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.eot');
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.svg#icomoon_icon_button') format('svg');
	font-weight:normal;
	font-style:normal;
}

.icon_button__1468125__ a {
	display:block;margin:0;padding:10px 18px;
	border:1px solid #205c52;border-radius:4px;background:#205c52;box-sizing:border-box;
	font-size:15px;font-weight:normal;color:#fff;text-align:center;letter-spacing:-.03em;line-height:1em;
}
.icon_button__1468125__ a span {display:inline-block;position:relative}
.icon_button__1468125__.style_line a {background:transparent;color:#205c52}

.icon_button__1468125__.a_left a span:before {
	content:'\e618';position:absolute;top:50%;left:0;font-family:'icomoon_icon_button';font-weight:normal;
}
.icon_button__1468125__.a_right a span:after {
	content:'\e618';position:absolute;top:50%;right:0;font-family:'icomoon_icon_button';font-weight:normal
}

@media all and (min-width:1024px){
	.icon_button__1468125__ a {font-size:15px}
}

/*     1468105 : 아이콘 버튼      */
@font-face {
	font-family:'icomoon_icon_button';
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.eot');
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_icon_button/icomoon.svg#icomoon_icon_button') format('svg');
	font-weight:normal;
	font-style:normal;
}

.icon_button__1468105__ a {
	display:block;margin:0;padding:10px 18px;
	border:1px solid #205c52;border-radius:4px;background:#205c52;box-sizing:border-box;
	font-size:15px;font-weight:normal;color:#fff;text-align:center;letter-spacing:-.03em;line-height:1em;
}
.icon_button__1468105__ a span {display:inline-block;position:relative}
.icon_button__1468105__.style_line a {background:transparent;color:#205c52}

.icon_button__1468105__.a_left a span:before {
	content:'\e618';position:absolute;top:50%;left:0;font-family:'icomoon_icon_button';font-weight:normal;
}
.icon_button__1468105__.a_right a span:after {
	content:'\e618';position:absolute;top:50%;right:0;font-family:'icomoon_icon_button';font-weight:normal
}

@media all and (min-width:1024px){
	.icon_button__1468105__ a {font-size:15px}
}

