/* 공통 클래스 */
.container { overflow-x:hidden; }
.width--100vw { width:100vw; }

/* 영수증사진기® 8인치 소프트웨어별 출력 예시 */
.common-example { position:relative; display:flex; flex-direction:column; align-items:center; padding:140px 0 160px; background:#F6F1EA; color:var(--black); }
.common-example__title { font-size:60px; line-height:72px; letter-spacing:-.04em; text-align:center; text-wrap:nowrap; }
.common-example__list { display:flex; margin:80px 0 0; gap:60px; }
.common-example__item { display:flex; flex-direction:column; gap:16px; }
.common-example__item b { display:flex; align-items:center; gap:8px; font-size:32px; letter-spacing:-.025em; }
.common-example__item b::before { content:''; display:block; width:6px; height:6px; background:#46312C; }
.common-example__item img { width:390px; box-shadow:0 2px 5px rgba(70, 49, 44, 0.161); }
.common-example__button-container { position:relative; margin:-135px 0 0 -450px; }
.common-example__button-title { display:flex; align-items:center; gap:8px; font-size:32px; letter-spacing:-.025em; }
.common-example__button-title::before { content:''; display:block; width:6px; height:6px; background:#46312C; }
.common-example__button-list { display:grid; grid-template-columns:repeat(2, 1fr); margin:20px 0 0; gap:10px 60px; }
.common-example__button-item a {
  display:flex; justify-content:center; align-items:center; width:390px; height:70px; background:var(--black); border-radius:10px;
  font-size:24px; font-weight:bold; letter-spacing:-.04em; text-decoration:none; color:#FFF;
}
.common-example__button-item svg { width:30px; aspect-ratio:1; margin:0 0 0 8px; transform:translateY(4%); }

@media screen and (max-width:1401px) {
  .common-example { padding:9.9929vw 0 11.4204vw; background:#F6F1EA; color:var(--black); }
  .common-example__title { font-size:4.2827vw; line-height:5.1392vw; }
  .common-example__list { margin:5.7102vw 0 0; gap:4.2827vw; }
  .common-example__item { gap:1.1420vw; }
  .common-example__item b { gap:0.5710vw; font-size:2.2841vw; }
  .common-example__item b::before { width:0.4283vw; height:0.4283vw; }
  .common-example__item img { width:27.8373vw; box-shadow:0 0.1428vw 0.3569vw rgba(70, 49, 44, 0.161); }
  .common-example__button-container { margin:-9.6360vw 0 0 -32.1199vw; }
  .common-example__button-title { gap:0.5710vw; font-size:2.2841vw; }
  .common-example__button-title::before { width:0.4283vw; height:0.4283vw; }
  .common-example__button-list { margin:1.4276vw 0 0; gap:0.7138vw 4.2827vw; }
  .common-example__button-item a { width:27.8373vw; height:4.9964vw; font-size:1.7131vw; }
  .common-example__button-item svg { width:2.1413vw; margin:0 0 0 0.5710vw; }
}

@media screen and (max-width:801px) {
  .common-example__title { font-size:6.4919vw; line-height:8.7391vw;  }
  .common-example__list { flex-direction:column; margin:8.7391vw 0 0; gap:7.4906vw; }
  .common-example__item { gap:1.9975vw; }
  .common-example__item b { gap:1.4981vw; font-size:4.4944vw; }
  .common-example__item b::before { width:0.7491vw; height:0.7491vw; }
  .common-example__item img { width:82.3970vw; }
  .common-example__button-container { margin:8.7391vw 0 0; }
  .common-example__button-title { gap:1.4981vw; font-size:4.4944vw; }
  .common-example__button-title::before { width:0.7491vw; height:0.7491vw; }
  .common-example__button-list { display:flex; flex-direction:column; margin:1.9975vw 0 0; gap:1.4981vw; }
  .common-example__button-item a { width:82.3970vw; height:9.3633vw; font-size:3.2459vw; }
  .common-example__button-item svg { width:3.9950vw; margin:0 0 0 1.4981vw; }
}

/* 영수증사진기® 10인치 소프트웨어별 출력 예시 */
.--10inch .common-example__list { flex-wrap:wrap; justify-content:center; max-width:1290px; }
.--10inch .common-example__item:nth-of-type(4) { flex-basis:100%; margin:-20px 0 0; }
.--10inch .common-example__item:nth-of-type(4) img { width:632px; }
.--10inch .common-example__button-container { margin:-467px -900px 0 0; }
.--10inch .common-example__button-list { display:flex; flex-direction:column; }

@media screen and (max-width:1401px) {
  .--10inch .common-example__list { max-width:92.0771vw; }
  .--10inch .common-example__item:nth-of-type(4) { margin:-1.4276vw 0 0; }
  .--10inch .common-example__item:nth-of-type(4) img { width:45.1106vw; }
  .--10inch .common-example__button-container { margin:-33.3333vw -64.2398vw 0 0; }
}

@media screen and (max-width:801px) {
  .--10inch .common-example__list { max-width:unset; }
  .--10inch .common-example__item:nth-of-type(4) { margin:0; }
  .--10inch .common-example__item:nth-of-type(4) img { width:82.3970vw; }
  .--10inch .common-example__button-container { margin:8.7391vw 0 0; }
}


/* 영수증사진기® 8인치 가로, 세로, 높이 사이즈 */
.common-size { position:relative; display:flex; align-items:center; margin:8.3333vw 0 0; gap:4.1667vw; }
.common-size img { width:47.9167vw; }
.common-size svg { width:31.2500vw; }
.common-size span {
  position:absolute; bottom:0; right:4.1667vw;
  font-size:0.9375vw; line-height:1.3542vw; letter-spacing:-.04em; color:#C4C4C4;
}

@media screen and (max-width:1401px) {
  .common-size span { font-size:13px; }
}

@media screen and (max-width:801px) {
  .common-size { flex-direction:column; padding:0 0 6.8664vw; margin:12.4844vw 0; gap:6.2422vw; }
  .common-size img { width:100vw; }
  .common-size svg { width:77.4032vw; }
  .common-size span { font-size:2.7466vw; }
}


/* 영수증사진기® 8인치 상세정보(옵션, 가격표) */
.common-detail section { display:flex; flex-direction:column; align-items:center; }
.common-detail__main { margin:220px 0 0; }
.common-detail__main * { letter-spacing:-.025em; text-align:center; color:var(--black); }
.common-detail__main-title { font-size:60px; font-weight:900; }
.common-detail__main-explain { margin:10px 0 40px; font-size:28px; font-weight:500; letter-spacing:-.04em; }
.common-detail__main-list { position:relative; display:flex; margin:0 0 -180px; gap:30px; z-index:1; }
.common-detail__main-list.--rental { margin:0 0 -290px; }
.common-detail__main-item { display:flex; flex-direction:column; justify-content:center; align-items:center; width:625px; padding:60px 0; border-radius:20px; background:#FFF; box-shadow:0 10px 20px rgba(0, 0, 0, 0.039); }
.common-detail__main-item.--rental { width:915px; }
.common-detail__main-item b { display:block; margin:0 0 15px; font-size:30px; font-weight:900; color:#46312C; }
.common-detail__main-item span { font-size:20px; font-weight:500; line-height:1.5; }
.common-detail__sub { position:relative; display:flex; flex-direction:column; align-items:center; width:100vw; padding:300px 0 140px; background:#FAFAFA; }
.common-detail__sub.--rental { padding:410px 0 140px; }
.common-detail__sub::after { content:''; position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); width:1280px; height:1px; background:#46312C; }
.common-detail__sub * { letter-spacing:-.025em; text-align:center; color:var(--black); }
.common-detail__sub-title { font-size:46px; font-weight:900; }
.common-detail__sub-title.--rental { margin:0 0 40px; }
.common-detail__sub-explain { margin:10px 0 40px; font-size:28px; font-weight:500; }
.common-detail__sub-table { width:1280px; }

@media screen and (max-width:1401px) {
  .common-detail__main { margin:15.7031vw 0 0; }
  .common-detail__main-title { font-size:4.2827vw; }
  .common-detail__main-explain { margin:0.7138vw 0 2.8551vw; font-size:1.9986vw; }
  .common-detail__main-list { gap:2.1413vw; margin:0 0 -12.8480vw; }
  .common-detail__main-list.--rental { margin:0 0 -20.6995vw; }
  .common-detail__main-item { width:44.6110vw; padding:4.2827vw 0; box-shadow:0 0.7138vw 1.4276vw rgba(0, 0, 0, 0.039); }
  .common-detail__main-item.--rental { width:65.3105vw; }
  .common-detail__main-item b { margin:0 0 1.0707vw; font-size:2.1413vw; }
  .common-detail__main-item span { font-size:1.4276vw; }
  .common-detail__sub { padding:21.4133vw 0 9.9929vw; }
  .common-detail__sub.--rental { padding:29.2648vw 0 9.9929vw; }
  .common-detail__sub::after { width:91.3633vw; height:0.0714vw; }
  .common-detail__sub-title { font-size:3.2834vw; }
  .common-detail__sub-title.--rental { margin:0 0 2.8551vw; }
  .common-detail__sub-explain { margin:0.7138vw 0 2.8551vw; font-size:1.9986vw; }
  .common-detail__sub-table { width:91.3633vw; }
}

@media screen and (max-width:801px) {
  .common-detail__main-title { font-size:6.4919vw; }
  .common-detail__main-explain { margin:2.4969vw 0 3.7453vw; font-size:3.2459vw; }
  .common-detail__main-list { flex-direction:column; }
  .common-detail__main-item b { font-size:3.7453vw; }
  .common-detail__main-item span { font-size:3.2459vw; }
  .common-detail__main-item,
  .common-detail__main-item.--rental { padding:7.4906vw 0; width:87.3908vw; }
  .common-detail__sub-title { font-size:4.9938vw; }
  .common-detail__sub-explain { font-size:3.2459vw; }
  .common-detail__sub-table,
  .common-detail__sub::after { width:93.6330vw; }
}


/* 영수증사진기® 사용사례 갤러리 */
.common-gallery { display:flex; flex-direction:column; align-items:center; padding:0 50px; margin:220px 0; }
.common-gallery * { letter-spacing:-.04em; color:var(--black); }
.common-gallery__title { font-size:60px; font-weight:900; }
.common-gallery__explain { margin:10px 0 40px; font-size:28px; text-align:center; }
.common-gallery__image-list { display:grid; grid-template-columns:repeat(4, 1fr); width:100%; max-width:1820px; gap:20px; }
.common-gallery__image-item { display:flex; flex-direction:column; gap:20px; }
.common-gallery__image-item img { width:100%; }

@media screen and (max-width:1401px) {
  .common-gallery { padding:0 1.7844vw; margin:15.7031vw 0; }
  .common-gallery__title { font-size:4.2827vw; }
  .common-gallery__explain { margin:0.7138vw 0 2.8551vw; font-size:1.9986vw; }
  .common-gallery__image-list { gap:1.4276vw; }
  .common-gallery__image-item { gap:1.4276vw; }
}

@media screen and (max-width:801px) {
  .common-gallery__title { font-size:6.4919vw; }
  .common-gallery__explain { font-size:3.2459vw; margin:2.4969vw 0 4.9938vw; }
}


/* 영수증사진기® 8인치 커스터마이징 기능 */
.common-custom__text-box { display:flex; flex-direction:column; padding:70px 0 125px; gap:60px; background:#FAFAFA; text-align:center; }
.common-custom__title { font-size:50px; line-height:1; letter-spacing:-.04em; color:var(--black); }
.common-custom__title strong { display:block; margin:14px 0 0; font-weight:900; line-height:1.2; }
.common-custom__explain { font-size:32px; font-weight:500; line-height:1; letter-spacing:-.04em; }
.common-custom__explain span { display:block; margin:14px 0 0; font-size:18px; line-height:1.45; color:#5D5D5D; }
.common-custom__example-list { display:grid; grid-template-columns:repeat(3, 305px); justify-content:center; margin:-100px 0 0; gap:20px; }
.common-custom__example-item img { width:100%; }
.common-custom__example-item span { display:block; margin:16px 0 0; font-size:24px; letter-spacing:-.04em; text-align:center; color:var(--black); }

@media screen and (max-width:1401px) {
  .common-custom__text-box { padding:4.9964vw 0 8.9222vw; gap:4.2827vw; }
  .common-custom__title { font-size:3.5689vw; }
  .common-custom__title strong { margin:0.9993vw 0 0; }
  .common-custom__explain { font-size:2.2841vw; }
  .common-custom__explain span { margin:0.9993vw 0 0; font-size:1.2848vw; }
  .common-custom__example-list { grid-template-columns:repeat(3, 21.7702vw); margin:-7.1378vw 0 0; gap:1.4276vw; }
  .common-custom__example-item span { margin:1.1420vw 0 0; font-size:1.7131vw; }
}

@media screen and (max-width:801px) {
  .common-custom__text-box { padding:11.2360vw 0 18.7266vw; }
  .common-custom__title { font-size:3.7453vw; }
  .common-custom__title strong { font-size:6.4919vw; }
  .common-custom__explain { font-size:3.2459vw; }
  .common-custom__explain span { font-size:2.7466vw; }
  .common-custom__example-list { grid-template-columns:repeat(3, 30.5868vw); margin:-13.7328vw 0 0; gap:2.4969vw; }
  .common-custom__example-item span { font-size:3.2459vw; }
}

/* 영수증사진기® 10인치 커스터마이징 기능 */
.--10inch .common-custom__example-list { grid-template-columns:repeat(4, 305px); }

@media screen and (max-width:1401px) {
  .--10inch .common-custom__example-list { grid-template-columns:repeat(4, 21.7702vw); }
}

@media screen and (max-width:801px) {
  .--10inch .common-custom__example-list { grid-template-columns:repeat(2, 46.8165vw); }
}


/* 영수증사진기® 8인치 타입별 상세정보 */
.tabs { padding-top:220px; margin-top:0; }
.pd_section_1 .p_app_sikn { padding-bottom:220px; }
.pd_section_1 .skins_icon { padding-bottom:34px; }
.type-content { padding:180px 0 0; }
.type-content section { color:var(--black); }
.type-content section strong { display:block; margin:0 auto; font-size:60px; font-weight:900; letter-spacing:-.025em; text-align:center; }
.type-content section p { display:block; margin:10px 0 40px; font-size:28px; font-weight:500; letter-spacing:-.04em; text-align:center; }
.type-content:not(#type-3) section a svg { width:30px; aspect-ratio:1; margin:0 0 0 8px; transform:translateY(4%); }
.type-content .section-intro { margin:0 0 200px; }
.type-content:not(#type-3) .section-skin a {
  display:flex; justify-content:center; align-items:center; width:400px; height:80px; margin:0 auto; background:var(--black); border-radius:10px;
  font-size:32px; font-weight:bold; letter-spacing:-.04em; text-decoration:none; color:#FFF;
}
.type-content .section-grid-example { margin:0 0 180px; }
.type-content .section-present { margin:0 0 180px; }
.type-content .section-video { margin:0 0 260px; }
.type-content .section-video ul { display:flex; justify-content:center; gap:20px; }
.type-content .video-wrapper { width:414px; aspect-ratio:9 / 16; border-radius:20px; overflow:hidden; }
.type-content .video-wrapper iframe { width:100%; height:100%; }

@media screen and (max-width:1401px) {
  .tabs { margin-top:15.7031vw; }
  .pd_section_1 .p_app_sikn { padding-bottom:15.7031vw; }
  .pd_section_1 .skins_icon { padding-bottom:2.4268vw; }
  .type-content { padding:12.8480vw 0 0; }
  .type-content section strong { font-size:4.2827vw; }
  .type-content section p { margin:0.7138vw 0 2.8551vw; font-size:1.9986vw; }
  .type-content:not(#type-3) section a svg { width:2.1413vw; margin:0 0 0 0.5710vw; }
  .type-content .section-intro { margin:0 0 14.2755vw; }
  .type-content:not(#type-3) .section-skin a { width:28.5510vw; height:5.7102vw; font-size:2.2841vw; }
  .type-content .section-grid-example { margin:0 0 12.8480vw; }
  .type-content .section-present { margin:0 0 12.8480vw; }
  .type-content .section-video { margin:0 0 18.5582vw; }
  .type-content .section-video ul { gap:1.4276vw; }
  .type-content .video-wrapper { width:29.5503vw; border-radius:1.4276vw; }
}

@media screen and (max-width:801px) {
  .type-content section strong { font-size:6.4919vw; line-height:1.2; }
  .type-content section p { margin:4.3695vw 0 6.2422vw; font-size:3.2459vw; }
  .type-content:not(#type-3) .section-skin a { width:49.9376vw; height:9.3633vw; font-size:3.2459vw; }
  .type-content:not(#type-3) section a svg { width:3.9950vw; margin:0 0 0 1.4981vw; }
  .type-content .section-video ul { flex-direction:column; align-items:center; gap:2.4969vw; }
  .type-content .video-wrapper { width:91.7603vw; border-radius:2.4969vw; }
}

/* 영수증사진기® 10인치 타입별 상세정보 */
.--10inch .section-present__content-box { display:flex; flex-direction:column; align-items:center; width:100vw; gap:30px; padding:80px 0; background:#F5F5F5; }
.--10inch .section-present__content-box > img { width:1280px; }
.--10inch .section-present__content-wrapper { display:flex; justify-content:space-between; width:1280px; }
.--10inch .section-present__content-wrapper > img { width:840px; }

@media screen and (max-width:1401px) {
  .--10inch .section-present__content-box { gap:2.1413vw; padding:5.7102vw 0; }
  .--10inch .section-present__content-box > img { width:91.3633vw; }
  .--10inch .section-present__content-wrapper { width:91.3633vw; }
  .--10inch .section-present__content-wrapper > img { width:59.9572vw; }
}

@media screen and (max-width:801px) {
  .--10inch .section-present__content-box { padding:12.4844vw 0; gap:4.9938vw; }
  .--10inch .section-present__content-box > img { width:91.7603vw; }
  .--10inch .section-present__content-wrapper { flex-direction:column; align-items:center; gap:4.9938vw; }
  .--10inch .section-present__content-wrapper > img { width:91.7603vw; }
}


/* 영수증사진기® 8인치 소모품(영수증용지, 라벨스티커용지) */
.type-content .section-expendables strong { line-height:1.25; }
.type-content .section-expendables p { margin:10px 0 60px; font-size:32px; line-height:1.25; letter-spacing:-.025em; }
.type-content .section-expendables__content-box { display:none; justify-content:center; gap:40px; &.on { display:flex; } }
.type-content .section-expendables__content-box img { width:720px; aspect-ratio:6 / 5; }
.type-content .section-expendables__content-wrapper ul { display:flex; padding:8px; gap:3px; background:#F5F5F5; border-radius:8px; }
.type-content .section-expendables__content-wrapper li {
  display:flex; justify-content:center; align-items:center; width:162px; aspect-ratio:3; border:2px solid transparent; border-radius:8px; cursor:pointer;
  font-size:20px; font-weight:500; line-height:1; letter-spacing:-.025em; color:#999;
  &.on { background:#FFF; border-color:#E0E0E0; font-weight:bold; color:#46312C; }
}
.type-content .section-expendables__text-box { margin:130px 0 0 48px; }
.type-content .section-expendables__text-box b { font-size:40px; font-weight:bold; line-height:0.85; letter-spacing:-.03em; color:var(--black); }
.type-content .section-expendables__text-box p { margin:28px 0 0; font-size:20px; font-weight:500; line-height:1.8; letter-spacing:-.04em; text-align:left; }

@media screen and (max-width:1401px) {
  .type-content .section-expendables p { margin:0.7138vw 0 4.2827vw; font-size:2.2841vw; }
  .type-content .section-expendables__content-box { gap:2.8551vw; }
  .type-content .section-expendables__content-box img { width:51.3919vw; }
  .type-content .section-expendables__content-wrapper ul { padding:0.5710vw; gap:0.2141vw; }
  .type-content .section-expendables__content-wrapper li { width:11.5632vw; border:0.1428vw solid transparent; font-size:1.4276vw; }
  .type-content .section-expendables__text-box { margin:9.2791vw 0 0 3.4261vw; }
  .type-content .section-expendables__text-box b { font-size:2.8551vw; }
  .type-content .section-expendables__text-box p { margin:1.9986vw 0 0; font-size:1.4276vw; }
}

@media screen and (max-width:801px) {
  .type-content .section-expendables__content-box { flex-direction:column; align-items:center; }
  .type-content .section-expendables__content-box img { width:91.7603vw; }
  .type-content .section-expendables__content-wrapper li { width:29.8377vw; font-size:3.2459vw; }
  .type-content .section-expendables__text-box { margin:16.8539vw 0 0 4.3695vw; }
  .type-content .section-expendables__text-box b { font-size:6.4919vw; }
  .type-content .section-expendables__text-box p { font-size:3.7453vw; }
}

/* 영수증사진기® 10인치 소모품(영수증용지, 라벨스티커용지) */
.--10inch .type-content .section-expendables__content-wrapper li { width:120px; aspect-ratio:20 / 9; }

@media screen and (max-width:1401px) {
  .--10inch .type-content .section-expendables__content-wrapper li { width:8.5653vw; }
}

@media screen and (max-width:801px) {
  .--10inch .type-content .section-expendables__content-wrapper li { width:22.2222vw; }
}