@charset "UTF-8";.blog-detail{padding-block:16rem;margin-top:1rem;margin-inline:1rem;position:relative;padding-block:var(--padding-block-start) var(--padding-block-end)}@media (max-width: 767px){.blog-detail{padding-block:var(--padding-block-start-mobile) var(--padding-block-end-mobile);margin-block-start:6rem}}.blog-detail-wrap{display:block}.blog-detail>.container{flex-grow:1;grid-template-rows:auto 1fr}@media (max-width: 1025px){.blog-detail>.container{grid-template-rows:auto}}@media (max-width: 767px){.blog-detail>.container{padding-inline:2.4rem}}.blog-detail-top{grid-column:1/-1;grid-row:1/2;display:flex;flex-direction:column;align-items:center;gap:6rem;margin-bottom:6rem}@media (max-width: 1025px){.blog-detail-top{grid-column:1/-1;margin-bottom:5.6rem;margin-inline:calc(var(--container-padding) * -1)}}@media (max-width: 767px){.blog-detail-top{margin-bottom:3.2rem;gap:2rem}}.blog-detail-top-content{display:flex;flex-direction:column;align-items:center;gap:2.4rem}@media (max-width: 1025px){.blog-detail-top-content{padding-inline:var(--container-padding)}}.blog-detail-top-content-wrap{display:flex;flex-direction:column;align-items:center;gap:2.4rem}.blog-detail-top-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8rem}@media (max-width: 767px){.blog-detail-top-breadcrumb{gap:.4rem}}.blog-detail-top-breadcrumb-item{display:flex;flex-direction:row;align-items:center;text-align:center;gap:.8rem}.blog-detail-top-breadcrumb-item.active{color:var(--cl-black);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 767px){.blog-detail-top-breadcrumb-item{gap:.4rem}.blog-detail-top-breadcrumb-item .txt-20{font-size:1.6rem}}.blog-detail-top-breadcrumb-link{color:var(--cl-black-80);transition:color var(--t)}.blog-detail-top-breadcrumb-link:hover{color:var(--cl-black)}.blog-detail-top-breadcrumb-ic{width:1.6rem;height:1.6rem;color:var(--cl-black-30)}.blog-detail-top-info{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}@media (max-width: 767px){.blog-detail-top-info{gap:1rem}}.blog-detail-top-info-item{display:flex;flex-direction:row;align-items:center;gap:.8rem}@media (max-width: 767px){.blog-detail-top-info-item{gap:.4rem}.blog-detail-top-info-item .txt-14{font-size:1.2rem}}.blog-detail-top-info-item-ic{width:1.6rem;height:1.6rem;color:#9b9b9b}.blog-detail-top-info-item-txt{color:var(--cl-black-80);font-size:1.6rem;font-weight:500}.blog-detail-top-title{max-width:105.2rem;color:var(--cl-black);text-align:center}.blog-detail-top-image{width:100%;height:87rem;border-radius:1rem;overflow:hidden}@media (max-width: 1025px){.blog-detail-top-image{height:45rem}}@media (max-width: 767px){.blog-detail-top-image{height:22.3rem}}.blog-detail-sidebar-wrap{grid-column:1/6;position:sticky;top:8rem;height:max-content}@media (max-width: 1025px){.blog-detail-sidebar-wrap{grid-column:1/-1;top:7rem}}.blog-detail-sidebar{height:max-content;max-width:100%;padding:2rem 4rem;background-color:var(--bg-light-grey);border-radius:1rem}@media (min-width: 768px) and (max-width: 1025px){.blog-detail-sidebar{margin-bottom:2.4rem}}@media (max-width: 767px){.blog-detail-sidebar{margin-bottom:0}}@media (max-width: 1025px){.blog-detail-sidebar{position:relative;display:grid;grid-template-rows:min-content 0fr;transition:grid-template-rows .4s;z-index:10;padding:0;overflow:visible!important;max-width:unset}.blog-detail-sidebar.active{grid-template-rows:min-content 1fr}.blog-detail-sidebar.active .blog-detail-sidebar-ar{transform:rotate(180deg)}}.blog-detail-sidebar.active .blog-detail-sidebar-inner{transform:translateY(0);opacity:1;pointer-events:all}.blog-detail-sidebar-ar{display:none}@media (max-width: 1025px){.blog-detail-sidebar-ar{display:block;transition:transform var(--t-md)}}.blog-detail-sidebar-highlight{display:none}@media (max-width: 1025px){.blog-detail-sidebar-highlight{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-light-grey);padding:2rem 2.4rem;border-radius:1rem}.blog-detail-sidebar-highlight-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;align-self:stretch;overflow:hidden}}@media (max-width: 1025px){.blog-detail-sidebar-inner{position:absolute;width:100%;top:calc(100% + 1rem);transform:translateY(1.2rem);transition:all ease var(--t-md);opacity:0;background-color:var(--bg-light-grey);border:max(.1rem,1px) solid var(--cl-black-10);border-radius:1rem;pointer-events:none}}.blog-detail-sidebar-list{display:flex;flex-direction:column}@media (max-width: 1025px){.blog-detail-sidebar-list{gap:0}}.blog-detail-sidebar-item{color:var(--cl-black-80);cursor:pointer;width:100%;text-align:left;display:flex;flex-direction:row;position:relative;justify-content:space-between;padding-block:2rem;align-items:center}@media (max-width: 1025px){.blog-detail-sidebar-item{padding:2rem 1.6rem}}.blog-detail-sidebar-item:first-child .div-line{display:none}.blog-detail-sidebar-item-title{transition:color var(--t-md)}.blog-detail-sidebar-item .div-line{position:absolute;top:0;left:0;width:100%;background-color:var(--cl-black-10)}.blog-detail-sidebar-item.active .blog-detail-sidebar-item-title{color:var(--cl-primary)}@media (max-width: 1025px){.blog-detail-sidebar-item.active{background-color:var(--bg-light-grey)}}.blog-detail-sidebar-item--active .blog-detail-sidebar-item-title,.blog-detail-sidebar-item:hover .blog-detail-sidebar-item-title{color:var(--cl-primary)}.blog-detail-main{grid-column:1/-1;grid-row:2/3}@media (max-width: 1025px){.blog-detail-main{margin-inline:calc(var(--container-padding) * -1);margin-block-end:15rem}}.blog-detail-main-inner{display:grid;grid-template-columns:repeat(16,1fr);column-gap:var(--grid-gap)}@media (max-width: 1025px){.blog-detail-main-inner{grid-template-columns:repeat(12,1fr)}}@media (max-width: 767px){.blog-detail-main-inner{grid-template-columns:repeat(4,1fr)}}.blog-detail-main-content{grid-column:7/-1}@media (max-width: 1025px){.blog-detail-main-content{grid-column:1/-1}}.blog-detail-main-content-inner{width:100%;height:100%}@media (max-width: 767px){.blog-detail-main-content-inner{padding-block:3.2rem}}.blog-detail-main-content-inner h2{font-size:2.4rem;line-height:1.3em;margin-bottom:3rem;letter-spacing:-.02em;font-weight:500;color:var(--cl-black-80)}@media (max-width: 1025px){.blog-detail-main-content-inner h2{font-size:2rem}}.blog-detail-main-content-inner h3{font-size:2rem;font-weight:500;line-height:1.2em;letter-spacing:-.02em;color:var(--cl-black-80);margin-block:3rem 2.4rem}@media (max-width: 1025px){.blog-detail-main-content-inner h3{font-size:1.8rem}}.blog-detail-main-content-inner h3:first-child{margin-top:0}.blog-detail-main-content-inner h3:last-child{margin-bottom:0}.blog-detail-main-content-inner p{font-size:1.6rem;font-weight:400;line-height:1.4em;margin-block:1.6rem;color:var(--cl-black-80)}.blog-detail-main-content-inner p:first-child{margin-top:0}.blog-detail-main-content-inner p:last-child{margin-bottom:0}.blog-detail-main-content-inner ol{margin-block:2.4rem;padding-left:2rem}.blog-detail-main-content-inner ol>li{font-size:1.6rem;font-weight:400;line-height:1.4em;margin-block:1.6rem;position:relative;color:var(--cl-black-80);list-style-type:decimal}.blog-detail-main-content-inner ol>li ol{padding-left:2rem}.blog-detail-main-content-inner ul{margin-block:2.4rem}.blog-detail-main-content-inner ul li{font-size:1.6rem;font-weight:400;line-height:1.4em;margin-block:1.6rem;color:var(--cl-black-80)}.blog-detail-main-content-inner ul li:before{margin-top:-.05em;content:"\2022";display:inline-block;height:2rem;width:1.3rem;color:var(--cl-primary);font-size:3rem}.blog-detail-main-content-inner ul li ul{margin-block:0}.blog-detail-main-content-inner ul li ul li:before{color:var(--cl-black-30)}.subscribe-main{display:flex;flex-direction:column;align-items:start;background-color:var(--bg-light-orange);border-radius:1rem;margin-block-start:1rem;padding:2.4rem}@media (max-width: 1025px){.subscribe-main.blog-detail-subscribe-dk{display:none}}.subscribe-main.blog-detail-subscribe-mb{display:none}@media (max-width: 1025px){.subscribe-main.blog-detail-subscribe-mb{display:flex;margin-top:4rem;margin-block-end:-22rem}}.subscribe-main-title{color:var(--cl-black);margin-bottom:1.2rem}.subscribe-main-label{color:var(--cl-black-60);margin-top:1.2rem;transition:all ease var(--t-md)}.subscribe-main-label.on-error,.subscribe-main-label.on-success{transform:translateY(-50%);opacity:0}.subscribe-main-label .txt{line-height:1.2em}.subscribe-form{width:100%}.subscribe-form-inner{position:relative;display:flex;align-items:center;column-gap:3.2rem;width:100%}.subscribe-form .input-wrap{display:flex;flex:1;align-items:center;justify-content:left;height:6.4rem;border-radius:.5rem;position:relative;transition:all var(--t-md) ease}@media (max-width: 767px){.subscribe-form .input-wrap{height:4.8rem}}.subscribe-form .input-wrap:hover:not(.on-focus,.on-error)~.div-line{background-color:var(--cl-black-60)}.subscribe-form .input-wrap.on-focus~.div-line{background-color:var(--cl-black-60)}.subscribe-form .input-wrap.on-error .input-error{opacity:1;transform:translateY(0)}.subscribe-form .input-wrap.on-error .input{padding-block:2.2rem}.subscribe-form .input-wrap.on-error~.div-line{background-color:#ef4444}.subscribe-form .input-wrap.on-success .input-success{opacity:1;transform:translateY(0)}.subscribe-form .input-wrap.on-focus .input-label,.subscribe-form .input-wrap.has-value .input-label{transform:translateY(-1.8rem) scale(.66)}@media (max-width: 767px){.subscribe-form .input-wrap.on-focus .input-label,.subscribe-form .input-wrap.has-value .input-label{transform:translateY(-1.6rem) scale(.66)}}.subscribe-form .input-wrap.on-focus::placeholder,.subscribe-form .input-wrap.has-value::placeholder{opacity:1}.subscribe-form .input{height:100%;color:var(--cl-black);outline:none;transition:all ease var(--t-md);width:100%;padding-block:.8rem;color:var(--cl-blacks);line-height:1.4em}.subscribe-form .input::placeholder{color:#ffffff24}.subscribe-form .input:focus-visible{border:none;outline:none}@media (max-width: 1025px){.subscribe-form .input{font-size:1.6rem;line-height:1em}}.subscribe-form .input::placeholder{opacity:0;color:var(--cl-black-30)}.subscribe-form .input-label{position:absolute;left:0;color:var(--cl-black-60);transform-origin:top left;display:block;pointer-events:none;transition:all var(--t-md) ease;margin-top:0}@media (max-width: 1025px){.subscribe-form .input-label{font-size:1.6rem}}.subscribe-form .input-error{position:absolute;left:0;top:calc(100% + 1.2rem);margin-top:.6rem;color:#ef4444;opacity:0;width:100%;transform:translateY(50%);transition:all var(--t-md) ease;white-space:nowrap}.subscribe-form .input-success{position:absolute;left:0;top:calc(100% + 1.2rem);min-width:100%;white-space:nowrap;margin-top:.6rem;color:#1ed950;opacity:0;transform:translateY(50%);transition:all var(--t-md) ease}.subscribe-form .btn-wrap{padding-block:.8rem;flex:none}.subscribe-form .btn-wrap .btn{padding:1.5rem}@media (max-width: 1025px){.subscribe-form .btn-wrap .btn{padding:1.5rem}.subscribe-form .btn-wrap .btn .ic{--ic-size: 1.4rem !important}}.subscribe-form .div-line{background-color:var(--cl-black-20);position:absolute;transition:background-color var(--t-md) ease;left:0;bottom:0}
/*# sourceMappingURL=/cdn/shop/t/560/assets/sc-blog-detail.css.map */