.cc-animate-enabled .shopify-section{overflow:visible}#htmlStringGuide{max-width:100%;margin-bottom:160px;line-height:1.5;letter-spacing:0;font-family:var(--font-secondary);font-weight:300;font-size:18px;color:#000;--bgColor: #1D1511;--fontSoft: #8F8F8F;--lsNarrow: -.05em;--tabLevelHeight: 90px;--tabPrdHeight: 80px;--fontPoint: #C39B87;--bgPointColor: #866757}#htmlStringGuide *{font-size:inherit}#htmlStringGuide .layout-inner{box-sizing:content-box;max-width:1600px;margin:0 auto;padding:0 20px}#htmlStringGuide .section-visual{height:min(38.95vw,768px);background:url(/cdn/shop/files/stringGuide_visual.jpg) no-repeat 50% 100%;background-size:cover}#htmlStringGuide .section-visual .title{padding-top:6%;line-height:1.1;text-align:center;color:#fff}#htmlStringGuide .section-visual .title p{font-family:argent-cf;font-weight:100;font-size:min(1.77vw,34px);color:inherit}#htmlStringGuide .section-visual .title h1{font-family:argent-cf;font-weight:100;font-size:min(5.52vw,106px);color:inherit;text-transform:uppercase}#htmlStringGuide .section-guide{background:var(--bgColor);color:#fff}#htmlStringGuide .top-desc{padding:80px 0 130px;text-align:center}#htmlStringGuide .top-desc p+p{margin-top:8px}#htmlStringGuide .tab-cont{display:none;transition:all .5s ease}#htmlStringGuide .tab-cont.active{display:block}#htmlStringGuide .tab-level{position:sticky;top:0;background:var(--bgColor);z-index:10;transition:transform .5s ease}#htmlStringGuide .tab-level .tab{position:relative;max-width:1600px;margin:0 auto;display:flex;height:var(--tabLevelHeight);border-bottom:1px solid rgba(143,143,143,.4)}#htmlStringGuide .tab-level .tab a{flex:1;display:block;height:100%;padding:20px 0;position:relative;text-align:center;line-height:1;font-family:argent-cf;font-weight:100;font-size:44px;color:#8f8f8f66}#htmlStringGuide .tab-level .tab a:hover,#htmlStringGuide .tab-level .tab a.on{color:#fff}#htmlStringGuide .tab-level .tab:after{content:"";position:absolute;bottom:-1px;left:0;width:33.333%;height:4px;background:#fff;transition:all .7s ease}#htmlStringGuide .tab-level .tab.active1:after{transform:translate(0)}#htmlStringGuide .tab-level .tab.active2:after{transform:translate(100%)}#htmlStringGuide .tab-level .tab.active3:after{transform:translate(200%)}#htmlStringGuide .tab-level-wrap>.tab-cont{margin-top:calc(var(--tabLevelHeight) * -1);padding-top:var(--tabLevelHeight)}#htmlStringGuide .tab-level-wrap .info{padding-top:90px;display:flex;flex-direction:column;gap:64px}#htmlStringGuide .tab-level-wrap .tit{line-height:1;letter-spacing:var(--lsNarrow);font-weight:500;font-size:48px}#htmlStringGuide .tab-level-wrap .desc{min-height:83px}#htmlStringGuide .tab-level-wrap .dt{font-weight:500;font-size:24px}#htmlStringGuide .tab-level-wrap .dd{margin-top:20px;color:var(--fontSoft)}#htmlStringGuide .tab-level-wrap .feature{display:flex;gap:64px}#htmlStringGuide .tab-level-wrap .feature dt{font-weight:500;font-size:16px;color:var(--fontPoint)}#htmlStringGuide .tab-level-wrap .feature dd{margin-top:8px;font-weight:500;font-size:22px}#htmlStringGuide .tab-prd{margin-top:50px;transform:translateY(var(--tabPrdHeight))}#htmlStringGuide .tab-prd .tab{position:relative;display:flex;border-bottom:1px solid rgba(143,143,143,.4);height:var(--tabPrdHeight)}#htmlStringGuide .tab-prd .tab div{flex:1;text-align:center}#htmlStringGuide .tab-prd .tab a{display:inline-flex;align-items:center;height:100%;padding:0 20px;position:relative;line-height:1.2;font-weight:400;font-size:24px;color:#8f8f8f66}#htmlStringGuide .tab-prd .tab a:after{content:"";position:absolute;bottom:0;left:50%;width:100%;height:4px;background:#fff;transform:translate(-50%);opacity:0;transition:all .5s ease}#htmlStringGuide .tab-prd .tab a:hover,#htmlStringGuide .tab-prd .tab a.on{font-weight:600;color:#fff}#htmlStringGuide .tab-prd .tab a.on:after{opacity:1}#htmlStringGuide .tab-prd-wrap{padding-top:var(--tabPrdHeight);padding-bottom:110px}#htmlStringGuide .tab-prd-wrap .tab-cont{padding:45px 25px 0}#htmlStringGuide .chart-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center}#htmlStringGuide .chart-area{max-width:650px;margin:0 120px 0 45px}#htmlStringGuide .chart{position:relative}#htmlStringGuide .chart .graph{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0)}#htmlStringGuide .tab-prd-wrap .active .chart .graph{animation:chartShow .8s forwards}@keyframes chartShow{0%{transform:scale(0)}to{transform:scale(1)}}#htmlStringGuide .label{display:inline-block;padding:5px 10px;background:var(--bgPointColor);border-radius:4px;font-weight:400;font-size:13px}#htmlStringGuide .name{margin:16px 0;font-weight:500;font-size:24px}#htmlStringGuide .desc strong{display:block;font-weight:500;margin-bottom:8px}#htmlStringGuide .prd{min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;margin-top:64px}#htmlStringGuide .prd dt{font-weight:500}#htmlStringGuide .prd dd{margin-top:8px}#htmlStringGuide .prd a{display:block;margin-top:32px;padding:20px;width:350px;background:#fff;border-radius:4px;text-align:center;line-height:1;font-weight:500;font-size:16px;color:#111}#htmlStringGuide .section-info{color:#000}#htmlStringGuide .info-wrap{margin-top:130px}#htmlStringGuide .info-wrap .title{margin-bottom:26px;line-height:1.1;letter-spacing:var(--lsNarrow);text-align:left;font-weight:500;font-size:46px;color:#000}#htmlStringGuide .info-wrap .txt-noti{margin-top:26px;display:flex;flex-direction:column;gap:16px;letter-spacing:var(--lsNarrow)}#htmlStringGuide .info-wrap .txt-noti .tit{font-weight:500;font-size:24px}#htmlStringGuide .info-wrap .txt-noti .bl{font-size:16px;color:var(--fontSoft)}#htmlStringGuide .info-wrap .tip{margin-top:64px}#htmlStringGuide .info-wrap .tip .tit{margin-bottom:26px;letter-spacing:var(--lsNarrow);font-weight:500;font-size:24px}#htmlStringGuide .info-wrap .tip dl{display:grid;grid-template-columns:auto 1fr;gap:6px 26px;letter-spacing:var(--lsNarrow);font-size:16px}#htmlStringGuide .info-wrap .tip dt{font-weight:500}#htmlStringGuide .info-wrap .notice{margin-top:64px;padding:26px;background:#f5f5f5}#htmlStringGuide .info-wrap .notice p{display:flex;gap:8px;align-items:center;letter-spacing:var(--lsNarrow);font-weight:500;font-size:16px;color:#111}#htmlStringGuide .info-wrap .notice p:before{content:"";display:block;width:20px;height:19px;background:url(/cdn/shop/files/stringGuide_ico_noti.png) no-repeat 0 0;background-size:contain}#htmlStringGuide .tbl-info{width:100%;table-layout:fixed;font-family:Noto Sans KR}#htmlStringGuide .tbl-info .col1{width:205px}#htmlStringGuide .tbl-info th,#htmlStringGuide .tbl-info td{border:2px solid #F5F5F5;vertical-align:middle}#htmlStringGuide .tbl-info thead th{padding:18px 10px;background:#f5f5f5;text-align:center}#htmlStringGuide .tbl-info tbody th,#htmlStringGuide .tbl-info tbody td{padding:27px 10px;text-align:center}#htmlStringGuide .tbl-info tbody th{font-weight:500}#htmlStringGuide .tbl-info tbody .bdr-none{border-right-color:transparent}#htmlStringGuide .tbl-info tbody .minus{padding:0;border:0;background:#f5f5f5}#htmlStringGuide .tbl-info tbody .minus div{margin:0 auto;width:24px;height:24px;background:url(/cdn/shop/files/stringGuide_ico_minus.png) no-repeat 0 0;background-size:contain}#htmlStringGuide .tbl-info tbody .plus{padding:0;border:0;background:linear-gradient(180deg,#8a6a66,#533d31)}#htmlStringGuide .tbl-info tbody .plus div{margin:0 auto;width:24px;height:24px;background:url(/cdn/shop/files/stringGuide_ico_plus.png) no-repeat 0 0;background-size:contain}.up #htmlStringGuide .section-guide:not(.disabled) .tab-level{transform:translateY(85px)}.up #htmlStringGuide .section-guide:not(.disabled) .tab-level-wrap>.tab-cont{transform:translateY(85px)}.up #htmlStringGuide .section-guide:not(.disabled) .tab-prd-wrap>.tab-cont{margin-top:85px}@media screen and (max-width: 767px){.up #htmlStringGuide .section-guide:not(.disabled) .tab-level{transform:translateY(70px)}.up #htmlStringGuide .section-guide:not(.disabled) .tab-level-wrap>.tab-cont{transform:translateY(70px)}.up #htmlStringGuide .section-guide:not(.disabled) .tab-prd-wrap>.tab-cont{margin-top:70px}#htmlStringGuide{--tabLevelHeight: 54px;--tabPrdHeight: 60px;font-size:14px}#htmlStringGuide .section-visual{height:128vw;background-image:url(/cdn/shop/files/stringGuide_visual_mo.jpg)}#htmlStringGuide .section-visual .title{padding-top:13%;text-align:left}#htmlStringGuide .section-visual .title p{font-size:20px}#htmlStringGuide .section-visual .title h1{text-align:left;font-size:52px}#htmlStringGuide .top-desc{padding:50px 0 60px;text-align:left;font-size:16px}#htmlStringGuide .top-desc p+p{margin-top:0}#htmlStringGuide .tab-level .tab a{padding:16px 0;font-size:20px}#htmlStringGuide .tab-level .tab:after{height:2px}#htmlStringGuide .tab-level-wrap .info{padding-top:45px;gap:16px}#htmlStringGuide .tab-level-wrap .tit{font-weight:600;font-size:24px}#htmlStringGuide .tab-level-wrap .desc{min-height:0}#htmlStringGuide .tab-level-wrap .dt{font-size:16px}#htmlStringGuide .tab-level-wrap .dd{margin-top:16px;color:var(--fontSoft)}#htmlStringGuide .tab-level-wrap .feature{flex-direction:column;gap:32px;margin-top:32px}#htmlStringGuide .tab-level-wrap .feature dt{font-size:12px}#htmlStringGuide .tab-level-wrap .feature dd{margin-top:4px;font-size:14px}#htmlStringGuide .tab-level-wrap .feature dd span{display:block}#htmlStringGuide .tab-prd{margin-top:0}#htmlStringGuide .tab-prd .tab div{flex:1;text-align:center}#htmlStringGuide .tab-prd .tab a{padding:0 5px;font-weight:400;font-size:14px}#htmlStringGuide .tab-prd .tab a:after{width:100%;height:2px}#htmlStringGuide .tab-prd-wrap{padding-bottom:75px}#htmlStringGuide .tab-prd-wrap .tab-cont{padding:24px 0 0}#htmlStringGuide .chart-wrap{display:block}#htmlStringGuide .chart-area{margin:0 0 24px}#htmlStringGuide .label{display:inline-block;padding:4px 10px;font-size:12px}#htmlStringGuide .name{margin:13px 0;font-size:16px}#htmlStringGuide .desc p+p{margin-top:4px}#htmlStringGuide .prd{display:block;min-height:0;margin-top:32px}#htmlStringGuide .prd a{margin-top:30px;padding:17px;width:100%;font-size:14px}#htmlStringGuide .info-wrap{margin-top:70px}#htmlStringGuide .info-wrap .title{margin-bottom:24px;font-size:24px}#htmlStringGuide .info-wrap .txt-noti{margin-top:24px;gap:8px}#htmlStringGuide .info-wrap .txt-noti .tit{font-size:16px}#htmlStringGuide .info-wrap .txt-noti .bl{font-size:12px}#htmlStringGuide .info-wrap .tip{margin-top:32px}#htmlStringGuide .info-wrap .tip .tit{margin-bottom:13px;font-size:14px}#htmlStringGuide .info-wrap .tip dl{display:block;font-size:14px}#htmlStringGuide .info-wrap .tip dd{margin:4px 0 24px}#htmlStringGuide .info-wrap .notice{margin-top:32px;padding:17px}#htmlStringGuide .info-wrap .notice p{gap:13px;font-size:12px}#htmlStringGuide .tbl-info{font-size:12px;letter-spacing:-1px}#htmlStringGuide .tbl-info .col1{width:65px}#htmlStringGuide .tbl-info th,#htmlStringGuide .tbl-info td{border-width:1px}#htmlStringGuide .tbl-info thead th{padding:8px 5px}#htmlStringGuide .tbl-info tbody th,#htmlStringGuide .tbl-info tbody td{padding:12px 5px}#htmlStringGuide .tbl-info tbody .minus div,#htmlStringGuide .tbl-info tbody .plus div{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/stringGuide.css.map */