@import url(https://websfont.github.io/websfont/websfont.css);@font-face{font-display:swap;font-family:nexonLv1;font-style:normal;font-weight:100;src:url(/static/media/nexonLv1-Light.4b51cce234974eee0fc3.woff2) format("woff2"),url(/static/media/nexonLv1-Light.846c9b6d2062d0b807c1.woff) format("woff")}@font-face{font-display:swap;font-family:nexonLv1;font-style:normal;font-weight:400;src:url(/static/media/nexonLv1-Regular.f322eb6bcb00ce319a6f.woff2) format("woff2"),url(/static/media/nexonLv1-Regular.eb1217e4bc7f9fe24aac.woff) format("woff")}@font-face{font-display:swap;font-family:nexonLv1;font-style:normal;font-weight:700;src:url(/static/media/nexonLv1-Bold.324f77f0c1351e016e1e.woff2) format("woff2"),url(/static/media/nexonLv1-Bold.fea89342b1b0f7a386b6.woff) format("woff")}@font-face{font-display:swap;font-family:nanumSquareNeo;font-style:normal;font-weight:300;src:url(/static/media/nanumSquareNeo-Light.fbf1422cd5996eea15e1.woff2) format("woff2"),url(/static/media/nanumSquareNeo-Light.c53d1169068f24b721e0.woff) format("woff")}@font-face{font-display:swap;font-family:nanumSquareNeo;font-style:normal;font-weight:400;src:url(/static/media/nanumSquareNeo-Regular.8c19e413edbc38f2499a.woff2) format("woff2"),url(/static/media/nanumSquareNeo-Regular.3ef1b154df4dd187269a.woff) format("woff")}@font-face{font-display:swap;font-family:nanumSquareNeo;font-style:normal;font-weight:700;src:url(/static/media/nanumSquareNeo-Bold.79d2b7fd23d6a661eff0.woff2) format("woff2"),url(/static/media/nanumSquareNeo-Bold.b97fa8bab0f60689763b.woff) format("woff")}@font-face{font-display:swap;font-family:nanumSquareNeo;font-style:normal;font-weight:800;src:url(/static/media/nanumSquareNeo-ExtraBold.8f5d88bdccdc1b03419d.woff2) format("woff2"),url(/static/media/nanumSquareNeo-ExtraBold.c393afd7217c692a3cdd.woff) format("woff")}@font-face{font-display:swap;font-family:nanumSquareNeo;font-style:normal;font-weight:900;src:url(/static/media/nanumSquareNeo-Black.94e1ff8cc8548100f79c.woff2) format("woff2"),url(/static/media/nanumSquareNeo-Black.324ece26be02824e94c0.woff) format("woff")}:root{--mainfont-nanum:"jua";--mainfont-nexon:"nexonLv1";--mainfont:"danJungHae";--black:#000;--black100:#111;--black200:#222;--black300:#333;--black400:#444;--black500:#555;--white:#fff;--white100:#eee;--white200:#ddd;--white300:#ccc;--white400:#bbb;--white500:#aaa;--mainColor:#fff8ea;--subColor:#9e7676;--midColor:#815b5b;--pointColor:#594545;--main-bg-color:#d6b9a4;--cup-color:#222;--cup-width:30vw;--cup-height:24vw;--cup-handle-width:5vw;--cup-handle-height:calc(var(--cup-handle-width)*2);--cup-border-width:2vw;--cup-inside-width:calc(var(--cup-width) - var(--cup-border-width));--cup-inside-height:calc(var(--cup-height) - var(--cup-border-width));--border-width:1vw;--main-border:var(--border-width) solid var(--cup-color);--plate-width:25vw;--plate-height:2vw;--coffee-bottom:80%;--water-bottom:0;--milk-bottom:0;--liquor-bottom:0;--whipped_cream-bottom:0;--steamed_milk-bottom:0;--milk_foam-bottom:0;--chocolate-bottom:0;--coffee-color:#3c302f;--water-color:#b1dce2;--milk-color:#f0ebe5;--liquor-color:#fc8626;--whipped_cream-color:#fceecb;--milk_foam-color:#fceecb;--steamed_milk-color:#ffd7b3;--chocolate-color:#391e09;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:jua,danJungHae;font-family:var(--mainfont-nanum),var(--mainfont);font-size:16px;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}@media(max-width:800px){:root{font-size:14px;line-height:1.4}}*,:after,:before{box-sizing:border-box}body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-family:jua,nexonLv1,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,helvetica,sans-serif;font-family:var(--mainfont-nanum),var(--mainfont-nexon),"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}a,a:focus,a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}address,em{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}button,input,select,textarea{-webkit-appearance:none;appearance:none;border:0;border-radius:0;font-size:16px}#skip a{background:#000;background:var(--black);color:#fff;color:var(--white);font-size:1rem;left:10px;padding:10px 30px;position:absolute;top:-92px;z-index:100000}#skip a:active,#skip a:focus{top:10px}.blind{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.blind,.ir{overflow:hidden;white-space:nowrap}.ir{display:block;font-size:0;line-height:0;text-indent:-9999px}body{background:#9e7676;background:var(--subColor);color:#fff;color:var(--white)}#searchPage{padding:2rem}#searchPage h2{font-size:1.25rem;margin-bottom:.5rem;z-index:10}#searchPage h2,#searchPage h2 em{position:relative}#searchPage h2 em:before{background-color:rgba(129,91,91,.686);border-radius:10px;bottom:0;content:"";height:10px;left:0;position:absolute;width:100%;z-index:-1}.play__icon a{cursor:pointer;display:block;position:relative;width:100%}.play__icon a:before{background-color:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:background-color .3s;width:100%}.play__icon a:hover:before{background-color:rgba(0,0,0,.302)}.play__icon a:after{background:rgba(0,0,0,.573) url(/static/media/play.6a079b45367dfbc50c30.svg) no-repeat 50%;border-radius:50%;content:"";height:80px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:80px}.play__icon a:hover:after{opacity:1}.fade-in{animation:fadeIn .7s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#header{background-color:#fff8ea;background-color:var(--mainColor);height:100%;left:0;position:fixed;top:0;width:240px;z-index:10000}#main{background-color:#9e7676;background-color:var(--subColor);height:auto;margin:0 auto;max-width:2000px;min-height:100vh;padding-left:240px}#footer,#main{position:relative}#footer{background-color:#222;background-color:var(--black200);padding:15px 20px 20px 260px;text-align:center}#bakery,#beans,#caffe,#chain,#commend,#handdrip,#special{padding:40px}#bakery h2,#beans h2,#caffe h2,#chain h2,#commend h2,#handdrip h2,#special h2{font-size:1.25rem;margin:0 .6rem}@media(max-width:960px){#header{left:-260px}#main{margin-top:100px;padding-left:0}#bakery,#beans,#caffe,#chain,#commend,#handdrip,#special{padding:20px}#bakery h2,#beans h2,#caffe h2,#chain h2,#commend h2,#handdrip h2,#special h2{font-size:1.25rem;margin:0 .6rem}}.header__logo a{align-items:center;background-color:#9e7676;background-color:var(--subColor);border-radius:50px;display:flex;flex-direction:column;justify-content:center;margin:10px;padding:10px;text-align:center}.header__logo a em{display:none}.header__logo a span{display:block;font-size:1.56rem;font-weight:900;line-height:1.2;text-transform:uppercase}.header__logo a span i{font-weight:100}.header__menu .menu li{background-color:#594545;background-color:var(--pointColor);border-radius:5px;margin:10px;text-align:center;transition:all .3s}.header__menu .menu li a{display:block;font-size:1rem;padding:.3rem .5rem}.header__menu .menu li span{display:inline-block;vertical-align:7px}.header__menu .menu li svg{height:22px;margin-right:10px;margin-top:5px;width:22px}.header__menu .menu li.active a,.header__menu .menu li:hover{background-color:#815b5b;background-color:var(--midColor)}.header__menu .keyword{padding:10px}.header__menu .keyword li{display:inline-block}.header__menu .keyword li a{background-color:#815b5b;background-color:var(--midColor);border-radius:40px;display:inline-block;font-size:.8rem;margin:3px 1px;padding:3px 15px;transition:all .3s}.header__menu .keyword li a:hover,.header__menu .keyword li.active a{background-color:#815b5b;background-color:var(--midColor);color:#fff;color:var(--white)}.header__sns{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#222;background-color:var(--black200);display:block;margin:6px 0;padding:12px;text-align:center;width:240px}.header__sns li,.header__sns li a{display:inline-block}.header__sns li a{cursor:pointer;padding:5px 7px}@media(max-width:960px){.header__logo{left:0;position:fixed;top:0}.header__logo a span{font-size:1rem}}.search__inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#222;background-color:var(--black200);border:1px solid #222;border:1px solid var(--black200);height:80px;padding:17px 40px;position:relative;width:100%}.search__inner label{background-image:url(/static/media/search.7a791d77d93a3a089a1d.svg);background-size:cover;height:24px;left:50px;position:absolute;top:28px;width:24px}.search__inner input{background-color:#eee;background-color:var(--white100);border:2px solid #815b5b;border:2px solid var(--midColor);color:#111;color:var(--black100);padding:14px 45px;width:100%}@media(max-width:960px){.search__inner{left:0;padding:17px 20px 17px 220px;position:fixed;top:0;width:100%;z-index:1000}.search__inner label{left:234px}}.search__more{margin-top:100px;text-align:center}.search__more button{border-radius:50px;color:#111;color:var(--black100);cursor:pointer;margin-bottom:100px;padding:.5rem 2rem;transition:all .3s}.search__more button:hover{background-color:#222;background-color:var(--black200);color:#fff;color:var(--white)}.video__inner{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,24%);justify-content:space-between}@media(max-width:1400px){.video__inner{gap:15px;grid-template-columns:repeat(3,32%)}}@media(max-width:1200px){.video__inner{gap:10px;grid-template-columns:repeat(2,49%)}}@media(max-width:400px){.video__inner{grid-template-columns:repeat(1,100%)}}.video__inner .video .video__thumb a{background-position:50%;background-size:cover;display:block;padding-bottom:56.25%;width:100%}.video__inner .video .video__info{background-color:#222;background-color:var(--black200);padding:1rem}.video__inner .video .video__info .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;min-height:48px;overflow:hidden;text-overflow:ellipsis}@media(max-width:800px){.video__inner .video .video__info .title{min-height:40px}}.video__inner .video .video__info .author a{background-color:#fff;background-color:var(--white);border-radius:20px;color:#222;color:var(--black200);display:inline-block;font-size:12px;margin-top:10px;padding:1px 10px;text-transform:uppercase}.video__slider .video .video__thumb{margin-bottom:5px}.video__slider .video .video__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.video__view{padding:2rem}.video__view .video__play{display:flex;margin-bottom:1rem;width:100%}.video__view .video__play .left{position:relative;width:70%}.video__view .video__play .left iframe{left:0;position:absolute;top:0}.video__view .video__play .right{height:70vh;overflow-y:auto;padding:20px;width:30%}.video__view .video__play .right .right__inner{-ms-overflow-style:none;height:100%;overflow-y:scroll;scrollbar-width:none}.video__view .video__play .right .right-inner::-webkit-scrollbar{display:none}.video__view .video__play .right h3{background-color:#fff;background-color:var(--white);border-radius:40px;color:#000;color:var(--black);margin-bottom:.5rem;text-align:center}.video__view .video__play .right li{border-bottom:1px dashed #ccc;border-bottom:1px dashed var(--white300);margin-bottom:15px;padding-bottom:10px}.video__view .video__info .title{font-size:1.25rem;margin-bottom:1rem}.video__view .video__info .channel{background-color:#333;border-radius:40px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 2rem}.video__view .video__info .channel span{margin-left:10px}.video__view .video__info .channel span svg{height:20px;margin-right:5px;vertical-align:-5px;width:20px}.video__view .video__info .channel .channelTitle{font-size:1rem;font-weight:700}.video__view .video__desc{line-height:1.8;white-space:pre-line}@keyframes swoosh{to{transform:scale(1)}}.loading{left:50%;padding-left:260px;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading svg{height:200px;position:relative;width:200px}.loading svg circle{fill:#815b5b;animation:swoosh .6s cubic-bezier(.66,.14,.83,.67) infinite alternate both;position:absolute;transform:scale(0);transform-origin:center center}.loading circle:first-of-type{fill:#8a6161;animation-delay:.1875s}.loading circle:nth-of-type(2){fill:#936868;animation-delay:.375s}.loading circle:nth-of-type(3){fill:#9a7070;animation-delay:.5625s}.loading circle:nth-of-type(4){fill:#a07979;animation-delay:.75s}.loading circle:nth-of-type(5){fill:#a78282;animation-delay:.9375s}.loading circle:nth-of-type(6){fill:#ad8b8b;animation-delay:1.125s}.Home__view{padding:0 20px 20px;width:100%}.Home__view .video__inner{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-content:space-between}@media(max-width:1200px){.Home__view .video__inner{gap:15px;grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.Home__view .video__inner{gap:10px;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.Home__view .video__inner{grid-template-columns:repeat(1,1fr)}}.Home__view .video__inner .video .video__thumb a{background-position:50%;background-size:cover;display:block;padding-bottom:56.25%;width:100%}.Home__view .video__inner .video .video__info{background-color:#222;background-color:var(--black200);padding:1rem}.Home__view .video__inner .video .video__info .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;min-height:48px;overflow:hidden;text-overflow:ellipsis}@media(max-width:800px){.Home__view .video__inner .video .video__info .title{min-height:40px}}.Home__view .video__inner .video .video__info .author a{background-color:#fff;background-color:var(--white);border-radius:20px;color:#222;color:var(--black200);display:inline-block;font-size:12px;margin-top:10px;padding:1px 10px;text-transform:uppercase}.coffee__main{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:5rem}.coffee__main .options{grid-gap:1vh;box-sizing:border-box;display:grid;grid-template-columns:120px;grid-template-rows:repeat(10,35px);justify-content:space-evenly;margin-left:4rem}.coffee__main .options button{background:#d6d9e399;border:2px solid #815b5b;border:2px solid var(--midColor);border-radius:1vh;box-shadow:none;box-sizing:border-box;color:#363636;font-size:1rem;outline:none;-webkit-user-select:none;user-select:none}.coffee__main .options button:hover{background:#fff9;border-width:4px;cursor:pointer}.coffee__main .options .selected{background:#fffc;border-width:4px;box-sizing:border-box}.coffee__main .container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:3rem;width:70vw}.coffee__main .container .coffee_name{color:#f1faee;font-size:4vw;text-align:center}.coffee__main .container .cup{background-color:#222;background-color:var(--cup-color);border-radius:0 0 10vw 10vw;box-sizing:border-box;height:24vw;height:var(--cup-height);position:relative;width:30vw;width:var(--cup-width);z-index:10}.coffee__main .container .cup:after{border:1vw solid #222;border:var(--main-border);border-radius:50% 30%;content:"";height:10vw;height:var(--cup-handle-height);left:calc(100% - 1vw);position:absolute;top:10%;width:5vw;width:var(--cup-handle-width)}.coffee__main .container .cup .plate{background:#222;background:var(--cup-color);border-radius:1vw;height:2vw;height:var(--plate-height);left:2.5vw;left:calc((var(--cup-width) - var(--plate-width))/2);position:absolute;top:calc(100% + 1vw);width:25vw;width:var(--plate-width)}.filling{background-color:#d6b9a4;background-color:var(--main-bg-color);border-radius:0 0 10vw 10vw;bottom:calc(var(--cup-border-width)/2);bottom:1vw;height:22vw;height:var(--cup-inside-height);left:1vw;left:calc(var(--cup-border-width)/2);width:28vw;width:var(--cup-inside-width)}.filling,.filling div{overflow:hidden;position:absolute}.filling div{align-items:flex-start;bottom:-100%;box-sizing:border-box;color:#817f75;display:flex;font-size:3vw;height:0;height:100%;justify-content:center;transition:all 1s linear;width:100%}.filling.reset.americano{--water-bottom:0;--coffee-bottom:-60%}.filling.reset.au_lait{--coffee-bottom:-50%;--milk-bottom:0%}.filling.reset.capuccino{--coffee-bottom:-65%;--steamed_milk-bottom:-35%;--milk_foam-bottom:0}.filling.reset.espresso{--coffee-bottom:-60%}.filling.reset.latte{--coffee-bottom:-60%;--steamed_milk-bottom:-20%;--milk_foam-bottom:0%}.filling.reset.corretto{--coffee-bottom:-45%;--liquor-bottom:-25%}.filling.reset.lungo{--water-bottom:0;--coffee-bottom:-50%}.filling.reset.macchiato{--coffee-bottom:-70%;--milk_foam-bottom:0}.filling.reset.mocha{--coffee-bottom:-60%;--chocolate-bottom:-40%;--steamed_milk-bottom:-20%;--whipped_cream-bottom:0%}.filling.reset.ristretto{--coffee-bottom:-80%}div.chocolate{background:#391e09;background:var(--chocolate-color);bottom:0;bottom:var(--chocolate-bottom);z-index:6}div.coffee{background:#3c302f;background:var(--coffee-color);bottom:80%;bottom:var(--coffee-bottom);line-height:4vw;z-index:7}div.liquor{background:#fc8626;background:var(--liquor-color);bottom:0;bottom:var(--liquor-bottom);z-index:4}div.milk{background:#f0ebe5;background:var(--milk-color);bottom:0;bottom:var(--milk-bottom);z-index:2}div.milk_foam{background:#fceecb;background:var(--milk_foam-color);bottom:0;bottom:var(--milk_foam-bottom);z-index:5}div.steamed_milk{background:#ffd7b3;background:var(--steamed_milk-color);bottom:0;bottom:var(--steamed_milk-bottom);z-index:6}div.water{background:#b1dce2;background:var(--water-color);bottom:0;bottom:var(--water-bottom)}div.whipped_cream{background:#fceecb;background:var(--whipped_cream-color);bottom:0;bottom:var(--whipped_cream-bottom);z-index:4}.filling.reset{--coffee-bottom:-100%;--water-bottom:-100%;--milk-bottom:-100%;--liquor-bottom:-100%;--whipped_cream-bottom:-100%;--steamed_milk-bottom:-100%;--milk_foam-bottom:-100%;--chocolate-bottom:-100%}.channel__header{background-position:50%;background-size:contain;height:300px;padding-top:100px;position:relative;width:100%}.channel__header,.channel__header .circle{background-color:#ccc;background-color:var(--white300)}.channel__header .circle{border-radius:50%;height:200px;left:50%;overflow:hidden;position:absolute;top:200px;transform:translate(-50%);width:200px;z-index:100}.channel__info{margin-top:100px;text-align:center}.channel__info .title{font-size:2rem;margin-bottom:10px}.channel__info .desc{padding:0 10vw}.channel__info .info{margin-top:30px}.channel__info .info span{background-color:#222;background-color:var(--black200);border-radius:40px;margin:4px;padding:10px 20px}.channel__info .info span svg{height:20px;margin-right:5px;vertical-align:-5px;width:20px}.channel__video{margin-top:100px;padding:2rem 2rem 3rem}.channer__more{text-align:center}.channer__more button{border-radius:50px;cursor:pointer;margin-bottom:100px;padding:.5rem 2rem;transition:all .3s}.channer__more button:hover{background-color:#222;background-color:var(--black200);color:#fff;color:var(--white)}
/*# sourceMappingURL=main.e975cd6f.css.map*/