@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--color-primary) !important;}

/* 회사소개 */
.greetings {display:flex; align-items:center; gap:var(--size80); margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greetings .cnt p:not(:last-child) {margin-bottom:var(--size25);}
.greetings .tit {font-size:clamp(16px, calc(32/ var(--inner) * 100vw ),32px); font-weight:700; line-height:1.2; color:#242424;}
.greetings .txt {font-size:clamp(14px, calc(20/ var(--inner) * 100vw ),20px); line-height:1.6; color:#454545;}
.greetings .sign {font-size:clamp(14px, calc(18/ var(--inner) * 100vw ),18px); margin-top:var(--size50);}
.greetings .sign img {display:inline-block; margin-left:1em; vertical-align:middle;}

.company-summury {margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}
.company-summury .items {display:flex;}
.company-summury .item {position:relative; width:50%; border:1px solid #ddd; margin-left:-1px;}
.company-summury .item:first-child {margin-left:0;}
.company-summury .inner {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:var(--size50) 20px; height:100%; text-align:center;}
.company-summury .icon {margin-bottom:var(--size30);}
.company-summury .tit {margin-bottom:0.5em; font-size:var(--font-size-22); font-weight:600; line-height:1.4; color:#242424;}
.company-summury .tit .small {font-size:var(--font-size-16);}
.company-summury .tit .en {display:block; font-size:var(--font-size-16); font-weight:400; color:#454545; opacity:0.23;}
.company-summury .txt {font-size:var(--font-size-20); font-weight:700; color:#694207;}
.company-summury .txt .counter {font-size:2em;}
.company-summury .item:nth-child(even) {background:#f8f8f8;}
.company-summury .item:nth-child(even) .txt {color:#c89542;}

.company-img {margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px); text-align:center;}

.company-top-txt {margin-bottom:var(--size60); text-align:center;}
.company-top-txt .img {margin-bottom:var(--size60);}
.company-top-txt .cate {margin-bottom:0.58em; font-size:clamp(14px, calc(24/ var(--inner) * 100vw ),24px); letter-spacing:-0.03em; line-height:1; color:#c89542;}
.company-top-txt .tit {font-size:clamp(20px, calc(48/ var(--inner) * 100vw ),48px); font-weight:600; letter-spacing:-0.03em; line-height:1; color:#242424;}

.certi-list {position:relative; padding:clamp(40px, calc(100/ var(--inner) * 100vw ),100px) 0; margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}
.certi-list:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; background:#f8f8f8; transform:translateX(-50%);}
.certi-list h3 {margin-bottom:1.5em; font-size:clamp(20px, calc(40/ var(--inner) * 100vw ),40px); font-weight:700; line-height:1.2; color:#242424; text-align:center;}
.certi-list .items {display:flex; align-items:center; gap:1em;}
.certi-list .item {text-align:center;}
.certi-list .item figure img {width:100%;}
.certi-list .item figcaption {margin-top:0.8em; font-size:var(--font-size-20); font-weight:600; line-height:1.2; color:#242424;}

.advantage {padding:0 clamp(0px, calc(100/ var(--inner) * 100vw ),100px);}
.advantage ul li {display:flex; align-items:center; margin-bottom:var(--size20); padding:var(--size10); border-radius:100vh; background:#efeeed;}
.advantage ul li:last-child {margin-bottom:0;}
.advantage ul li:nth-child(even) {background:#fbf8f2;}
.advantage ul li:nth-child(even) .num {background:#c89542;}
.advantage .num {display:flex; margin-right:var(--size20); align-items:center; justify-content:center; width:2.27em; height:2.27em; border-radius:100vh; background:#1c1406; font-size:clamp(14px, calc(22/ var(--inner) * 100vw ),22px); font-weight:600; line-height:1; letter-spacing:-0.03em; color:#fff; text-align:center;}
.advantage .txt {display:block; flex:1 1 auto; min-width:0; width:1%; font-size:clamp(14px, calc(18/ var(--inner) * 100vw ),18px); font-weight:500; line-height:1.4; letter-spacing:-0.03em; color:#242424;}

/* 주문제작 가이드 */
.guide-caption {padding:var(--size30) var(--size20); margin-bottom:var(--size80); background:#faf9f7; border:1px solid #653c00; border-radius:0.5em; text-align:center;}
.guide-caption h3 {margin-bottom:0.5em; font-size:var(--font-size-20); font-weight:600; line-height:1.4; color:#000;}
.guide-caption h3 img {display:inline-block; margin-right:0.5em; margin-top:-0.2em; vertical-align:middle;}
.guide-caption ol {display:inline-block; line-height:1.8em; letter-spacing:-0.03em; color:#454545; text-align:left;}

.production-guide {margin-bottom:clamp(60px, calc(140/ var(--inner) * 100vw ),140px);}
.production-guide .item {display:flex; margin-bottom:clamp(60px, calc(140/ var(--inner) * 100vw ),140px);}
.production-guide .item:last-child {margin-bottom:0;}
.production-guide .item:last-child .image:before {display:none;}
.production-guide .image {position:relative;}
.production-guide .image:before {content:''; position:absolute; left:50%; margin-left:-14px; bottom:calc(-10px - clamp(60px, calc(140/ var(--inner) * 100vw ),140px) + var(--size50)); width:28px; height:17px; background:url('/images/sub/icon-arw.png') no-repeat 50% 50%/contain;}
.production-guide .image figcaption {position:absolute; left:0; width:100%; margin-top:20px; font-size:var(--font-size-20); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424; text-align:center;}
.production-guide .cnt {display:flex; align-items:center; flex:1 1 auto; min-width:0; width:1%; padding:10px var(--size30); border:1px solid #c1b199; border-radius:0.5em;}
.production-guide .dot {position:relative; padding-left:0.8em; font-size:var(--font-size-17); line-height:1.7; font-weight:500; letter-spacing:-0.03em; color:#242424;}
.production-guide .dot:before {content:''; position:absolute; left:0; top:0.8em; width:0.24em; height:0.24em; background:#c89542; border-radius:100%;}
.production-guide .cap {font-size:var(--font-size-17); line-height:1.7; font-weight:500; letter-spacing:-0.03em; color:#c89542;}

.process {position:relative; padding:clamp(40px, calc(100/ var(--inner) * 100vw ),100px) 0; text-align:center;}
.process:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; background:url('/images/sub/process-bg.jpg'); transform:translateX(-50%);}
.process .icon {margin-bottom:var(--size30);}
.process .tit {margin-bottom:var(--size50); font-size:clamp(18px, calc(32/ var(--inner) * 100vw ),32px); font-weight:600; line-height:1.3; color:#fff;}
.process ul {display:inline-block; text-align:left;}
.process ul li {position:relative; margin-bottom:0.5em; padding-left:1.6em; font-size:clamp(14px, calc(20/ var(--inner) * 100vw ),20px); color:#fff; line-height:1.4;}
.process ul li:last-child {margin-bottom:0;}
.process ul li:before {content:''; position:absolute; left:0; top:0.2em; width:1em; height:1em; background:url('/images/sub/icon-check-white.png') no-repeat 50% 50%/contain;}
.process .txt {margin-top:var(--size50); font-size:clamp(15px, calc(24/ var(--inner) * 100vw ),24px); font-weight:500; line-height:1.4; color:#fff;}

/* contact */
.contact-info .items {display:flex; justify-content:center;}
.contact-info .item {width:25%; max-width:210px; text-align:center;}
.contact-info p {margin-top:1em; font-size:clamp(14px, calc(24/ var(--inner) * 100vw ),24px); font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.contact-info p span {display:block; font-size:0.75em;}