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


/*     2358454 : 이미지      */
.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: 72px 0; }
 
/* 상단 헤드 */
.services-head { margin-bottom: 50px; }
.services-title {
	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); }
 
/* 상단 대형 블록 2열 */
.svc-grid-top {display: grid; grid-template-columns: 1fr 1fr;gap: 14px; margin-bottom: 14px;}
/* 하단 소형 블록 2열 */
.svc-grid-bot {display: grid; grid-template-columns: 1fr 1fr;gap: 14px;}
 
/* 카드 공통 */
.svc-card {border-radius: 24px;overflow: hidden;position: relative;display: flex; flex-direction: column;transition: transform 0.25s;}
.svc-card:hover { transform: translateY(-5px); }
 
/* 색상 테마 */
.svc-purple { background: #ede9fe; }
.svc-sky    { background: #e0f2fe; }
.svc-pink   { background: #fce7f3; }
.svc-green  { background: #dcfce7; }
 
/* 카드 내부 — 상단 비주얼 영역 */
.svc-visual {width: 100%; aspect-ratio: 16/9;position: relative; overflow: hidden;flex-shrink: 0;}
.svc-visual svg {width: 100%; height: 100%;display: block;}
 
/* 카드 내부 — 텍스트 영역 */
.svc-body { padding: 30px 25px; }
 
.svc-tag {display: inline-block;font-size: 14px;font-family: 'Pretendard-SemiBold'; letter-spacing: 0.02em; text-transform: uppercase;padding: 4px 12px; border-radius: var(--pill);margin-bottom: 10px;}
.tag-purple { background: #ddd6fe; color: #5b21b6; }
.tag-sky    { background: #bae6fd; color: #0369a1; }
.tag-pink   { background: #fbcfe8; color: #be185d; }
.tag-green  { background: #bbf7d0; color: #15803d; }
 
.svc-title {
  margin-bottom: 10px;font-size: 20px; font-family: 'Pretendard-SemiBold'; line-height: 1.4;letter-spacing: -0.02em; color: var(--text-main);word-break:keep-all;
}
.svc-desc {font-size: 14px; font-family: 'Pretendard-Regular'; color: var(--text-sub);line-height: 1.7em;word-break:keep-all;}
 
/* 카드 아이콘 뱃지 */
.svc-icon {width: 44px; height: 44px; border-radius: 13px;display: flex; align-items: center; justify-content: center;margin-bottom: 15px; flex-shrink: 0;}
.svc-icon svg { width: 22px; height: 22px; color: #fff; }
.icon-purple { background: #7c3aed; }
.icon-sky    { background: #0ea5e9; }
.icon-pink   { background: #ec4899; }
.icon-green  { background: #22c55e; }

/* ── 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;}
}

@media (max-width: 768px) {
	.hero-title, .cta-title { font-size: 35px; }
	.services-head, .svc-card {margin-bottom:30px;}
	.svc-grid-bot .svc-card:last-child {margin-bottom:0;}
	.svc-inner, .svc-grid-top, .svc-grid-bot {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-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;}
}

/*     2358464 : 이미지      */


/*     2358484 : 맞춤게시판 - 슬라이드 (반응형)      */
@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__2358484__ {max-width:px;margin:0 auto}
.pm-myboard_slide_responsive__2358484__ a {display:block;border:none}
.pm-myboard_slide_responsive__2358484__ .item {position:relative}
.pm-myboard_slide_responsive__2358484__ .item img {vertical-align:top}
.pm-myboard_slide_responsive__2358484__ .owl-nav {-webkit-tap-highlight-color:transparent}
.pm-myboard_slide_responsive__2358484__ .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__2358484__ .owl-nav [class*='owl-']:before{font-family:'icomoon_slider';font-size:30px;font-weight:bold;color:#ddd}
.pm-myboard_slide_responsive__2358484__ .owl-nav [class*='owl-']:hover {opacity:1}
.pm-myboard_slide_responsive__2358484__ .owl-nav .owl-prev {left:2px}
.pm-myboard_slide_responsive__2358484__ .owl-nav .owl-next {right:2px}
.pm-myboard_slide_responsive__2358484__ .owl-nav .owl-prev:before {content:'\e600'}
.pm-myboard_slide_responsive__2358484__ .owl-nav .owl-next:before {content:'\e601'}
.pm-myboard_slide_responsive__2358484__ .owl-nav .disabled {opacity:0.5;cursor:default !important}

.pm-myboard_slide_responsive__2358484__ .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__2358484__ .owl-dots .owl-dot {display:inline-block}
.pm-myboard_slide_responsive__2358484__ .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__2358484__ .owl-dots .owl-dot.active span,
.pm-myboard_slide_responsive__2358484__ .owl-dots .owl-dot:hover span {background:#999999}

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

.pm-myboard_slide_responsive__2358484__ .caption {margin:0;font-size:13px;line-height:1.6em;vertical-align:middle;text-align:center}
.pm-myboard_slide_responsive__2358484__ .caption dt span {display:block;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pm-myboard_slide_responsive__2358484__ .caption dd {margin:0}
.pm-myboard_slide_responsive__2358484__ .caption dd span {display:block;padding:2px 0}
.pm-myboard_slide_responsive__2358484__ .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__2358484__ .item:hover .caption .subject {font-family: 'Pretendard-Bold';color:#333}
.pm-myboard_slide_responsive__2358484__ .caption .date {font-size:14px;font-family: 'Pretendard-Light';color:#888}
.pm-myboard_slide_responsive__2358484__ .caption .icon img {display:inline-block;width:auto;margin:0 auto}
.pm-myboard_slide_responsive__2358484__ .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__2358484__ .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__2358484__ .caption.over .subject {color:#fff}
.pm-myboard_slide_responsive__2358484__ .caption.over .date {display:none}
.pm-myboard_slide_responsive__2358484__ .caption.over .icon {display:none}
.pm-myboard_slide_responsive__2358484__ .caption.down {padding:10px 0}
.pm-myboard_slide_responsive__2358484__ .caption.none {display:none}

.pm-myboard_slide_responsive__2358484__.empty__2358484__ {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__2358484__ .caption.down {padding-top:20px;}
	.pm-myboard_slide_responsive__2358484__ .caption .subject {font-size:18px;}
}

/*     2358494 : 공백      */
.solid_line__2358494__ {box-sizing:border-box; display:block; position:relative; width:100%; height:50px;}
.solid_line__2358494__.build_edit_mode {min-height:10px; border:1px dashed red;}
.solid_line__2358494__.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__2358494__ {height:30px;}
}

/*     2358474 : 이미지      */


/*     2358504 : 공백      */
.solid_line__2358504__ {box-sizing:border-box; display:block; position:relative; width:100%; height:0px;}
.solid_line__2358504__.build_edit_mode {min-height:10px; border:1px dashed red;}
.solid_line__2358504__.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__2358504__ {height:60px;}
}