@font-face{font-family:'wfont_65d2df_4d0a302483b64973933a3f06b8eab9b2';src:url(/assets/fonts/65d2df_4d0a302483b64973933a3f06b8eab9b2.woff2) format('woff2');font-display:swap}
@font-face{font-family:'wfont_65d2df_5971f1d2d9614681b35d9ac008c7ddc8';src:url(/assets/fonts/65d2df_5971f1d2d9614681b35d9ac008c7ddc8.woff2) format('woff2');font-display:swap}
@font-face{font-family:'wfont_65d2df_2bcc4b6280b84dc0952f534be62386c8';src:url(/assets/fonts/65d2df_2bcc4b6280b84dc0952f534be62386c8.woff2) format('woff2');font-display:swap}
@font-face{font-family:'wfont_65d2df_de2e3d02a57242f7acda710c4f78c19f';src:url(/assets/fonts/65d2df_de2e3d02a57242f7acda710c4f78c19f.woff2) format('woff2');font-display:swap}
@font-face{font-family:'wfont_80bdaa_8df87b33f82c474c82f8ce9131cf693c';src:url(/assets/fonts/80bdaa_8df87b33f82c474c82f8ce9131cf693c.woff2) format('woff2');font-display:swap}
@font-face{font-family:'noto_cjk';src:url(/assets/fonts/10329a_e95b26e036f541078264df2b7a051a23.woff2) format('woff2');font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:rgb(62,58,57)}
body{font-family:'wfont_65d2df_4d0a302483b64973933a3f06b8eab9b2','noto_cjk',sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}
p{margin:0}
.txt p{white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word}
.abs{position:absolute}
.cover{object-fit:cover;display:block}
html.m .d{display:none}
html:not(.m) .mob{display:none}
/* 데스크톱 */
.d{position:relative;width:100%;min-width:980px}
.col{position:relative;width:980px;height:100%;margin:0 auto}
.col>.cover{left:0;width:980px}
.logo{position:absolute;left:80px;top:36px;width:90px;height:19px;display:block}
.logo svg,.mlogo svg{width:100%;height:100%;display:block}
.nav{position:absolute;top:20px;height:50px;line-height:50px;font-size:16px;text-align:right;padding-right:15px;box-sizing:border-box;font-family:'Helvetica Neue','HelveticaNeue-Light','wfont_65d2df_4d0a302483b64973933a3f06b8eab9b2',sans-serif;font-weight:300;color:rgb(62,58,57);transition:color .4s ease}
.nav:hover,.nav.on{color:rgb(64,63,65)}
.float{position:fixed;right:29px;top:calc(50% - 31px);width:26px;z-index:20}
.float a{display:block;width:26px;height:26px;margin-bottom:10px}
.float img{width:26px;height:26px;display:block;object-fit:cover}
.totop{position:fixed;right:34px;bottom:34px;width:26px;height:26px;padding:6px;border:1px solid rgb(62,58,57);background:transparent;cursor:pointer;z-index:20}
.totop svg{width:100%;height:100%;fill:rgb(62,58,57);transform:rotate(180deg);display:block}
.foot{font-size:14px;line-height:19.6px;text-align:center;width:593px}
.d>.foot:not(.abs){margin:72px auto 0;padding-bottom:23px}
/* 첫 화면 */
.home .grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:50px;row-gap:50px;padding:93px 80px 0}
.home .cell{position:relative;display:block;aspect-ratio:3/4;overflow:hidden}
.home .cell img,.home .cell video{width:100%;height:100%;object-fit:cover;display:block}
.home .cell.hide{display:none}
.home .ov{position:absolute;inset:0;background:rgba(0,0,0,.3);opacity:0;transition:opacity .4s ease}
.home .ttl{position:absolute;left:36px;bottom:36px;font-family:'wfont_65d2df_de2e3d02a57242f7acda710c4f78c19f','wfont_65d2df_4d0a302483b64973933a3f06b8eab9b2',sans-serif;font-size:16px;line-height:20px;color:#fff;opacity:0;transition:opacity .4s ease}
.home .cell:hover .ov,.home .cell:hover .ttl{opacity:1}
.more{display:block;width:40px;height:40px;margin:-98px auto 0;position:relative;border:0;border-radius:200px;background:#fff;cursor:pointer;padding:13px}
.more svg{width:14px;height:14px;fill:rgb(62,58,57);display:block}
/* 소개 */
.about{min-height:100vh}
.about .follow{position:absolute;left:calc(50% - 71px);top:457px;width:141px;height:40px}
.follow{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.6);background:rgba(62,58,57,0);transition:all .2s ease}
.follow .fl{font-family:'wfont_80bdaa_8df87b33f82c474c82f8ce9131cf693c',serif;font-size:15px;letter-spacing:.05em;color:#3E3A39;margin-left:2.5px;transition:color .2s ease}
.follow svg{width:24px;height:24px;fill:rgba(62,58,57,.86);margin-right:2.5px;transition:fill .2s ease}
.follow:hover{background:rgb(62,58,57)}
.follow:hover .fl{color:#fff}
.follow:hover svg{fill:rgba(255,255,255,.86)}
.feed{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:calc(100% - 160px);max-width:1660px;margin:0 auto;padding:563px 0 85px;background:#fff}
.feed a{display:block;aspect-ratio:3/4;overflow:hidden;background:#f2f2f2}
.feed img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transition:opacity .2s ease}
.feed a:hover img{opacity:.85}
.about>.foot:not(.abs){margin-top:50px}
/* 연락처 */
.ico svg{width:100%;height:100%;display:block;fill:rgb(62,58,57)}
.vline{width:1px;background:rgba(62,58,57,.4)}
.thanks{display:none}
.thanks.show{display:block}
.cform .lb{position:absolute;font-size:16px;line-height:16px}
.cform .in{position:absolute;border:1px solid rgb(62,58,57);background:transparent;padding:0 0 0 8px;font:inherit;font-size:16px;line-height:22.4px;color:rgb(62,58,57);border-radius:0;outline:0;transition:border-width .5s ease,border-color .5s ease;-webkit-appearance:none}
.cform textarea.in{padding-top:8px;resize:none}
.cform .in::placeholder{color:rgb(62,58,57)}
.cform .in:hover,.cform .in:focus{border-width:2px}
.cform .in.err{border:2px solid rgb(255,64,64)}
.cform .send{position:absolute;border:1px solid rgb(62,58,57);background:transparent;color:rgb(62,58,57);font:inherit;font-size:16px;cursor:pointer;transition:background .4s ease,color .4s ease}
.cform .send:hover{background:rgb(62,58,57);color:#fff}
.cform .send[disabled]{opacity:.5}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* 모바일 */
.mob{position:relative;width:320px;overflow:hidden}
.mlogo{position:absolute;left:20px;top:20px;width:60px;height:13px;display:block;z-index:2}
.mob>.mlogo{position:fixed}
.mhd{position:fixed;left:0;top:0;width:320px;height:54px;background:rgba(255,255,255,.7);z-index:1}
.mtop{position:fixed;left:270px;bottom:40px;width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;z-index:20;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.mtop.on{opacity:1;visibility:visible}
.mtop svg{display:block}
.burger{position:fixed;z-index:2;left:275px;top:13px;width:26px;height:27px;border:0;background:transparent;padding:0;cursor:pointer}
.burger span{position:absolute;left:2px;width:22px;height:2px;background:rgb(62,58,57)}
.burger span:first-child{top:8px}
.burger span:last-child{top:18px}
.mmenu{position:fixed;inset:0;background:rgba(62,58,57,.8);z-index:50;display:none}
.mmenu.open{display:block}
.mob:has(.mmenu.open) .burger{visibility:hidden}
.mmenu>a:not(.mlogo){position:absolute;left:30px;width:270px;height:49px;line-height:49px;font-size:14px;text-align:right;color:#fff;font-family:'wfont_65d2df_4d0a302483b64973933a3f06b8eab9b2',sans-serif}
.mmenu>a.on{color:rgb(207,206,206)}
.mclose{position:absolute;left:276px;top:15px;width:24px;height:24px;border:0;background:transparent;cursor:pointer}
.mclose:before,.mclose:after{content:'';position:absolute;left:3px;top:11px;width:18px;height:2px;background:#fff;transform:rotate(45deg)}
.mclose:after{transform:rotate(-45deg)}
.mfoot{position:absolute;left:56px;width:207px;font-size:10px;line-height:14px;text-align:center}
.mob.home{padding-bottom:30px}
.mob.home .grid{display:grid;grid-template-columns:133px 132px;column-gap:16px;row-gap:16.8px;padding:54px 0 0 20px}
.mob.home .cell{aspect-ratio:auto;height:175px}
.mob.home .more{width:42px;height:42px;margin:11px 0 0 139px;padding:14px}
.mob.home .mfoot{position:relative;margin-top:50px}
.mob .follow{position:absolute;left:100px;top:270px;width:120px;height:35px}
.mob .follow svg{width:20px;height:20px}
.mob .follow .fl{font-size:12px}
.mob .mfeed{grid-template-columns:repeat(3,1fr);gap:1px;width:280px;margin:0;padding:375px 0 0 20px}
.mob.about{padding-bottom:30px}
.mob.about .mfoot{position:relative;left:0;width:100%;margin-top:40px}
.mob .cform .lb{font-size:13px;line-height:13px}
.mob .cform .lbm{font-size:16px;line-height:16px}
.mhr{left:0;width:100%;height:1px;background:#cfcece}
.mob .cform .lb[for]:not([for^=m-]){font-size:16px}
.mob .cform .in{font-size:14px}
.mob .cform .send{font-size:14px}
.vtap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vtap .ptri{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;color:#fff;pointer-events:none}
.vtap .ptri svg{width:100%;height:100%;display:block}
.vtap.on .ptri{display:none}