/*     2358574 : 스크롤 블록/셀 슬라이드 js      */
.empty__2358574__ {padding:20px 10px;background:#fafafa;font-size:13px;color:blue;text-align:center}
.empty__2358574__ p{font-size:17px;font-weight:bold}
.empty__2358574__ dl{margin:0;text-align:left;color:#333}
.empty__2358574__ dt{margin-bottom:5px;font-size:14px}
.empty__2358574__ dd{margin:0;font-size:13px}


/*     2358584 : 이미지      */
.shgroup, .shgroup .sub_top_wrap, .contents_wrap .sub_page_top {display:none;}
#sub_view #container .contents_wrap .contents {padding:0;}
.section ul, .section li {list-style: none; vertical-align: middle;}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --primary: #0074ff;
  --primary-pale: #328fff;
  --text-main: #1a1a1a;
  --text-sub: #666;
  --text-muted: #aaa;
  --border: #efefef;
  --pill: 100px;
  --font: 'font-family: 'Pretendard-Regular';
  --max: 1400px;
}

a { text-decoration: none; color: inherit; }
button {font-family: 'Pretendard-Regular'; cursor: pointer; border: none; background: none; }
.wrap { max-width: 1400px; margin: 0 auto; padding: 0 40px; }

/* ── HERO ── */
.hero {padding: 100px 0 0;text-align: center;position: relative;overflow: hidden;}
.hero-bg {
  position: absolute; inset: 0;
  background: linear-gradient(150deg, #ede9fe 0%, #e0f2fe 50%, #fce7f3 100%);
  opacity: 0.45;
  border-radius: 0 0 50% 50% / 0 0 80px 80px;
  pointer-events: none;
}
.hero .wrap { position: relative; padding-bottom: 80px; }

.hero-badge {
  display: inline-flex; align-items: center; gap: 6px;font-size: 12px; font-family: 'Pretendard-Bold'; color: var(--primary);
  letter-spacing: 0.12em; text-transform: uppercase;background: #fff; border: 1px solid #ddd6fe;padding: 6px 16px; border-radius: var(--pill);margin-bottom: 25px;
}
.hero-badge::before {content: ''; width: 6px; height: 6px; border-radius: 50%;background: #a78bfa;}
.hero-title {margin-bottom: 20px;font-size: 55px; font-family: 'Pretendard-Bold';color: var(--text-main);letter-spacing: -.03em;line-height: 1.5em;word-break:keep-all;}
.hero-title em {font-style: normal; color: var(--primary);}
.hero-desc {margin-bottom: 30px;font-size: 16px; font-family: 'Pretendard-Regular'; color: var(--text-sub);line-height: 1.7em;word-break:keep-all;}
.hero-cta {
	display: inline-flex; align-items: center; gap: 8px;font-size: 16px; font-family: 'Pretendard-Bold'; color: #fff;
	background: var(--primary); padding: 15px 35px; border-radius: var(--pill);transition: background .2s;
}
.hero-cta:hover { background: #6d28d9; }
.hero-cta svg { width: 15px; height: 15px; }

/* ── SERVICES ── */
.services { padding: 80px 0; }
.services-head { margin-bottom: 50px; }
.services-title { font-family: var(--serif); font-size: 35px; font-family: 'Pretendard-Bold'; line-height: 1.2em; letter-spacing: -.03em; color: var(--text-main); word-break:keep-all;}
.services-title em { font-style: normal; color: var(--primary); word-break:keep-all;}
 
/* 상단 풀블록 */
.svc-grid-top { margin-bottom: 14px; }
/* 하단 2열 */
.svc-grid-bot { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
 
/* 풀블록 */
.svc-block { border-radius: 24px; overflow: hidden; transition: transform 0.25s;}
.svc-block:hover { transform: translateY(-4px); }
.svc-block-inner { display: grid; grid-template-columns: 3fr 2fr; align-items: center; min-height: 380px; }
.svc-block-text { padding: 52px 56px; }
.svc-block-visual { display: flex; align-items:flex-start; justify-content: center; padding: 24px 32px 0; overflow: hidden; height: 100%; }
.svc-block-visual svg { width: 100%; max-width: 480px; height: auto; display: block; }

/* 카드형 */
.svc-card { border-radius: 24px; overflow: hidden; display: flex; flex-direction: column; transition: transform 0.25s; }
.svc-card:hover { transform: translateY(-4px); }
.svc-visual { width: 100%; aspect-ratio: 16/9; overflow: hidden; flex-shrink: 0; }
.svc-visual svg { width: 100%; height: 100%; display: block; }
.svc-body { padding: 28px 32px 32px; }
 
/* 색상 */
.svc-sky    { background: #e0f2fe; }
.svc-purple { background: #ede9fe; }
.svc-amber  { background: #fef9c3; }
 
/* 태그 */
.svc-tag { display: inline-block; font-size: 14px; font-family: 'Pretendard-Bold'; letter-spacing: 0.15em; text-transform: uppercase; padding: 4px 12px; border-radius: var(--pill); margin-bottom: 10px; }
.tag-sky    { background: #bae6fd; color: #0369a1; }
.tag-purple { background: #ddd6fe; color: #5b21b6; }
.tag-amber  { background: #fde68a; color: #92400e; }
 
/* 아이콘 뱃지 */
.svc-icon { width: 44px; height: 44px; border-radius: 13px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.svc-icon svg { width: 22px; height: 22px; color: #fff; }
.icon-sky    { background: #0ea5e9; }
.icon-purple { background: #7c3aed; }
.icon-amber  { background: #f59e0b; }
 
/* 타이틀·설명 */
.svc-title { font-family: var(--serif); font-size: 25px; font-family: 'Pretendard-Bold'; line-height: 1.5em; letter-spacing: -.02em; color: var(--text-main); margin-bottom: 10px; }word-break:keep-all;
.svc-block-text .svc-title { font-size: 28px; margin-bottom: 14px; word-break:keep-all;}
.svc-desc { font-size: 16px; font-family: 'Pretendard-Regular'; color: var(--text-sub); line-height: 1.85; word-break:keep-all;}
.svc-block-text .svc-desc { font-size: 16px; font-family: 'Pretendard-Regular'; max-width: 800px; word-break:keep-all;}
 
/* 포인트 리스트 */
.svc-points { margin-top: 22px; display: flex; flex-direction: column; gap: 12px; }
.svc-point { display: flex; align-items: flex-start; gap: 10px; }
.svc-point-dot { width: 20px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 1px; }
.svc-point-dot svg { width: 11px; height: 11px; color: #fff; }
.dot-sky { background: #0ea5e9; }
.svc-point-text { font-size: 16px; font-family: 'Pretendard-Regular'; color: var(--text-main); word-break:keep-all;}
.svc-point-text small { display: block; font-family: 'Pretendard-Regular'; color: var(--text-sub); font-size: 14px; margin-top: 5px; word-break:keep-all;}
 
/* ── CTA ── */
.cta {padding:0;}
.cta .wrap {max-width:1920px;margin:0;padding:0;}
.cta-card {background: linear-gradient(135deg, #ede9fe 0%, #e0f2fe 55%, #fce7f3 100%);padding: 75px 55px;text-align: center;}
.cta-badge {
  display: inline-block;font-size: 12px; font-family: 'Pretendard-Bold'; letter-spacing: .15em; text-transform: uppercase;
  color: var(--primary); background: #fff;padding: 5px 15px; border-radius: var(--pill);margin-bottom: 25px;
}
.cta-title {margin-bottom: 15px;font-size: 40px; font-family: 'Pretendard-Bold'; line-height: 1.2em;letter-spacing: -.03em; color: var(--text-main);}
.cta-title em { font-style: normal; color: var(--primary); }
.cta-desc {margin-bottom: 30px; font-size: 16px; font-family: 'Pretendard-Regular'; color: var(--text-sub);line-height: 1.7em;word-break:keep-all;}
.cta-btn {
  display: inline-flex; align-items: center; gap: 8px;font-size: 16px; font-family: 'Pretendard-Bold'; color: #fff;
  background: var(--primary);padding: 15px 35px; border-radius: var(--pill);transition: background .2s;word-break:keep-all;
}
.cta-btn:hover { background: var(--primary-pale); }
.cta-btn svg { width: 15px; height: 15px; }

/* ── RESPONSIVE ── */
@media (max-width: 1023px) {
	.wrap {padding:0 5%}
	.services .wrap {padding:0}
	.svc-icon {display:none;}
	.svc-block-text { padding: 30px 25px;}
}

@media (max-width: 768px) {
	.hero-title, .cta-title { font-size: 35px; }
	.services-head, .svc-card, .svc-block {margin-bottom:30px;}
	.svc-grid-bot .svc-card:last-child {margin-bottom:0;}
	.svc-inner, .svc-grid-top, .svc-grid-bot, .svc-block-inner {padding:0; gap: 0; grid-template-columns: 1fr; }
	.svc-grid-top {margin-bottom:0;}
	.svc-num { display: none; }
	.cta-card { padding: 50px 35px; }
	.services { padding: 50px 0; }
	.svc-block-visual { padding: 0 30px 25px; }
	.svc-3d {margin: 0 auto;width:180px;height:180px;}
}

@media (max-width: 540px) {
  .hero { padding: 60px 0 0; }
  .hero-desc br { display: none; }
  .svc-inner { padding: 30px 25px; }
  .svc-title { font-size: 25px; }
  .cta-card { padding: 40px 25px; }
  .cta-btn { width: 100%; justify-content: center; }
}

@media (min-width: 1024px) {
	#sub_view #container .contents_wrap {padding-top:95px}
	.hero {padding: 220px 0 0;}
	.hero .wrap {padding-bottom:220px;}
	.hero-desc, .svc-desc, .cta-desc {font-size:18px;}
	.hero-badge, .svc-tag, .cta-badge {font-size:14px;}
	.svc-desc {max-width:700px;}
	.svc-block {margin-bottom:50px;}
}

/*     2358594 : 이미지      */


/*     2358604 : 맞춤게시판 - 슬라이드 (반응형)      */
@font-face {
	font-family:'icomoon_slider';
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot');
	src:url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.woff') format('woff'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.ttf') format('truetype'),
		url('/img_up/shop_pds/aramskin/design/contents/icomoon_slider/icomoon.svg#icomoon_slider') format('svg');
	font-weight:normal;
	font-style:normal;
}

.pm-myboard_slide_responsive__2358604__ {max-width:px;margin:0 auto}
.pm-myboard_slide_responsive__2358604__ a {display:block;border:none}
.pm-myboard_slide_responsive__2358604__ .item {position:relative}
.pm-myboard_slide_responsive__2358604__ .item img {vertical-align:top}
.pm-myboard_slide_responsive__2358604__ .owl-nav {-webkit-tap-highlight-color:transparent}
.pm-myboard_slide_responsive__2358604__ .owl-nav [class*='owl-'] {position:absolute;top:50%;z-index:2;width:30px;height:30px;line-height:30px;margin-top:-15px;font-size:0;opacity:0.7}
.pm-myboard_slide_responsive__2358604__ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:30px;font-weight:bold;color:#ddd}
.pm-myboard_slide_responsive__2358604__ .owl-nav [class*='owl-']:hover {opacity:1}
.pm-myboard_slide_responsive__2358604__ .owl-nav .owl-prev {left:2px}
.pm-myboard_slide_responsive__2358604__ .owl-nav .owl-next {right:2px}
.pm-myboard_slide_responsive__2358604__ .owl-nav .owl-prev:before {content:'\e600'}
.pm-myboard_slide_responsive__2358604__ .owl-nav .owl-next:before {content:'\e601'}
.pm-myboard_slide_responsive__2358604__ .owl-nav .disabled {opacity:0.5;cursor:default !important}

.pm-myboard_slide_responsive__2358604__ .owl-dots {position:absolute;left:0;width:100%;height:30px;padding:10px;font-size:0;box-sizing:border-box;text-align:center}
.pm-myboard_slide_responsive__2358604__ .owl-dots .owl-dot {display:inline-block}
.pm-myboard_slide_responsive__2358604__ .owl-dots .owl-dot span {display:block;width:10px;height:10px;margin:0 3px;background:#ddd;border-radius:30px;transition:opacity 200ms ease}
.pm-myboard_slide_responsive__2358604__ .owl-dots .owl-dot.active span,
.pm-myboard_slide_responsive__2358604__ .owl-dots .owl-dot:hover span {background:#999999}

.pm-myboard_slide_responsive__2358604__ .figure {position:relative}
.pm-myboard_slide_responsive__2358604__ .figure:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ccc}
.pm-myboard_slide_responsive__2358604__ .item:hover .figure:after {border-width:3px}

.pm-myboard_slide_responsive__2358604__ .caption {margin:0;font-size:13px;line-height:1.6em;vertical-align:middle;text-align:center}
.pm-myboard_slide_responsive__2358604__ .caption dt span {display:block;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pm-myboard_slide_responsive__2358604__ .caption dd {margin:0}
.pm-myboard_slide_responsive__2358604__ .caption dd span {display:block;padding:2px 0}
.pm-myboard_slide_responsive__2358604__ .caption .subject {font-size:16px;font-family: 'Pretendard-Regular';color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
.pm-myboard_slide_responsive__2358604__ .item:hover .caption .subject {font-family: 'Pretendard-Bold';color:#333}
.pm-myboard_slide_responsive__2358604__ .caption .date {font-size:14px;font-family: 'Pretendard-Light';color:#888}
.pm-myboard_slide_responsive__2358604__ .caption .icon img {display:inline-block;width:auto;margin:0 auto}
.pm-myboard_slide_responsive__2358604__ .caption.over {position:absolute;left:0;right:0;bottom:0;padding:5px;background:#333;background:rgba(0,0,0,0.5)}
.pm-myboard_slide_responsive__2358604__ .caption.over span {text-shadow:-1px 0 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2)}
.pm-myboard_slide_responsive__2358604__ .caption.over .subject {color:#fff}
.pm-myboard_slide_responsive__2358604__ .caption.over .date {display:none}
.pm-myboard_slide_responsive__2358604__ .caption.over .icon {display:none}
.pm-myboard_slide_responsive__2358604__ .caption.down {padding:10px 0}
.pm-myboard_slide_responsive__2358604__ .caption.none {display:none}

.pm-myboard_slide_responsive__2358604__.empty__2358604__ {font-size:16px;font-family: 'Pretendard-Regular';color:#363636;line-height:100px;text-align:center;word-break:keep-all;}

@media (min-width: 1024px) {
	.pm-myboard_slide_responsive__2358604__ .caption.down {padding-top:20px;}
	.pm-myboard_slide_responsive__2358604__ .caption .subject {font-size:18px;}
}

/*     2358614 : 공백      */
.solid_line__2358614__ {box-sizing:border-box; display:block; position:relative; width:100%; height:50px;}
.solid_line__2358614__.build_edit_mode {min-height:10px; border:1px dashed red;}
.solid_line__2358614__.build_edit_mode:before {content:'Blank'; display:block; position:absolute; top:50%; left:0; right:0; margin-top:-10px; padding:5px 0; font-size:13px; color:red; text-align:center; line-height:1;}

@media all and (max-width:1023px){
	.solid_line__2358614__ {height:30px;}
}

/*     2358624 : 이미지      */


/*     2358634 : 공백      */
.solid_line__2358634__ {box-sizing:border-box; display:block; position:relative; width:100%; height:0px;}
.solid_line__2358634__.build_edit_mode {min-height:10px; border:1px dashed red;}
.solid_line__2358634__.build_edit_mode:before {content:'Blank'; display:block; position:absolute; top:50%; left:0; right:0; margin-top:-10px; padding:5px 0; font-size:13px; color:red; text-align:center; line-height:1;}

@media all and (max-width:1023px){
	.solid_line__2358634__ {height:60px;}
}