@charset "utf-8";
/* doc.css�� �붿옄�명럹�댁� �ㅽ��쇱쓣 �뺤쓽�⑸땲��. */
.about .cont1{padding:0 0 70px;}
.about .cont1 .tt-wrap{margin-bottom:50px;text-align:center;}
.about .cont1 .tt-wrap .tit{margin-bottom:25px;font-size:var(--fz32);font-weight:600;letter-spacing:0;color:var(--dark);line-height:1.3em;}
.about .cont1 .tt-wrap .tt{font-size:var(--fz18);line-height:1.67em;color: #242424;}
.about .cont1 .flex{display:flex;gap:30px;}
.about .cont1 .flex .col .tit,
.about .cont2 .flex .col .tit{margin-bottom:15px;font-size:var(--fz15);color:var(--dark);letter-spacing:0;line-height:1.3em;font-weight:700;}
.about .cont2{padding:70px 0;background-color: #fafafa;}
.about .cont2 .title{margin-bottom:50px;font-size:var(--fz24);font-weight:700;letter-spacing:0;line-height:1.2em;color:var(--dark);}
.about .cont2 .flex{display:flex;margin:0 -20px;}
.about .cont2 .flex .col.st1{width:26.5%;padding:0 20px;}
.about .cont2 .flex .col.st2{width:73.5%;padding:0 20px;}
.about .cont2 .flex .col .colors{display:flex;gap:8px;}
.about .cont2 .flex .col .colors .wrap{width:100%;}
.about .cont2 .flex .col .colors .wrap .box .cl{height:160px;border-radius:10px 10px 0 0;}
.about .cont2 .flex .col .colors .wrap .box .cl.st2{border:1px solid #ddd;}
.about .cont2 .flex .col .colors .wrap .box .info{border:1px solid #ddd;border-top:none;border-radius:0 0 10px 10px;padding:25px 18px;background-color: #fff;}
.about .cont2 .flex .col .colors .wrap .box .info dl{margin-bottom:10px;font-size:var(--fz15);line-height:1.4em;}
.about .cont2 .flex .col .colors .wrap .box .info dl:last-child{margin-bottom:0;}
.about .cont2 .flex .col .colors .wrap .box .info dl dt{margin-bottom:5px;padding-left:.6em;text-indent:-.6em;font-weight:700;color:var(--dark);letter-spacing:0;}
.about .cont2 .flex .col .colors .wrap .box .info dl dd{padding-left:.6em;color: #ababab;}

.about .cont3 .maps{margin-bottom:60px;}
.about .cont3 .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.about .cont3 .maps .root_daum_roughmap .wrap_map {height:450px !important;}
.about .cont3 .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.about .cont3 .maps .map_border{display:none;}
.about .cont3 .maps .roughmap_lebel_text:after {content:"(二�)�곗씠�ㅻ뜲��"; font-size:12px; line-height:15px;}
.about .cont3 .info ul{display:flex;border:1px solid #ddd;border-radius:10px;}
.about .cont3 .info ul li{display:flex;padding:25px 30px;width:23.373%;border-right:1px solid #ddd;}
.about .cont3 .info ul li:last-child{border-right:0;}
.about .cont3 .info ul li .ic{display:flex;justify-content:center;align-items:center;width:64px;height:64px;margin-right:20px;border-radius:100%;background-color:var(--pri);}
.about .cont3 .info ul li:nth-child(1){min-width:0;width:1%;flex:1 1 auto;}
.about .cont3 .info ul li:nth-child(1) .ic{background-color:var(--dark);}
.about .cont3 .info ul li dl{min-width:0;width:1%;flex:1 1 auto;font-family:var(--pre);}
.about .cont3 .info ul li dl dt{margin-bottom:5px;font-size:var(--fz14);font-weight:500;letter-spacing:0;color:var(--dark);line-height:1.4em;}
.about .cont3 .info ul li dl dd{letter-spacing:-.03em;line-height:1.5em;}


.cate-menu{margin-bottom:60px;}
.cate-menu ul{display:flex;justify-content:center;}
.cate-menu ul li{position:relative;}
.cate-menu ul li:after{content:'';width:1px;height:16px;background-color: #ddd;position: absolute;right:-1px;top:50%;transform:translateY(-50%);}
.cate-menu ul li:last-child:after{display:none;}
.cate-menu ul li a{display:flex;justify-content:center;align-items:center;padding:0 30px;height:60px;border-radius:30px;font-size:var(--fz20);font-weight:600;color: #898989;line-height:1.2em;}
.cate-menu ul li.active{z-index:1;}
.cate-menu ul li.active a{background-color:var(--pri);color: #fff;}
.cate-menu ul li.active:after{display:none;}
.store-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -55px;}
.store-list ul li{width:33.3333%;padding:0 15px;margin-bottom:55px;}
.store-list ul li .pic {position:relative; height:0; padding-bottom:63.163%; overflow:hidden;border-radius:10px;}
.store-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.store-list ul li .tit{margin-top:15px;font-size:var(--fz20);font-weight:600;color: #242424;line-height:1.5em;}

.store-detail .tit-wrap{margin-bottom:40px;}
.store-detail .tit-wrap .top{margin-bottom:10px;line-height:1.4em;}
.store-detail .tit-wrap .title{font-size:var(--fz28);font-weight:600;letter-spacing:0;color:var(--dark);line-height:1.4em;}
.store-detail .info .tit{padding:15px 20px 13px;border-top:1px solid #242424;border-bottom:1px solid #ddd;color: #242424;font-weight:600;line-height:1.4em;background-color: #fbfbfb;}
.store-detail .info .txt{padding:15px 20px;border-bottom:1px solid #ddd;font-family:var(--pre);}
.store-detail .edit-area{margin-top:60px;}


.price-pg .cont1{padding-bottom:125px;}
.price-pg .tab-wrap ul{box-shadow:none;}
.price-pg .tab-wrap ul li a{font-size:var(--fz18);}

.price-pg .start-con .tit-wrap{margin-bottom:25px;}
.price-pg .start-con .tit-wrap .tit{font-size:var(--fz28);}
.price-pg .start-con .tit-wrap .txt{padding-right:108px;font-size:var(--fz18);}
.price-pg .start-table table thead th{font-size:var(--fz20);}
.price-pg .start-table table tbody strong{font-size:var(--fz18);}
.price-pg .start-table table tbody strong.st2{font-size:var(--fz20);}
.price-pg .start-table table tfoot td .total{font-size:var(--fz28);}
.price-pg .nt-list>li{font-size:var(--fz16);line-height:1.75em;}

.price-pg .cont2{padding:125px 0;background:url('/images/sub/price-bg.jpg')no-repeat 50% 50%/cover;}
.price-pg .cont2 .doc-title-wrap{padding-top:0;}
.price-pg .cont2 .doc-title-wrap .radi-txt{margin-bottom:15px;height:34px;padding:0 20px;font-size:var(--fz18);}
.price-pg .cont2 .doc-title-wrap .doc-title{color: #fff;}
.price-pg .cont2 .doc-title-wrap .tt{color: #fff;}

.process{position:relative;padding-right:85px;z-index:1;}
.process:after{content:'';width:100%;height:50%;border-radius:0 290px 290px 0;border:2px dashed #ddd;position: absolute;left:0;top:50%;transform:translateY(-50%);border-left:0;z-index:-1;}
.process ol{display:flex;flex-wrap:wrap;margin:-50px -30px;}
.process ol li{position:relative;width:25%;padding:50px 30px;}
.process ol li .box{padding:50px 15px;min-height:230px;height:100%;border-radius:var(--bd30);text-align:center;background-color: #fff;letter-spacing:-.04em;}
.process ol li .box .step{margin-bottom:5px;font-size:var(--fz14);font-weight:800;color:var(--pri);line-height:1.4em;}
.process ol li .box .tit{font-size:var(--fz24);font-weight:700;color:var(--dark);line-height:1.4em;}
.process ol li .box .tt{margin-top:15px;color: #242424;line-height:1.6em;font-size:var(--fz15);}
.process ol li.active .box{background-color:var(--pri);}
.process ol li.active .box .step{margin-bottom:20px;color: #fff;}
.process ol li.active .box .tit{color: #fff;}

.process ol li:nth-child(5){order:8;}
.process ol li:nth-child(6){order:7;}
.process ol li:nth-child(7){order:6;}
.process ol li:nth-child(8){order:5;}

.process ol li:after{content:'';position: absolute;right:-13px;top:50%;margin-top:-13px;width:26px;height:26px;background:url('/images/sub/process-arr.png')no-repeat 50% 50%/contain;z-index:1;}
.process ol li:nth-child(4):after{top:auto;bottom:0;margin-bottom:-13px;margin-top:0;right:-70px;transform:rotate(90deg);}
.process ol li:nth-child(5):after,
.process ol li:nth-child(6):after,
.process ol li:nth-child(7):after{right:auto;left:-13px;transform:rotate(180deg);}
.process ol li:last-child:after{display:none;}

.doc-board-list{padding-top:40px;border-top:1px solid #242424;}
.doc-board-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -40px;}
.doc-board-list ul li{padding:0 15px;margin-bottom:40px;width:33.3333%;}
.doc-board-list ul li .box{display:block;border:1px solid #ddd;}
.doc-board-list ul li .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.doc-board-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.doc-board-list ul li .tt-wrap{padding:25px 20px 20px;border-top:1px solid #ddd;line-height:1.4em;}
.doc-board-list ul li .tt-wrap .cate{margin-bottom:10px;color: var(--pri);font-weight:600;letter-spacing:0;}
.doc-board-list ul li .tt-wrap .tit{font-size:var(--fz20);font-weight:600;letter-spacing:0;color: #242424;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}

.ff-pre{font-family:var(--pre);}

.menu-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -55px;}
.menu-list ul li{width:33.3333%;padding:0 15px;margin-bottom:55px;text-align:center;}
.menu-list ul li .pic {position:relative; height:0; padding-bottom:141.06%; overflow:hidden;border-radius:10px;}
.menu-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.menu-list ul li .pic .off-wrap{display:flex;justify-content:center;align-items:center;position: absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(0,0,0,.5);color: #fff;opacity:0;transition:.3s;}
.menu-list ul li .pic .off-wrap .inner{opacity:.8;}
.menu-list ul li .pic .off-wrap .inner .eng{margin-bottom:10px;opacity:.6;letter-spacing:0;line-height:1.3em;}
.menu-list ul li .pic .off-wrap .inner .off-txt{font-size:var(--fz30);font-weight:600;letter-spacing:0;line-height:1.2em;}
.menu-list ul li .tit{margin-top:15px;font-size:var(--fz20);font-weight:600;color:var(--dark);line-height:1.5em;}
.menu-list ul li.off .pic .off-wrap{display:flex;}
/* .menu-list ul li a{pointer-events:none;} */
.menu-list ul li.off a:hover .off-wrap{opacity:1;}

.drink-list ul{display:flex;flex-wrap:wrap;margin:0 -10px -35px;}
.drink-list ul li{width:25%;padding:0 10px;margin-bottom:35px;text-align:center;}
.drink-list ul li .img{padding:10px;border-radius:10px;overflow:hidden;background-color: #fafafa;}
.drink-list ul li .img .pic{position:relative; padding-bottom:100%; overflow:hidden;}
.drink-list ul li .img .pic img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.drink-list ul li .eng{margin:15px 0 5px;font-size:var(--fz14);color: #ababab;letter-spacing:0;line-height:1.4em;}
.drink-list ul li .tit{font-size:var(--fz24);font-weight:600;letter-spacing:0;color:var(--dark);line-height:1.4em;}
/* .drink-list ul li a{pointer-events:none;} */

.stroy-drink .content{margin-bottom:125px;}
.stroy-drink .content:last-child{margin-bottom:0;}
.stroy-drink .content:last-child .doc-title-wrap{padding-top:0;}
.stroy-drink .drink-sld .slick-list{margin:0 -10px;}
.stroy-drink .drink-sld .item{padding:0 10px;}
.stroy-drink .drink-sld .item .pic{position:relative; height:0; padding-bottom:141.053%; overflow:hidden;border-radius:10px;}
.stroy-drink .drink-sld .item .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.stroy-drink .drink-sld .slick-prev{left:-100px;}
.stroy-drink .drink-sld .slick-next{right:-100px;}

.pop-item .pic{position:relative; height:0; padding-bottom:141.06%; overflow:hidden;}
.pop-item .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}