@charset "utf-8";p{font-size:16px;color:#444;line-height:2}#container{position:relative;overflow:hidden}#container img{max-width:100%;object-fit:cover}header .location{position:absolute;display:block;top:100%;left:0;width:100%;background-color:#000;opacity:.8;z-index:100}header .location ul{padding-left:70px;max-width:1920px;height:40px;margin:0 auto}header .location ul li{position:relative;float:left;padding:0 20px;margin-right:15px;font-size:12px;color:grey;line-height:40px}header .location ul li:after{display:block;content:'';position:absolute;top:18px;right:0;width:4px;height:7px;background:url(../img/ico_allow.png) no-repeat 0 0}header .location ul li.on:after{display:none}header .location ul li.on{color:#be9673}.sub-title{font-size:20px;color:#be9673;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.headline{color:#252525;text-transform:uppercase;letter-spacing:.5px;animation:scale 1s forwards}.headline-color{color:#be9673}.star{width:20px;height:20px;margin:25px auto;opacity:0;background:url(../img/star.png) 100% 100%/cover no-repeat;animation:spin 5s .1s forwards}section{position:relative;width:100%;padding:100px 0}.content{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;max-width:1140px;margin:0 auto}.content>div{flex:1}.img-group ul{display:inline-flex;flex-wrap:wrap;justify-content:center;width:100%}.img-group ul>li{margin:0 10px 20px 10px;max-width:250px}.bg-divider{position:absolute;display:block;top:0;left:50%;width:1px;height:800px;background:linear-gradient(to bottom,#b2b2b2 0,#b2b2b2 83%,rgba(0,0,0,0) 86%,rgba(0,0,0,0) 100%)}.magazine{padding:100px 0 0 0}.magazine .content{min-height:600px}.magazine .intro-img{position:relative;width:100%;min-height:inherit;z-index:1}.magazine .intro-img img{position:absolute;top:20%;right:25%}.magazine .intro-img img:nth-child(1){width:260px;z-index:3}.magazine .intro-img img:nth-child(2){width:220px;z-index:2;right:15%;top:60%}.magazine .intro-img img:nth-child(3){width:220px;z-index:1;top:35%;right:5%}.magazine .intro-txt{position:relative;bottom:20px}.magazine .intro-txt:after{content:'';position:absolute;display:block;left:-50%;bottom:-27px;width:90%;height:1px;background:#b2b2b2}.finderWrap{position:relative;width:100%;height:600px;background:url(../img/coffeeFinder/findWrap_bg.jpg) 50% -55px;overflow:hidden}.finder-title{max-width:1140px;margin:0 auto 50px;text-align:center;opacity:0;transition:transform ease 1.5s;transform:translateY(300px)}.finder-title.on{opacity:1;transform:translateY(0)}.finder-title>img{padding:20px}.finder-title.on>img{animation:spin 3s 1.5s forwards}.finder_container{width:100%;height:auto;transition:transform ease 1.5s}.finder_container.step1{transform:translateY(0)}.finder_container.step2{transform:translateY(-600px)}.finder_container.step3{transform:translateY(-1200px)}.finder_container.step4{transform:translateY(-1800px)}.finder{position:relative;padding-top:120px;width:100%;height:600px;text-align:center;overflow:hidden}.finder>h2{font-size:25px;margin:10px}.finder>span{position:relative;top:-72px;left:-8px;font:500 16px/35px "Noto Sans Korean";color:#fff;display:inline-block;z-index:1}.finder>span:before{content:'';display:block;clear:both;position:absolute;width:50px;height:50px;left:-18px;top:-3px;z-index:-1;background-color:#928d85;transform:rotateZ(45deg)}.finder>ul{display:flex;margin-top:50px;justify-content:center;transform:translateY(600px);transition:transform 1s ease-out}.finder>ul>li{margin:20px;text-align:center}.finder>ul>li>a{display:block;width:220px;height:220px;background-size:cover;border-radius:50%;background-position:center}.finder.on>ul{transform:translate(0);transition-delay:.5s}.section4{background:url(../img/reserve_beverage.jpg) center no-repeat;background-size:cover}.section4 ul{position:relative;display:flex;width:100%;justify-content:center;align-items:center}.section4 p{color:#ddd;padding:15px 0}.section4 ul li{flex:1}.section4 ul li a{display:block;margin:20px 25px}.section4 ul li a img{border-radius:100%;transition:all .5s}.section4 ul li a span{position:relative;display:inline-block;font-weight:700;color:#ddd;font-size:15px;margin-top:20px;text-align:center}.section4 ul li a span::after{content:'';position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#ba644d;transform:scaleX(0);transform-origin:right;transition:transform .5s}.section4 ul li a:hover span::after{transform:scaleX(1);transform-origin:left}.action .content>h3{transform:matrix(1,0,0,1,0,-100)}.action .content>ul{opacity:0;transform:matrix(1,0,0,1,300,0);opacity:0}.action .content>ul.go_left{transform:matrix(1,0,0,1,0,0);transition:all ease-in-out 1s;opacity:1}.action .content>h3.drop_down{transform:matrix(1,0,0,1,0,0);transition:matrix ease-in-out .7s;opacity:1;height:230px}.section6 p{padding:15px 0}.m_pic{display:none}.btn{display:inline-block;letter-spacing:2px;margin-right:-2px;cursor:pointer}.reserve-btn{position:relative;font-size:14px;color:#be9673;transition:color .5s;border:none;width:auto;margin-top:15px}.reserve-btn::before{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:2px;background-color:#be9673;transition:background-color .5s}.reserve-btn:focus,.reserve-btn:hover{color:#252525;border:none;background:0 0}.reserve-btn:focus::before,.reserve-btn:hover::before{background-color:#252525}.intro-btn{position:absolute;left:200px;bottom:-45px;border:none;color:#a67a55}.intro-btn:hover{color:#000;background:0 0}footer{position:relative;background:#114435 url(../img/footer_background2.png) no-repeat 100% 100%}.back-top{position:absolute;width:70px;height:70px;background-color:#114435;top:-30px;left:50%;transform:translateX(-50%);border-radius:50%}.back-top a{display:block;margin:0 auto;margin-top:25px;width:20px;height:20px;background:url(../back-top.png) no-repeat;background-size:contain;animation:up 2s infinite}footer .logo{background:url(../img/logo_footer2.png) center center/contain no-repeat}.footer-content{overflow:hidden}.footer-content h4{font-size:19px;text-transform:uppercase;font-weight:100;letter-spacing:3px;margin-bottom:30px}.footer-content .asterisk{margin:25px 0}.footer-content-about p{line-height:2}footer a,footer address,footer ol li{color:#f9f9f9}footer a:hover{color:#727272}footer ul{border-color:rgba(255,255,255,.5)}@keyframes bg_move{0%{background-position-y:0}100%{background-position-y:-650px}}@keyframes fadeUp{0%{transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@keyframes scale{0%{transform:scale(2)}100%{opacity:1;transform:scale(1)}}@keyframes grow{0%{width:0%}100%{opacity:1;width:100%}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(-720deg)}}@keyframes up{0%{opacity:0}50%{opacity:1}100%{opacity:0;transform:translateY(-10px)}}