@charset "utf-8"; #wrap{} #wrap .wrap{margin:0 auto;width:100%;max-width:1200px;} #wrap .btn{transition:all 0.35s} #wrap .btn_01{background: #fd6f22 !important;border-color: #fd6f22 !important;color: #ffffff !important;} #wrap .btn_02{background: #ffffff !important;border-color: #ffffff !important;color: #fd6f22 !important;} #wrap .btn_03{background: #ffffff !important;border-color: #D8DADD !important;color: #383B40 !important;} #wrap .btn_07{background: #FEE500 !important;border-color: #FEE500 !important;color: #000 !important;} #header{position:fixed;top:0;left:0;z-index:10000;width:100%;background:rgba(0,0,0,.6);} #header:before{content:'';position:absolute;z-index:1;top:0;left:0;width:100%;background:#ffffff;transition:all 300ms;} #header .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;height:80px;} #header .logo{flex:0 0 auto;} #header .logo a{display:block} #header .logo img{display:block;width:195px;height:auto;} #header .global{position:relative;z-index:10;flex:1;display:flex;align-items:center;justify-content:center;} #header .global .dp1{display:flex;align-items:center;} #header .global .dl1{position:relative;padding: 0 25px;} #header .global .da1{display:block;line-height:80px;font-size:18px;font-weight:500;color:#ffffff;} #header .global .dp2{position:absolute;z-index:5;top:calc(100% - 20px);left:0;min-width:100%;padding:10px 0;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transition:all 300ms;} #header .global .dl2{margin-bottom:15px;} #header .global .dl2:last-of-type{margin-bottom:0;} #header .global .da2{display:block;line-height:1.2;font-size:14px;font-weight:500;color:#999999;text-align:center;word-break:keep-all;} #header .global .da2 span{font-size:16px;} #header .global .da2:hover{color:#333;} #header .menu{flex: 0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 0 auto;} #header .menu a{display:flex;align-items:center;justify-content:center;width:50px;height:40px;} #header .menu a.menu_search{} #header .menu a.menu_search svg *{stroke:#ffffff;} #header .menu a.menu_mypage{} #header .menu a.menu_all{} #header .menu a.menu_all svg{fill:#ffffff;} #header.sel{} #header.sel:before{height:300px;} #header.sel .wrap{height:auto;min-height:80px;} #header.sel .logo a{background:url("../img/common/logo_hover.png") no-repeat center / contain;} #header.sel .logo img{opacity:0;} #header.sel .global .dp2{top:100%;opacity:1;visibility:visible;} #header.sel .global .da1{color:#000;} #header.sel .menu a svg{stroke:#000;} #header.sel .menu a svg circle{stroke:#000;} #header.sel .menu a svg path{stroke:#000;} #header.sel .menu a.menu_mypage{background:url("../img/common/mypage_hover.png") no-repeat center;} #header.sel .menu a.menu_mypage img{opacity:0;} #allmenu{position:fixed;top:0;left:0;z-index:10001;width:100%;height:100%;background:rgb(0 0 0 / 90%);flex-direction:column;justify-content:center;transition:all 300ms;display:none;opacity:0;} #allmenu.active{display:flex;opacity:1;} #allmenu .wrap{max-height:100dvh;overflow-y:auto;} #allmenu .tool{display:flex;align-items:center;justify-content:space-between;padding: 20px 0;border-top: 1px solid #2f2f2e;border-bottom: 1px solid #2f2f2e;} #allmenu .tool .link{display:flex;align-items:center;} #allmenu .tool .link a{display:flex;align-items:center;color: #9d9d9d;font-size: 14px;} #allmenu .tool .link a + a:before{content:'';display:flex;width:1px;height:20px;background:#9d9d9d;margin:0 23px;} #allmenu .tool .close{margin:0 0 0 auto;cursor:pointer;display:flex;align-items:center;font-size:14px;color:#a0a0a0;gap:5px;} #allmenu .tool .close svg path{stroke:#ffffff;} #allmenu .header{padding:50px 0;display:flex;flex-direction:column;align-items:center;} #allmenu .header .logo{} #allmenu .header .logo img{height:45px;} #allmenu .header .link{display:flex;align-items:center;justify-content:center;margin:25px 0 0 0;} #allmenu .header .link a{display:flex;align-items:center;color: #9d9d9d;font-size: 14px;} #allmenu .header .link a + a:before{content:'';display:flex;width:1px;height:20px;background:#9d9d9d;margin:0 23px;} #allmenu .menu{border-top: 2px solid #8b8b8b;border-bottom: 2px solid #8b8b8b;} #allmenu .menu dl{display:flex;align-items:center;} #allmenu .menu dl + dl{ border-top: 1px solid #2e2f2e; } #allmenu .menu dl dt{flex:0 1 260px;color:#ffffff;} #allmenu .menu dl dt a{display:block;font-size:22px;font-weight:500;padding:35px 0;color:#ffffff;text-align:center;} #allmenu .menu dl dd{flex:1 1;display:flex;flex-wrap:wrap;gap:8px 16px;} #allmenu .menu dl dd a{display:flex;line-height:27px;font-size:18px;font-weight:500;color:#a5a5a5;} #allmenu .menu dl:hover dt{color:#FF6F00;} #allmenu .menu dl dd a:hover{color:#FF6F00;} #footer{position:relative;} #footer .wrap{} #footer .footer{padding: 75px 0;background: #eeeeee;} #footer .footer .wrap{display:flex;justify-content:space-between;} #footer .footer .copyright{flex:0 1 50%;padding-right: 25px;border-right: 1px solid #e2e2e2;} #footer .footer .copyright .logo{display: block;margin-bottom: 20px;} #footer .footer .copyright .address{display:flex;flex-wrap:wrap;gap:0 20px} #footer .footer .copyright .address dl{display:flex;margin:0 0 8px 0;font-size:15px;} #footer .footer .copyright .address dl dt{color:#000;} #footer .footer .copyright .address dl dt:after{content:':';margin:0 2px;} #footer .footer .copyright .address dl dd{color:#666;} #footer .footer .copyright .address dl dd.red{color:#FF6F00;} #footer .footer .copyright .cite{margin:20px 0 0 0;line-height:20px;font-size:15px;color:#545454;} #footer .footer .banner{flex:0 1 50%;padding-left: 25px;} #footer .footer .banner ul{display:flex;flex-direction:column;} #footer .footer .banner li{padding:25px 0;display:flex;gap:20px;align-items:center;} #footer .footer .banner li + li{border-top:1px solid #e2e2e2} #footer .footer .banner li img{max-width:100%;height:auto;} #footer .footer .banner li img.pc{display:block;} #footer .footer .banner li img.mo{display:none;} #footer .footer .banner li .ico{display:flex;align-items:center;justify-content:center;font-size:24px;width:70px;height:70px;border-radius:50px;flex:0 0 auto;border:1px solid #e2e2e2;background:#ffffff;} #footer .footer .banner li .con{flex:1;white-space:nowrap;} #footer .footer .banner li .con .tit{font-size:16px;font-weight:500;color:#333;display:flex;} #footer .footer .banner li .con .tit small{display:flex;align-items:center;font-size:12px;color:#666666;} #footer .footer .banner li .con .tit small:before{content:'/';margin:0 4px;} #footer .footer .banner li .con .num{line-height:24px;font-size:18px;font-weight:bold;color:#333;letter-spacing:-1px;} #footer .footer .banner li .txt{flex:0 0 auto;font-size:13px;color:#666;} #footer .footer .banner li .img{flex:0 0 auto;max-width:160px;} #footer .footer .banner li .img img{max-height:65px;width:auto;height:auto;} #footer .footer .banner li:first-child{padding-top:0;} #footer .footer .banner li:last-child{padding-bottom:0;} #footer .bottom{background:#111111;} #footer .bottom .wrap{display:flex;height:65px;align-items:center;justify-content:space-between;} #footer .bottom .link{display:flex;} #footer .bottom .link a{display:flex;color: #fff;font-size: 15px;align-items:center;} #footer .bottom .link a + a{} #footer .bottom .link a + a:before{content:'';width:1px;height:15px;background:#fff;margin:0 20px;} #footer .bottom .social{display:flex;gap:16px;} #footer .bottom .social a{opacity:0.6;} #footer .bottom .social a:hover{opacity:1;} #container{} #main{} #main .visual{position:relative;z-index:1;} #main .visual .swiper-slide{position:relative;display:flex;align-items:center;justify-content:center;height:100%;} #main .visual .swiper-slide .thumb{position:relative;width:100%;height:600px;} #main .visual .swiper-slide .thumb:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;opacity:0.5;pointer-events:none;} #main .visual .swiper-slide .thumb img{display:block;width:100%;height:100%;object-fit:cover;} #main .visual .swiper-slide .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:40px;} #main .visual .swiper-slide .text .sub{line-height:1.35;font-size:30px;font-weight:500;color:#fd6f22} #main .visual .swiper-slide .text .tit{line-height:1.35;font-size:60px;font-weight:700;color:#ffffff;} #main .visual .swiper-slide .text .tit span{color:#fd6f22} #main .visual .swiper-slide .text .txt{line-height:1.35;font-size:30px;font-weight:400;color:#ffffff;} #main .visual .swiper-button-prev{position:absolute;z-index:2;top:50%;left:50%;width:48px;height:80px;transform:translateY(-50%);margin:0;padding:0;margin-left:-700px;} #main .visual .swiper-button-prev:after{color:#ffffff;opacity:0.5;} #main .visual .swiper-button-prev:hover:after{opacity:1;} #main .visual .swiper-button-next{position:absolute;z-index:2;top:50%;left:50%;width:48px;height:80px;transform:translateY(-50%);margin:0;padding:0;margin-left:652px;} #main .visual .swiper-button-next:after{color:#ffffff;opacity:0.5;} #main .visual .swiper-button-next:hover:after{opacity:1;} #main .visual .naver-search{position:absolute;bottom:30px;left:50%;width:1200px;z-index:10;transform:translateX(-50%);display:flex;justify-content:flex-end;max-width:100%;} #main .visual .naver-search .desktop{display:block;} #main .visual .naver-search .mobile{display:none;} #main .visual .naver-search img{max-width:500px;height:auto;} #main .category{position:relative;z-index:2;} #main .category .inner{margin:-90px auto 0;width:1200px;max-width:100%;background:#eeeeee;border-radius:15px;padding:40px;display:flex;align-items:center;} #main .category .inner .title{flex:0 1 200px;} #main .category .inner .title .tit{line-height:1.1;font-weight: bold;color: #101010;font-size: 32px;} #main .category .inner .title .txt{color: #333;padding-top: 10px;line-height: 1;} #main .category .inner .list{flex:1;} #main .category .inner .list ul{display:flex;gap:42px;align-items:center;} #main .category .inner .list li{} #main .category .inner .list li a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;} #main .category .inner .list li a img{} #main .category .inner .list li a p{color:#666;font-size:18px;line-height:26px;} #main .quick {position: relative;padding: 50px 20px;} #main .quick ul {display: flex;align-items: center;justify-content: space-between;gap:20px;} #main .quick li{flex:1;} #main .quick li a {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 8px;} #main .quick li .img {width: 100%;height: auto;border-radius: 30px;/*background: #fff8f6;*/aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;overflow: hidden;padding:10px;} #main .quick li .img img {display: block;width:100%;height: auto;} #main .quick li .txt {line-height: 35px;font-size: 16px;font-weight: 700;} #main .premium{position:relative;z-index:1;padding:60px 20px 0;} #main .premium .header{margin:0 0 40px 0;color: #101010;font-weight:700;font-size: 32px;letter-spacing: -0.05em;line-height: 1.1;text-align:center;} #main .premium .list{margin:0 0 20px 0;} #main .premium .list ul{display:flex;flex-wrap:wrap;gap:20px;} #main .premium .list li{display:block;border-radius:10px;overflow:hidden;width:calc(25% - 15px);} #main .premium .list li .img{border-radius:10px 10px 0 0;width: 100%;height: auto;aspect-ratio: 16/10;} #main .premium .list li .img a{display:block;width: 100%;height:100%;} #main .premium .list li .img img{width:100%;height:100%;object-fit:cover;} #main .premium .list li .con{border:1px solid #ddd;border-radius:0 0 10px 10px;border-top:0;padding:42px 23px 16px 23px;display:flex;flex-direction:column;gap:10px;} #main .premium .list li .con .title{display:flex;align-items:center;justify-content:space-between;} #main .premium .list li .con .title .name{line-height:36px;font-size:24px;font-weight:500;color:#000;} #main .premium .list li .con .title .link{display:flex;align-items:center;justify-content:center;} #main .premium .list li .con .text{display:block;} #main .premium .list li .con .text a{line-height:24px;font-size:16px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} #main .premium .list li .con .info{display:flex;gap:5px;} #main .premium .list li .con .info dl{display:flex;align-items:center;gap:5px;line-height:20px;font-size:16px;color:#666;} #main .premium .list li .con .info dl.ic-star svg{fill: #fcaf17;} #main .premium .list li .con .info dl.ic-loca svg{fill: #FF6F00;} #main .premium .list li .con .info dl.ic-zzim svg{fill: #ff7979;} #main .premium .list li .con .info dt{} #main .premium .list li .con .info dt svg{display:block;width:20px;height:20px;} #main .premium .list li .con .info dd{} #main .premium .list li .con .company{display:flex;gap:20px;align-items:center;} #main .premium .list li .con .company dl{display:flex;align-items:center;gap:5px;line-height:20px;font-size:16px;color:#333;} #main .premium .list li .con .company dt{display:flex;align-items:center;justify-content:center;} #main .premium .list li .con .company dd{display:flex;align-items:center;justify-content:flex-start;} #main .premium .list li .con .company dd.red{font-family: Tahoma;font-weight:700;font-size:14px;color: #FF6F00;} #main .premium .myloca{position:relative;margin:60px 0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#FF6F00;height:70px;} #main .premium .myloca .tit{display:flex;align-items:center;gap:10px;} #main .premium .myloca .tit svg{color:#ffffff;} #main .premium .myloca .tit svg path{stroke:#ffffff;} #main .premium .myloca .tit svg circle{stroke:#ffffff;} #main .premium .myloca .tit span{font-size:20px;color:#ffffff;} #main .premium .myloca .act{position:absolute;top:50%;right:20px;transform:translateY(-50%);} #main .premium .myloca .act a{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid #ffffff;border-radius:10px;min-width:130px;font-size:16px;color:#ffffff;} #main .customer{position:relative;z-index:1;margin:30px 0;} #main .customer ul{display:flex;flex-wrap:wrap;gap:20px;} #main .customer li{width:calc(50% - 10px);/*display:flex;*/} #main .customer li a{display:block;} #main .customer li img{display:block;max-width:100%;} #main .restaurant{position:relative;z-index:1;padding:60px 20px 0;} #main .restaurant .wrap{display:flex;gap:34px;} #main .restaurant .recommend{flex:1 1;} #main .restaurant .recommend .header{margin:0 0 20px;line-height:55px;font-size:32px;font-weight:700;color:#101010;} #main .restaurant .recommend .list{} #main .restaurant .recommend .list ul{display:flex;flex-wrap:wrap;gap:34px;} #main .restaurant .recommend .list li{width:calc(50% - 17px);} #main .restaurant .recommend .list li .img{border-radius:10px;overflow:hidden;height: 270px;} #main .restaurant .recommend .list li .img a{display:block;width: 100%;height: 100%;} #main .restaurant .recommend .list li .img img{width:100%;height:100%;object-fit:cover;min-height:270px;} #main .restaurant .recommend .list li .con{padding:15px 20px 16px 15px;height: 135px;} #main .restaurant .recommend .list li .con .title{display:flex;align-items:center;justify-content:space-between;} #main .restaurant .recommend .list li .con .title .name{line-height:36px;font-size:24px;font-weight:700;color:#000;} #main .restaurant .recommend .list li .con .title .link{display:flex;align-items:center;justify-content:center;} #main .restaurant .recommend .list li .con .text{display:block;margin:10px 0 0 0;} #main .restaurant .recommend .list li .con .text a{line-height:24px;font-size:16px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} #main .restaurant .recommend .list li .con .info{display:flex;gap:5px;margin:10px 0 0 0;} #main .restaurant .recommend .list li .con .info dl{display:flex;align-items:center;gap:5px;line-height:20px;font-size:16px;color:#666;} #main .restaurant .recommend .list li .con .info dl.ic-star svg{fill: #fcaf17;} #main .restaurant .recommend .list li .con .info dl.ic-loca svg{fill: #FF6F00;} #main .restaurant .recommend .list li .con .info dl.ic-zzim svg{fill: #ff7979;} #main .restaurant .recommend .list li .con .info dt{} #main .restaurant .recommend .list li .con .info dt svg{display:block;width:20px;height:20px;} #main .restaurant .recommend .list li .con .info dd{} #main .restaurant .recommend .more{margin:50px 0 0 0;} #main .restaurant .recommend .more a{display:flex;align-items:center;justify-content:Center;height:65px;border-radius:10px;border:2px solid #FF6F00;color:#FF6F00;font-size:20px;font-weight:500;} #main .restaurant .assort{flex:0 0 385px;display:flex;flex-direction:column;} #main .restaurant .assort .tabs{display:flex;border:1px solid #ddd;border-radius:10px;overflow:hidden;margin:0 0 32px 0;} #main .restaurant .assort .tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;height:42px;font-size:18px;font-weight:500;color:#333333;} #main .restaurant .assort .tabs .tab.on{color: #fff;background: #660000;} #main .restaurant .assort .tabs_cont{display:none;flex:1;} #main .restaurant .assort .tabs_cont.on{display:block;} #main .restaurant .assort .list{} /* #main .restaurant .assort .list ul{display:flex;flex-direction:column;gap:22px;} #main .restaurant .assort .list li{display:flex;align-items:center;} #main .restaurant .assort .list li .img{flex:0 0 auto;width:92px;height:92px;border-radius:92px;margin:0 20px 0 0;overflow:hidden} #main .restaurant .assort .list li .img a{display:block;width:100%;height:100%;} #main .restaurant .assort .list li .img img{width:100%;height:100%;object-fit:cover;} #main .restaurant .assort .list li .con{flex:1;} #main .restaurant .assort .list li .con .title{display:flex;align-items:center;justify-content:space-between;} #main .restaurant .assort .list li .con .title .name{line-height:26px;font-size:18px;font-weight:700;color:#000;} #main .restaurant .assort .list li .con .title .link{display:flex;align-items:center;justify-content:center;} #main .restaurant .assort .list li .con .text{display:block;margin:10px 0 0 0;} #main .restaurant .assort .list li .con .text a{line-height:20px;font-size:13px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} #main .restaurant .assort .list li .con .info{display:flex;gap:5px;margin:10px 0 0 0;} #main .restaurant .assort .list li .con .info dl{display:flex;align-items:center;gap:5px;line-height:20px;font-size:13px;color:#666;} #main .restaurant .assort .list li .con .info dl.ic-star svg{fill: #fcaf17;} #main .restaurant .assort .list li .con .info dl.ic-loca svg{fill: #FF6F00;} #main .restaurant .assort .list li .con .info dl.ic-zzim svg{fill: #ff7979;} #main .restaurant .assort .list li .con .info dt{} #main .restaurant .assort .list li .con .info dt svg{display:block;width:20px;height:20px;} #main .restaurant .assort .list li .con .info dd{} */ #main .restaurant .assort .list{} #main .restaurant .assort .list ul{display:flex;flex-direction:column;gap:14px;} #main .restaurant .assort .list li{} #main .restaurant .assort .list li a{display:flex;align-items:center;color:#333;transition:all 200ms;} #main .restaurant .assort .list li .badge{flex:0 0 auto;margin:0 20px 0 0;padding:0 10px;display:flex;align-items:center;justify-content:center;height:30px;border-radius:30px;font-size:16px;color:#FF6F00;border:1px solid #FF6F00;font-weight:500;} #main .restaurant .assort .list li .title{flex:1 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:30px;font-size:16px;font-weight:500;color:#101010;} #main .restaurant .assort .list li .icon{flex:0 0 auto;line-height:20px;font-size: 11px;font-weight: 600;color:#e21b1b;} #main .restaurant .assort .list li .date{flex:0 0 auto;margin:0 0 0 10px;font-size:14px;color:#666;} #main .restaurant .assort .banner{margin-bottom: 135px;} #main .restaurant .assort .banner img{height:270px;} /*#main .review{position:relative;z-index:1;padding:60px 0;background:url("../img/main/review_bg.png") no-repeat 50% 50% / cover;}*/ /*#main .review .wrap{display:flex;align-items:center;}*/ /*#main .review .header{flex:0 0 486px;display:flex;flex-direction:column;}*/ /*#main .review .header .tit{line-height:48px;font-size:32px;font-weight:700;color:#ffffff;}*/ /*#main .review .header .txt{margin-top:25px;line-height:28px;font-size:20px;font-weight:500;color:#ffffff;}*/ /*#main .review .header .act{margin-top:120px;display:flex;align-items:center;justify-content:flex-start;}*/ /*#main .review .header .act a{display:flex;align-items:center;justify-content:center;padding:0 15px;border-radius:5px;border:1px solid #fff;font-size:16px;color:#ffffff;height:40px;gap:5px;}*/ /*#main .review .header .act a svg polyline{stroke:#ffffff;}*/ /*#main .review .list{flex:1 1;}*/ /*#main .review .list ul{display:flex;flex-direction:column;gap:14px;}*/ /*#main .review .list li{}*/ /*#main .review .list li a{display:flex;flex-direction:column;padding:15px;background:rgb( 0 0 0 / 60%);border-radius:10px;overflow:hidden;text-align:center;align-items:center;}*/ /*#main .review .list li .name{line-height:20px;font-size:14px;color:#e21b1b;}*/ /*#main .review .list li .text{padding:5px 0;line-height:22px;font-size:15px;color:#ffffff;}*/ /*#main .review .list li .info{display:flex;}*/ /*#main .review .list li .info span{display:flex;align-items:center;line-height:22px;font-size:14px;color:#999;}*/ /*#main .review .list li .info span img{margin:0 0 0 6px;height:12px;}*/ /*#main .review .list li .info span + span:before{content:'';width:1px;height:12px;background:#999999;margin:0 12px;}*/ #main .review{position:relative;padding:20px 20px 0;overflow:hidden} #main .review .wrap{flex-direction:column;display:flex;} #main .review .flex{display:flex;align-items:center;justify-content:center;gap:40px} #main .review .left{flex:1 1;display:flex;flex-direction:column;gap:24px} #main .review .left .title{font-weight:700;font-size:32px;line-height:44px;white-space:pre-wrap;word-break:keep-all;color:#282a2e} #main .review .left .title span{color:#FF6F00} #main .review .left .text{font-weight:400;font-size:17px;line-height:24px;white-space:pre-wrap;word-break:keep-all;color:#282a2e} #main .review .left .more{display:flex;align-items:center} #main .review .left .more a{border-radius:8px;transition:background .3s;white-space:pre-line;word-break:keep-all;cursor:pointer;width:fit-content;padding:12px;font-weight:500;font-size:15px;line-height:20px;border:none;background:#FF6F00;color:#fff} #main .review .right{flex:0 0 800px;} #main .review .right .slider{position:relative;width:800px;height:800px;overflow:hidden} #main .review .right .slider:before{content:'';position:absolute;top:0;background:linear-gradient(#fff,#fff0);width:100%;height:60px;z-index:100} #main .review .right .slider:after{content:'';position:absolute;bottom:0;background:linear-gradient(#fff0,#fff);width:100%;height:60px;z-index:100} #main .review .right .slider .swiper-wrapper{-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important} #main .review .right .slider .swiper-slide{display:flex;padding:20px;max-width:944px;gap:40px;align-items:flex-start;background:#f6f8fb;border-radius:8px;height:auto} #main .review .right .review-content .info{margin-bottom:10px;display:flex;font-weight:400;font-size:15px;line-height:20px;white-space:pre-wrap;word-break:keep-all;color:#282a2e} #main .review .right .review-content .info span{display:flex;align-items:center} #main .review .right .review-content .info span:after{content:"·";min-width:3px;font-weight:900;color:#282a2e;margin:0 8px} #main .review .right .review-content .info span:last-child:after{display:none} #main .review .right .review-content .star{display:flex;align-items:center;gap:8px} #main .review .right .review-content .star .icon{display:flex;align-items:Center;width:auto;height:18px;background:repeat-x center left / auto 100%;background-image: url("data:image/svg+xml,%3Csvg width='19.200000000000003' height='19.200000000000003' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' data-svg='star-fill' fill='%23fcaf17'%3E%3Cpath d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'%3E%3C/path%3E%3C/svg%3E");} #main .review .right .review-content .star .icon1{aspect-ratio:1/1} #main .review .right .review-content .star .icon2{aspect-ratio:2/1} #main .review .right .review-content .star .icon3{aspect-ratio:3/1} #main .review .right .review-content .star .icon4{aspect-ratio:4/1} #main .review .right .review-content .star .icon5{aspect-ratio:5/1} #main .review .right .review-content .star .date{font-weight:400;font-size:13px;line-height:18px;white-space:pre-wrap;word-break:keep-all;color:#5a5c60} #main .review .right .review-content .text{margin:16px 0;white-space:pre-line;word-break:keep-all;font-weight:400;overflow-wrap:break-word;max-width:369px;font-size:15px;line-height:20px;white-space:pre-wrap;word-break:keep-all;color:#282a2e;-webkit-line-clamp:10;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis;overflow:hidden} #main .review .right .review-content .badge{display:flex;flex-wrap:wrap;gap:12px;align-items:center} #main .review .right .review-content .badge span{padding:4px 8px;background-color:#f1f3f6;border-radius:4px;display:flex;align-items:center;gap:8px;font-weight:500;font-size:15px;line-height:20px;color:#282a2e} #main .review .right .review-content .badge span img{width:16px;height:16px} #main .review .right .review-content .help{margin-top:16px} #main .review .right .review-content .help a{display:flex;padding:6px 14px 6px 12px;align-items:center;gap:4px;border-radius:100px;border:1px solid #dddfe2;background-color:#fff;width:fit-content} #main .review .right .review-info{flex:0 1 352px;display:flex;flex-direction:column;justify-content:space-between;min-width:296px;max-width:296px;border:1px solid #eceef1;background-color:#fff;border-radius:8px;height:333px;padding:20px} #main .review .right .review-info .store{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eceef1} #main .review .right .review-info .store .img{display:flex;align-items:center;justify-content:center;width:88px;height:88px;background-color:#f6f8fb;border-radius:8px} #main .review .right .review-info .store .img img{max-width:100%;height:auto} #main .review .right .review-info .store .con{flex:1;display:flex;flex-direction:column;gap:4px} #main .review .right .review-info .store .name{font-weight:400;font-size:17px;line-height:24px;white-space:pre-wrap;word-break:keep-all;color:#282a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis;overflow:hidden} #main .review .right .review-info .store .addr{font-weight:400;font-size:15px;line-height:20px;white-space:pre-wrap;word-break:keep-all;color:#5a5c60} #main .review .right .review-info .store .info{display:flex} #main .review .right .review-info .store .info span{display:flex;font-weight:400;font-size:13px;line-height:18px;white-space:pre-wrap;word-break:keep-all;color:#5a5c60;align-items:center} #main .review .right .review-info .store .info span:after{content:"·";min-width:3px;margin:0 4px} #main .review .right .review-info .store .info span:last-child:after{display:none} #main .review .right .review-info .type ul{display:flex;flex-direction:column;gap:8px} #main .review .right .review-info .type li{display:flex;align-items:flex-start;gap:8px} #main .review .right .review-info .type li .ico{flex:0 0 24px;height:auto;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center} #main .review .right .review-info .type li .txt{flex:1 1;display:flex;flex-direction:column} #main .review .right .review-info .type li .txt span{font-weight:400;font-size:15px;line-height:20px;word-break:keep-all;color:#282a2e;max-width:224px;white-space:nowrap;display:inline-block;text-overflow:ellipsis;overflow:hidden} #main .review .right .review-info .type li .txt p{font-weight:400;font-size:13px;line-height:18px;white-space:pre-wrap;word-break:keep-all;color:#96989c} #main .review .right .review-info .more{margin-top:auto;display:flex;align-items:center} #main .review .right .review-info .more a{border-radius:8px;white-space:pre-line;word-break:keep-all;cursor:pointer;padding:7px 10px;font-weight:500;font-size:13px;line-height:18px;background:none;border:1px solid #bec0c4;color:#282a2e;display:flex;align-items:center;justify-content:center;width:100%} #main .review .banner{margin-top:40px;} #main .review .header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:51px;} #main .review .header .board{display:flex;align-items:center;width:100%;position:relative;justify-content:center;} #main .review .header .board .more{position:absolute;top:0;right:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;} #main .review .header .title{color: #101010;font-weight: 700;font-size: 32px;letter-spacing: -0.05em;line-height: 1.1;text-align: center;} #main .review .header .title span{color:#c53528;} #main .review .header .text{margin-top:27px;line-height:23px;font-size:16px;font-weight:500;color:#666;} #main .review .header .warn{margin-top:14px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 30px;border-radius:10px;background:#e2e2e2;line-height:23px;font-size:16px;font-weight:500;color:#c53528;} #main .review .list{} #main .review .list ul{display:flex;flex-wrap:wrap;width:100%;min-width: 100%;} #main .review .list li{width:calc((100% / 4) - 0px);padding:0 10px 20px;} #main .review .list li .inner{display:flex;flex-direction:column;border-radius:15px;padding:25px 20px;background:#f5f5f5;} #main .review .list li .badge{display:flex;gap:10px;margin-bottom:10px;} #main .review .list li .badge em{display:flex;align-items:center;justify-content:center;height:25px;border-radius:25px;padding:0 15px;background:#d9d9d9;font-size:12px;font-weight:500;color:#c53528} #main .review .list li .star{display:flex;line-height:20px;font-size:14px;font-weight:bold;color:#ffbb00;margin-bottom:10px;} #main .review .list li .tit{line-height:20px;font-size:14px;font-weight:700;color:#333;margin-bottom:15px; min-height: 40px;} #main .review .list li .txt{line-height:16px;font-size:12px;color:#666;margin-bottom:15px;min-height: 60px;} #main .review .list li .img{display:flex;flex-direction:column;gap:12px;margin-bottom:15px;} #main .review .list li .img img{width:100%;height:auto;border-radius:10px;overflow:hidden;max-height:150px;object-fit:cover;} #main .review .list li .info{display:flex;justify-content:space-between;align-items:center;line-height:20px;line-height:18px;font-size:12px;font-weight:600;} #main .review .list li .info .name{color:#333;} #main .review .list li .info .date{color:#666;} #main .latest{position:relative;z-index:1;padding:60px 20px;} #main .latest .wrap{display:flex;flex-wrap:wrap;gap:25px 50px;} #main .latest .board{position:relative;width:calc(50% - 25px);} #main .latest .board .header{margin:0 0 30px 0;line-height:36px;font-size:32px;font-weight:700;color:#101010;} #main .latest .board .more{position:absolute;top:0;right:0;display:flex;align-items:center;height:32px;z-index:2;} #main .latest .board .more a{display:block;} #main .latest .board .list{} #main .latest .board .list ul{display:flex;flex-direction:column;gap:14px;} #main .latest .board .list li{} #main .latest .board .list li a{display:flex;align-items:center;padding:30px;border-radius:10px;border:1px solid #dddddd;background:#ffffff;color:#333;transition:all 200ms;} #main .latest .board .list li a:hover{background:#fff8f3;box-shadow: 1px 4px 4px rgb(0 0 0 / 10%);-moz-box-shadow: 1px 4px 4px rgba(0,0,0, .1);-webkit-box-shadow: 1px 4px 4px rgb(0 0 0 / 10%);} #main .latest .board .list li a:hover .badge{color:#fff;background:#FF6F00} #main .latest .board .list li .badge{flex:0 0 auto;margin:0 20px 0 0;padding:0 10px;display:flex;align-items:center;justify-content:center;height:30px;border-radius:30px;font-size:16px;color:#FF6F00;border:1px solid #FF6F00;font-weight:500;} #main .latest .board .list li .title{flex:1 1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:30px;font-size:18px;font-weight:500;color:#101010;} #main .latest .board .list li .icon{flex:0 0 auto;line-height:20px;font-size: 11px;font-weight: 600;color:#e21b1b;} #main .latest .board .list li .date{flex:0 0 auto;margin:0 0 0 10px;font-size:14px;color:#666;} #main .banner{width:100%;margin-bottom: 40px;border-radius: 10px;overflow: hidden;} #main .banner a{display:block;border-radius:10px;overflow:hidden;} #main .banner img{width:100%;/* height: 270px; *//* object-fit:cover; */} #sub_top_img{position:relative;display:flex;align-items:center;justify-content:center;margin:0 0 50px;overflow:hidden;height:330px;} #sub_top_img .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;height:330px;} #sub_top_img img{display:block;width:100%;height:100%;object-fit:cover;} #sub_top_img .text{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:40px;} #sub_top_img .text .sub{line-height:1.35;font-size:30px;font-weight:500;color:#fd6f22} #sub_top_img .text .tit{line-height:1.35;font-size:60px;font-weight:700;color:#ffffff;} #sub_top_img .text .tit span{color:#fd6f22} #sub_top_img .text .txt{line-height:1.35;font-size:30px;font-weight:400;color:#ffffff;} #sub_top_img .bbq-text{position:relative;z-index:11;color:#ffffff;padding:80px 0 0 0;} #sub_top_img .bbq-text .line1 {font-size: 48px;font-weight: 700;line-height: 1.3;} #sub_top_img .bbq-text .line2 {font-size: 32px;font-weight: 500;margin-top: 10px;} #sub_top_img .bbq-img{position:relative;z-index:11;display:block;width:33.3%;max-width: 100%;height:100%;object-fit:cover;} #sub_top_img .naver-search{position:absolute;z-indx:5;bottom:30px;left:50%;width:1200px;z-index:10;transform:translateX(-50%);display:flex;justify-content:flex-end;max-width:100%;} #sub_top_img .naver-search .desktop{display:block;} #sub_top_img .naver-search .mobile{display:none;} #sub_top_img .naver-search > img{max-width:500px;height:auto;object-fit:contain;width:auto;} #sub_top_img .dimmed{position:absolute;z-index:4;top:0;left:50%;width:100%;height:100%;background:#000 url('/theme/basic/img/sub/bg_dark.jpg') no-repeat center center;background-size: cover;transform:translateX(-50%);} #sub_top_img .pc-view{display:block;} #sub_top_img .mo-view{display:none;} #community{position:relative;padding:0 0 80px 0;} #community .wrap{display:flex;gap:30px;} #community .aside{display:flex;flex-direction:column;flex:0 0 230px;gap:10px;} #community .aside .menu{padding:20px;background: #fafafa;border: 1px solid #dddddd;} #community .aside .menu ul{} #community .aside .menu li{} #community .aside .menu li + li{margin:20px 0 0 0;} #community .aside .menu li a{display:flex;align-items:center;gap:6px;} #community .aside .menu li a p{font-size:16px;color:#333} #community .aside .menu li a span{font-size:14px;color:#999;} #community .aside .cloud{padding:20px;background: #fafafa;border: 1px solid #dddddd;} #community .aside .cloud .tit{margin:0 0 20px;line-height:30px;font-size:16px;color:#424242;} #community .aside .cloud .con{display:flex;flex-wrap:wrap;border:1px solid #ddd;background:#fff;padding:10px;gap:5px;} #community .aside .cloud .con a{display:flex;align-items:center;justify-content:center;padding:4px;background:#345173;color:#ffffff;font-size:13px;fonmt-weight:400;} #community .aside .cloud .con a:hover{background: #f09401;} #community .content{flex:1 1;} #community .content .header{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid #dddddd;} #community .content .header .title{line-height:50px;font-size:33px;font-weight:500;color:#000;} #community .content .header .bread{line-height:20px;margin:30px 0 0 0;font-size:14px;color:#999999;} #community .content .section{margin:20px 0 0;display:flex;flex-wrap:wrap;gap:40px 20px;} #community .content .section .latest{position:relative;width:100%;} #community .content .section .latest.w50p{width:calc(50% - 10px);} #community .content .section .latest .title{line-height:30px;font-size:20px;font-weight:600;color:#333;margin:0 0 15px 0;} #community .content .section .latest .more{position:absolute;top:0;right:0;height:30px;align-items:center;display:flex;} #community .content .section .latest .more a{display:flex;align-items:center;justify-content:Center;width:20px;height:20px;} #community .content .section .latest .list{position:relative;} #community .content .section .latest .list ul{display:flex;flex-wrap:wrap;} #community .content .section .latest .list li{position:relative;width:100%;} #community .content .section .latest .list li a{display:flex;width:100%;height:100%;} #community .content .section .latest .list .img{} #community .content .section .latest .list .img img{display:block;width:100%;height:100%;object-fit:cover;} #community .content .section .latest .list .con{} #community .content .section .latest .list .tit{line-height:30px;font-size:22px;font-weight:600;color:#101010;} #community .content .section .latest .list .tit .icon{line-height:20px;font-size: 11px;font-weight: 600;color:#e21b1b;} #community .content .section .latest .list .txt{line-height:24px;font-size:18px;font-weight:300;color:#999999;} #community .content .section .latest .list .info{display:flex;} #community .content .section .latest .list .info > div{} #community .content .section .latest .list .info > div + div:before{content:'/';color:#999;margin:0 5px;} #community .content .section .latest .list .name{font-size:14px;color:#2f3743;} #community .content .section .latest .list .date{font-size:14px;color:#999999;} #community .content .section .experience{} #community .content .section .experience .list{} #community .content .section .experience .list a{} #community .content .section .experience .list .img{flex:0 1 auto;width:430px;height:270px;} #community .content .section .experience .list .con{padding:30px;background:#eeecec} #community .content .section .experience .list .tit{} #community .content .section .experience .list .tit:after{display:flex;content:'';width:48px;height:3px;background:#333333;margin:20px 0;} #community .content .section .experience .list .date{padding:50px 0 0 0;color:#4c4c4c;} #community .content .section .photo{} #community .content .section .photo .list{} #community .content .section .photo .list ul{gap:12px;} #community .content .section .photo .list li{width:calc(50% - 6px)} #community .content .section .photo .list a{flex-direction:column;} #community .content .section .photo .list .img{} #community .content .section .photo .list .con{border:1px solid #ddd;border-top:0;padding:20px;} #community .content .section .photo .list .tit{line-height:19px;font-size:16px;font-weight:500;} #community .content .section .photo .list .date{margin:24px 0 0 0;color:#999;font-size:12px;} #community .content .section .thema{} #community .content .section .thema .list{} #community .content .section .thema .list ul{gap:12px;} #community .content .section .thema .list li{width:calc(50% - 6px)} #community .content .section .thema .list a{flex-direction:column;} #community .content .section .thema .list .img{} #community .content .section .thema .list .con{border:1px solid #ddd;border-top:0;padding:20px;} #community .content .section .thema .list .tit{line-height:19px;font-size:16px;font-weight:500;} #community .content .section .thema .list .date{margin:24px 0 0 0;color:#999;font-size:12px;} #community .content .section .blog{} #community .content .section .blog .list{padding-left:340px;} #community .content .section .blog .list ul{} #community .content .section .blog .list li{width:100%;} #community .content .section .blog .list li:last-child{border-bottom:1px solid #ddd;} #community .content .section .blog .list li + li{border-top:1px solid #ddd;} #community .content .section .blog .list li .img{display:none;} #community .content .section .blog .list li .con{flex:1;width:100%;display:flex;align-items:center;justify-content:space-between;height:49px;} #community .content .section .blog .list li .tit{font-size:15px;font-weight:400;} #community .content .section .blog .list li .date{font-size:12px;font-weight:400;color:#999;} #community .content .section .blog .list li:nth-child(1){position:absolute;top:0;left:0;width:320px;height:100%;} #community .content .section .blog .list li:nth-child(1) .img{display:block;width:100%;height:100%;} #community .content .section .blog .list li:nth-child(1) .con{position:absolute;bottom:0;left:0;background:rgb(0 0 0 / 60%);width:100%;height:45px;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;} #community .content .section .blog .list li:nth-child(1) .tit{font-size:15px;font-weight:300;color:#fff;} #community .content .section .blog .list li:nth-child(1) .date{display:none;} #community .content .section .life{} #community .content .section .life .list{} #community .content .section .life .list ul{gap:10px 0;} #community .content .section .life .list li{} #community .content .section .life .list li a{border:1px solid #ddd;} #community .content .section .life .list li a .img{width:190px;height:140px;flex:0 0 auto;} #community .content .section .life .list li a .con{flex:1;padding:20px;} #community .content .section .life .list li a .tit{font-size:16px;font-weight:400;} #community .content .section .life .list li a .txt{font-size:14px;font-weight:400;} #community .content .section .life .list li a .info{margin:12px 0 0 0;line-height:20px;} #community .content .section .life .list li a .name{font-size:12px;font-weight:400;} #community .content .section .life .list li a .date{font-size:12px;font-weight:400;} #community .content .section .free{} #community .content .section .free .list{} #community .content .section .free .list ul{border-top:1px solid #ddd;} #community .content .section .free .list li{border-bottom:1px solid #ddd;} #community .content .section .free .list li .con{display:flex;justify-content:space-between;width:100%;height:49px;align-items:center;} #community .content .section .free .list li .tit{flex:1 1;font-size:16px;font-weight:400;} #community .content .section .free .list li .info{flex:0 0 auto} #community .content .section .free .list li .date{color:#999999;} #customer{position:relative;padding:0 0 80px 0;} #customer .wrap{display:flex;gap:30px;} #customer .aside{display:flex;flex-direction:column;flex:0 0 230px;gap:10px;} #customer .aside .menu{padding:20px;background: #fafafa;border: 1px solid #dddddd;} #customer .aside .menu ul{} #customer .aside .menu li{} #customer .aside .menu li + li{margin:20px 0 0 0;} #customer .aside .menu li a{display:flex;align-items:center;gap:6px;} #customer .aside .menu li a p{font-size:16px;color:#333} #customer .aside .menu li a span{font-size:14px;color:#999;} #customer .aside .cloud{padding:20px;background: #fafafa;border: 1px solid #dddddd;} #customer .aside .cloud .tit{margin:0 0 20px;line-height:30px;font-size:16px;color:#424242;} #customer .aside .cloud .con{display:flex;flex-wrap:wrap;border:1px solid #ddd;background:#fff;padding:10px;gap:5px;} #customer .aside .cloud .con a{display:flex;align-items:center;justify-content:center;padding:4px;background:#345173;color:#ffffff;font-size:13px;fonmt-weight:400;} #customer .aside .cloud .con a:hover{background: #f09401;} #customer .content{flex:1 1;} #customer .content .header{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid #dddddd;} #customer .content .header .title{line-height:50px;font-size:33px;font-weight:500;color:#000;} #customer .content .header .bread{line-height:20px;margin:30px 0 0 0;font-size:14px;color:#999999;} #customer .content .section{display:flex;flex-wrap:wrap;margin:20px 0;gap:40px 30px;} #customer .content .section .baro{display:flex;margin:0 0 25px 0;width:100%;} #customer .content .section .baro a{flex:1;display:flex;} #customer .content .section .member{width:100%;} #customer .content .section .member .tabs{border-bottom:1px solid #ddd;display:flex;} #customer .content .section .member .tabs .tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:150px;height:45px;font-size:16px;color:#424242;border:1px solid #ddd;margin:0 0 -1px 0;} #customer .content .section .member .tabs .tab + .tab{margin-left:-1px;} #customer .content .section .member .tabs .tab.on{z-index:2;color:#ffffff;background:#FF6F00} #customer .content .section .member .tabs_cont{display:none;} #customer .content .section .member .tabs_cont.on{display:block;} #customer .content .section .member .list{} #customer .content .section .member .list ul{height:200px;display:flex;flex-direction:column;justify-content:flex-start;} #customer .content .section .member .list li{border-bottom:1px solid #ddd;} #customer .content .section .member .list li .con{display:flex;justify-content:space-between;width:100%;height:49px;align-items:center;} #customer .content .section .member .list li .tit{flex:1 1;display:flex;align-items:center;font-size:16px;font-weight:400;} #customer .content .section .member .list li .tit:before{content:'';width:4px;height:4px;background:#333;margin:0 10px 0 0;flex:0 0 auto;} #customer .content .section .member .list li .tit .icon{line-height:20px;font-size: 11px;font-weight: 600;color:#e21b1b;margin:0 0 0 4px;} #customer .content .section .member .list li .info{flex:0 0 auto} #customer .content .section .member .list li .date{color:#999999;} #customer .content .section .latest{position:relative;width:calc(50% - 15px);} #customer .content .section .latest .title{line-height:30px;font-size:20px;font-weight:600;color:#333;margin:0 0 15px 0;} #customer .content .section .latest .more{position:absolute;top:0;right:0;height:30px;align-items:center;display:flex;} #customer .content .section .latest .more a{display:flex;align-items:center;justify-content:Center;width:20px;height:20px;} #customer .content .section .latest .list{border-top:1px solid #ddd;} #customer .content .section .latest .list ul{height:250px;display:flex;flex-direction:column;justify-content:flex-start;} #customer .content .section .latest .list li{border-bottom:1px solid #ddd;} #customer .content .section .latest .list li .con{display:flex;justify-content:space-between;width:100%;height:49px;align-items:center;} #customer .content .section .latest .list li .tit{flex:1 1;display:flex;align-items:center;font-size:16px;font-weight:400;} #customer .content .section .latest .list li .tit .icon{line-height:20px;font-size: 11px;font-weight: 600;color:#e21b1b;margin:0 0 0 4px;} #customer .content .section .latest .list li .info{flex:0 0 auto} #customer .content .section .latest .list li .date{color:#999999;} #location{} #location .search{margin:0 0 50px 0;border: 1px solid #dddddd;border-radius: 10px;overflow: hidden;background: #fff;} #location .search .loca{position:relative;display:flex;align-items:center;justify-content:center;height:50px;background:#660000;font-size:16px;gap:10px;} #location .search .loca svg{} #location .search .loca svg path{stroke:#ffffff;} #location .search .loca svg circle{stroke:#ffffff;} #location .search .loca span{color:#ffffff;} #location .search .loca a{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:32px;padding:0 10px;font-size:14px;border-radius:5px;border:1px solid #fff;color:#fff;} #location .search .form{display:flex;flex-direction:column;justify-content:center;padding:30px;align-items:center;width:1080px;margin:0 auto;max-width:100%;} #location .search .form .tit{display:flex;align-items:center;justify-content:center;height:28px;padding:0 15px;font-size:18px;font-weight:500;background:#660000;color:#fff;border-radius:28px;margin:0 0 15px 0;} #location .search .form .sel{margin:20px 0 15px 0;display:flex;align-items:center;width:100%;gap:10px;flex-wrap:wrap;} #location .search .form .sel a{display:flex;align-items:center;justify-content:center;padding:0 10px;min-width:60px;height:30px;border-radius:4px;font-size:16px;color:#787878;} #location .search .form .sel a.on{color: #fff;background: #FF6F00;border: 1px solid #FF6F00;} #location .search .form .frm{display:flex;align-items:center;width:100%;} #location .search .form .frm form{display:flex;align-items:center;gap:5px;width:100%;} #location .search .form .frm select{flex:0 0 auto;padding:0 10px;width:210px;max-width:100%;height:40px;border-radius:4px;border:1px solid #eaeaea;font-size:14px;color:#333333;} #location .search .form .frm input{padding:0 10px;width:100%;height:40px;border-radius:4px;border:1px solid #eaeaea;} #location .search .form .frm button{flex:0 0 auto;padding:0 10px;width:210px;max-width:100%;height:40px;border-radius:4px;border:1px solid #660000;background: #660000;font-size:14px;color:#ffffff;} #location .banner{margin:0 0 50px 0;} #location .banner a{diosplay:block;} #location .banner img{width:100%;height:auto;} #location .premium{margin:0 0 50px 0;} #location .premium .header{margin:0 0 30px 0;line-height:55px;font-size:32px;font-weight:700;color:#101010;} #location .premium .list{} #location .premium .list ul{display:flex;flex-wrap:wrap;gap:34px;} #location .premium .list li{display:block;border-radius:10px;overflow:hidden;width:calc(33.33% - 23px);} #location .premium .list li .img{border-radius:10px 10px 0 0;} #location .premium .list li .img a{display:block;} #location .premium .list li .img img{width:100%;height:100%;object-fit:cover;} #location .premium .list li .con{border:1px solid #ddd;border-radius:0 0 10px 10px;border-top:0;padding:27px 23px 16px 23px;display:flex;flex-direction:column;gap:10px;} #location .premium .list li .con .title{display:flex;align-items:center;justify-content:space-between;} #location .premium .list li .con .title .name{line-height:36px;font-size:24px;font-weight:700;color:#000;} #location .premium .list li .con .title .link{display:flex;align-items:center;justify-content:center;} #location .premium .list li .con .text{display:block;} #location .premium .list li .con .text a{line-height:24px;font-size:16px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} #location .premium .list li .con .info{display:flex;gap:5px;} #location .premium .list li .con .info dl{display:flex;align-items:center;gap:5px;line-height:20px;font-size:16px;color:#666;} #location .premium .list li .con .info dl.ic-star svg{fill: #fcaf17;} #location .premium .list li .con .info dl.ic-loca svg{fill: #FF6F00;} #location .premium .list li .con .info dl.ic-zzim svg{fill: #ff7979;} #location .premium .list li .con .info dt{} #location .premium .list li .con .info dt svg{display:block;width:20px;height:20px;} #location .premium .list li .con .info dd{} #location .premium .list li .con .company{display:flex;gap:20px;align-items:center;} #location .premium .list li .con .company dl{display:flex;align-items:center;gap:5px;line-height:20px;font-size:16px;color:#333;} #location .premium .list li .con .company dt{display:flex;align-items:center;justify-content:center;} #location .premium .list li .con .company dd{display:flex;align-items:center;justify-content:flex-start;} #location .premium .list li .con .company dd.red{font-family: Tahoma;font-weight:700;font-size:14px;color: #FF6F00;} #location .location{margin:0 0 50px 0;} #location .location .header{display:flex;align-items:center;gap:10px;margin:0 0 30px 0;border-bottom:1px solid #ddd;} #location .location .header .tit{line-height:55px;font-size:32px;font-weight:700;color:#101010;} #location .location .header .num{font-size: 20px;color: #888;font-weight:500;} #location .location .header .num span{color:#FF6F00} #location .location .header .sort{display:flex;align-items:center;gap:5px;margin:0 0 0 auto;} #location .location .header .sort select{width:150px;max-height:100%;height:40px;border-radius:4px;padding:0 20px 0 10px;} #location .location .header .sort .viewBtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5px;border:1px solid #e2e2e2;} #location .location .header .sort .viewBtn.on{border-color:#FF6F00;background:#FF6F00;color:#ffffff;} #location .location .header .sort .viewBtn.on svg{stroke:#fff;} #location .location .header .sort .viewBtn.on svg rect{stroke:#fff;} #location .location .map{margin:0 0 30px 0;} #location .location .list{} #location .location .list li{} #location .location .list li .img{} #location .location .list li .con .title{display:flex;align-items:center;justify-content:space-between;} #location .location .list li .con .title .name{line-height:36px;font-size:24px;font-weight:700;color:#000;} #location .location .list li .con .title .link{display:flex;align-items:center;justify-content:center;} #location .location .list li .con .text{display:block;} #location .location .list li .con .text a{line-height:24px;font-size:18px;color:#999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;} #location .location .list li .con .info{display:flex;gap:5px;margin:10px 0;} #location .location .list li .con .info dl{display:flex;align-items:center;gap:5px;line-height:20px;font-size:16px;color:#666;} #location .location .list li .con .info dl.ic-star svg{fill: #fcaf17;} #location .location .list li .con .info dl.ic-loca svg{fill: #666666;} #location .location .list li .con .info dl.ic-zzim svg{fill: #ff7979;} #location .location .list li .con .info dt{} #location .location .list li .con .info dt svg{display:block;width:20px;height:20px;} #location .location .list li .con .info dd{} #location .location .list.area{} #location .location .list.area ul{display:flex;flex-wrap:wrap;gap:34px;} #location .location .list.area li{width:calc(33.33% - 23px);} #location .location .list.area li .img{position:relative;border-radius:10px;overflow:hidden;width:100%;height:auto;aspect-ratio:16/10;background:#ddd;} #location .location .list.area li .img .image{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:18px;color:#999;} #location .location .list.area li .img .image img{width:100%;height:100%;object-fit:cover;} #location .location .list.area li .img .hover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgb(0 0 0 / 60%);opacity:0;visibility:hidden;cursor:pointer;} #location .location .list.area li .img .hover .loca{margin-bottom: 10px;color: #fff;font-size:14px;} #location .location .list.area li .img .hover .tele{margin-bottom: 10px;color: #fff;font-size:14px;} #location .location .list.area li .img .hover .contact{} #location .location .list.area li .img .hover .contact a{display:flex;align-items:center;justify-content:center;width:110px;height:40px;border-radius:5px;background:#FF6F00;color:#ffff;gap:5px;} #location .location .list.area li .img .hover .contact a svg{stroke:#fff;} #location .location .list.area li .img:hover .hover{opacity:1;visibility:visible;} #location .location .list.area li .con{padding:15px 0;display:flex;flex-direction:column;gap:10px;} #location .location .list.item li{width:100%;padding:30px 0;display:flex;align-items:center;} #location .location .list.item li .img{flex:0 1 360px;height:auto;aspect-ratio:300 / 232;border-radius:10px;overflow:hidden;} #location .location .list.item li .img img{width:100%;height:100%;object-fit:cover;} #location .location .list.item li .con{flex:1;padding: 0px 70px;} #location .location .list.item li .act{flex: 0 1 278px;border-left: 1px solid #eaeaea;height: 232px;display:flex;flex-direction:column;align-items:center;justify-content:center;} #location .location .list.item li .act .line{width:150px;max-width:100%;word-break:keep-all;} #location .location .list.item li .act .line svg{flex:0 0 auto;height:18px;} #location .location .list.item li .act .loca{margin-bottom: 10px;color: #333;line-height:20px;font-size:14px;font-weight:500;display:flex;align-items:flex-start;justify-content:flex-start;gap:5px;} #location .location .list.item li .act .tele{margin-bottom: 10px;color: #333;line-height:20px;font-size:14px;font-weight:700;display:flex;align-items:flex-start;justify-content:flex-start;gap:5px;font-family: Tahoma} #location .location .list.item li .act .contact{display:flex;align-items:center;justify-content:center;} #location .location .list.item li .act .contact a{display:flex;align-items:center;justify-content:center;width:110px;height:40px;border-radius:5px;background:#ffffff;color:#FF6F00;gap:5px;border:1px solid #FF6F00;} #location .location .list.item li .act .contact a svg{stroke:#FF6F00;} #location .bottom{display:flex;border-top: 1px solid #4d4d4d;padding-top: 20px;margin-top: 20px;justify-content:space-between;} #location .bottom .button{display:flex;align-items:center;justify-content:center;gap:5px;} #location .bottom .button li{} #location .bottom .button li button, #location .bottom .button li a{border-radius:4px;border:1px solid #dddd;display:flex;align-items:center;justify-content:center;min-width:60px;height:40px;padding:0 10px;font-size: 14px;color: #333;font-weight: 400;} #location .bottom .button li a i{vertical-align:top;display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:20px;} #location .bottom .button li .btn_type02{width:100px;color:#fff;background:#FF6F00;border:1px solid #FF6F00;} /**/ #location.area{} /**/ #location.item{} #location.item .search{} #location.item .search .form{} #location.item .search .form .sel{display:flex;justify-content:center;margin:20px 0 32px 0;} #location.item .search .form .sel a{border-radius:12px;border:1px solid #ddd;height:28px;} #sub_content{position:relative;padding:0 0 80px 0;} #sub_content .wrap{display:flex;gap:30px;} #sub_content .aside{display:flex;flex-direction:column;flex:0 0 230px;gap:10px;} #sub_content .aside .menu{padding:20px;background: #fafafa;border: 1px solid #dddddd;} #sub_content .aside .menu > button{display:none;} #sub_content .aside .menu ul{} #sub_content .aside .menu li{} #sub_content .aside .menu li + li{margin:20px 0 0 0;} #sub_content .aside .menu li a{display:flex;align-items:center;gap:6px;} #sub_content .aside .menu li a p{font-size:16px;color:#333} #sub_content .aside .menu li a span{font-size:14px;color:#999;} #sub_content .aside .cloud{padding:20px;background: #fafafa;border: 1px solid #dddddd;} #sub_content .aside .cloud .tit{margin:0 0 20px;line-height:30px;font-size:16px;color:#424242;} #sub_content .aside .cloud .con{display:flex;flex-wrap:wrap;border:1px solid #ddd;background:#fff;padding:10px;gap:5px;} #sub_content .aside .cloud .con a{display:flex;align-items:center;justify-content:center;padding:4px;background:#345173;color:#ffffff;font-size:13px;fonmt-weight:400;} #sub_content .aside .cloud .con a:hover{background: #f09401;} #sub_content .content{flex:1 1;} #sub_content .content > .header{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid #dddddd;} #sub_content .content > .header .title{line-height:50px;font-size:33px;font-weight:500;color:#000;} #sub_content .content > .header .bread{line-height:20px;margin:30px 0 0 0;font-size:14px;color:#999999;} #detail{display:flex;flex-direction:column;gap:80px;} #detail .section{} #detail .section .header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:51px;} #detail .section .header .title{line-height:38px;font-size:32px;font-weight:700;color:#000;} #detail .section .header .title p{display:inline;font-size:38px;} #detail .section .header .title span{color:#c53528;} #detail .section .header .text{margin-top: 10px;line-height:23px;font-size:16px;font-weight:500;color:#666;word-break:break-all;} #detail .section .header .text .cross{max-width:100%;display:none;} #detail .section .header .warn{margin-top:14px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 30px;border-radius:10px;background:#e2e2e2;line-height:23px;font-size:16px;font-weight:500;color:#c53528;} #detail .section .image{margin-bottom:25px;} #detail .section .image ul{display:flex;flex-wrap:wrap;gap:20px;} #detail .section .image li{width:calc((100% / 3) - 13.35px);height:250px;} #detail .section .image img{border-radius:20px;overflow:hidden;width:100%;height:100%;object-fit:cover;} #detail .section .video{margin-bottom:25px;background:#e5e5e5;border-radius:20px;overflow:hidden;} #detail .section .video video{display:block;width:100%;height:auto;} #detail .section .price{/*padding: 45px;background: #e9e7e8;*/} #detail .section .price .box{padding:0px;background:#fff;} #detail .section .price .tit{margin-top:20px;line-height:24px;font-size:18px;font-weight:500;color:#767676} #detail .section .price .txt{line-height:24px;font-size:16px;font-weight:500;color:#767676;margin-top:10px;} #detail .section .price .tbl{margin-top:0px;overflow:hidden;background:#f2f2f2;overflow-x:auto;padding:10px;} #detail .section .price .tbl table{min-width:100%;border-collapse: separate;border-spacing: 10px;} #detail .section .price .tbl table tr{height:50px;} #detail .section .price .tbl table th{position:relative;border-radius:10px;font-size:15px;} #detail .section .price .tbl table td{position:relative;font-size:16px;} #detail .section .price .tbl table thead{} #detail .section .price .tbl table thead th{background:#2ac2ac;color:#fff} /*color:#ffffff;text-transform:uppercase;*/ #detail .section .price .tbl table thead th:nth-child(2){background:orange;color:#fff} #detail .section .price .tbl table thead th:nth-child(3){background:#fe3f60;color:#fff} /*#detail .section .price .tbl table thead th:nth-child(4){background:#2ac2ac}*/ /*#detail .section .price .tbl table thead th:nth-child(5){background:#3bc7e2}*/ #detail .section .price .tbl table tbody{} #detail .section .price .tbl table tbody th{background:#ffffff;background:linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgb(242 242 242) 100%);box-shadow:10px 0px 10px rgb(0 0 0 / 0.1);width:70px !important;text-transform:uppercase;} #detail .section .price .tbl table tbody th em{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg); /* 시계 반대방향 90도 회전 */letter-spacing: 0px;} #detail .section .price .tbl table tbody td{padding:0 15px;line-height:35px;} #detail .section .price .tbl table tbody td:before{content:'';position:absolute;bottom:-5px;left:-5px;right:-5px;height:1px;background:#c9c9c9;} #detail .section .price .tbl table tbody td:after{content:'';position:absolute;top:-5px;right:-5px;bottom:-5px;width:1px;background:#c9c9c9;} #detail .section .price .tbl table tbody td:last-of-type:after{display:none;} #detail .section .price .tbl table tbody tr:last-of-type td:before{display:none;} #detail .section .price img{border-radius:20px;overflow:hidden;max-width:100%;} #detail .section .menu{} #detail .section .menu ul{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;} #detail .section .menu li{width:calc((100% / 6) - 16.66px);} #detail .section .menu li img{width:100%;height:auto;aspect-ratio:1/1;border-radius:10px 10px 0 0;object-fit:cover;} #detail .section .menu li p{padding:12px;border-radius:0 0 10px 10px;background:#333;font-size:16px;font-weight:500;color:#ffffff;text-align:center;} #detail .section .review{} #detail .section .review ul{display:flex;flex-wrap:wrap;width:100%;min-width: 100%;margin:0;} #detail .section .review li{width:calc((100% / 4) - 0px);padding:0 10px 20px;} #detail .section .review li .inner{display:flex;flex-direction:column;border-radius:15px;padding:25px 20px;background:#f5f5f5;} #detail .section .review li .badge{display:flex;gap:10px;margin-bottom:10px;padding:0;border:0;background:transparent;} #detail .section .review li .badge em{display:flex;align-items:center;justify-content:center;height:25px;border-radius:25px;padding:0 15px;background:#d9d9d9;font-size:12px;font-weight:500;color:#c53528} #detail .section .review li .star{display:flex;line-height:20px;font-size:14px;font-weight:bold;color:#ffbb00;margin-bottom:10px;} #detail .section .image{} #detail .section .image li{} #detail .section .image li a{} #detail .section .image li .title{margin-top:15px;font-size:18px !important} /*#detail .section .review li .tit{line-height:20px;font-size:14px;font-weight:700;color:#333;margin-bottom:15px;}*/ /* 제목: 최대 2줄 */ .tit { /* 줄 수 고정 핵심 */ display: -webkit-box; -webkit-line-clamp: 2; /* 최대 2줄 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; /* 줄 높이에 맞춰 최대 높이 계산 (선택) */ line-height: 1.4; max-height: calc(1.4em * 2); /* 한글 줄바꿈 자연스럽게 */ word-break: keep-all; } /* 본문: 최대 4줄 */ .txt p { display: -webkit-box; -webkit-line-clamp: 4; /* 최대 4줄 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; max-height: calc(1.6em * 4); word-break: keep-all; } /* (선택) 파이어폭스 등 일부 브라우저 대비 최소한의 폴백 */ @supports not (-webkit-line-clamp: 1) { .tit { display: block; } .txt p { display: block; } } #detail .section .review li .txt{line-height:16px;font-size:12px;color:#666;margin-bottom:15px;} #detail .section .review li .img{display:flex;flex-direction:column;gap:12px;margin-bottom:15px;} #detail .section .review li .img img{width:100%;height:auto;border-radius:10px;overflow:hidden;max-height:150px;object-fit:cover;} #detail .section .review li .info{display:flex;justify-content:space-between;align-items:center;line-height:20px;line-height:18px;font-size:12px;font-weight:600;} #detail .section .review li .info .name{color:#333;} #detail .section .review li .info .date{color:#666;} #mypage{position: relative;padding: 140px 20px;overflow: hidden;} #mypage .heading{line-height: 64px;font-size: 48px;font-weight: bold;margin: 0 0 64px;text-align: center;} #mypage .information{margin: 0 0 64px 0;display:flex;gap:20px;} #mypage .information .lt-item{width: 280px;flex-shrink: 0;display: flex;justify-content: center;flex-direction: column;} #mypage .information .rt-item{justify-content: center;flex: 1;flex-direction: column;display: flex;} #mypage .information .profile{flex: 1;border: 1px solid #e0e0e0;display: flex;padding: 20px;gap: 30px;미ㅑ: ㅊㄷ;} #mypage .information .profile .user{display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;flex: 1;} #mypage .information .profile .user .name{line-height: 38px;font-size: 24px;font-weight: bold;display:flex;align-items:center;gap:10px;} #mypage .information .profile .user .name a{display: inline-flex;align-items: center;justify-content: center;padding:0 6px;height:30px;flex: 1;border-radius: 8px;font-size: 13px;font-weight: 500;border: 1px solid transparent;} #mypage .information .profile .user .mail{line-height: 24px;font-size: 16px;color: #989898;} #mypage .information .profile .button{margin: 20px 0 0 0;display: flex;gap: 10px;} #mypage .information .profile .button .btn{display: flex;align-items: center;justify-content: center;height: 42px;flex: 1;border-radius: 8px;font-size: 15px;font-weight: 500;border: 1px solid transparent;} #mypage .information .profile .grade{flex-direction: column;display: flex;gap: 10px;align-items: flex-start;} #mypage .information .profile .grade .tit{line-height: 28px;font-size: 20px;font-weight: bold;} #mypage .information .profile .grade .cls{line-height: 24px;font-size: 16px;color: #e53e53;} #mypage .information .profile .grade .txt{display: block;line-height: 22px;font-size: 15px;} #mypage .information .profile .grade .txt p{text-indent: -12px;padding: 0px 0 0 12px;display: block;word-break: keep-all;} #mypage .information .profile .grade .txt p:before{content:"-";margin: 0 10px 0 0;} #mypage .information .profile .grade .txt a{text-decoration: underline;color: #e53e53 !important;} #mypage .information .item{border:1px solid #e0e0e0;padding: 0 20px;flex-shrink: 0;display: flex;flex-direction: column;} #mypage .information .item dl{min-width: 280px;display: flex;flex-direction: column;align-items: flex-start;flex: 1;padding: 20px 0;} #mypage .information .item dl + dl{border-top:1px solid #e0e0e0;} #mypage .information .item dt{line-height: 24px;font-size: 16px;font-weight: 500;} #mypage .information .item dd{flex: 1;line-height: 30px;font-size: 24px;font-weight: bold;} #mypage .order{margin: 0 0 64px 0;border: 1px solid #e0e0e0;} #mypage .order .tit{background: #F6F9FF;padding: 16px 20px;display: flex;align-items: center;justify-content: flex-start;line-height: 24px;font-size: 16px;font-weight: bold;border-bottom: 1px solid #e0e0e0;} #mypage .order .con{display: flex;padding: 20px;} #mypage .order .con dl{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 20px;} #mypage .order .con dt{line-height: 20px;font-size: 15px;font-weight: 500;} #mypage .order .con dd{line-height: 40px;font-size: 26px;font-weight: bold;} #mypage .content{display:flex;gap:30px;} #mypage .content .aside{width: 200px;flex-shrink: 0;} #mypage .content .aside .tit{padding: 0 0 10px 0;margin: 0 0 10px 0;border-bottom: 2px solid #e0e0e0;line-height: 30px;font-size: 24px;font-weight: bold;} #mypage .content .aside .con{} #mypage .content .aside .con ul{} #mypage .content .aside .con li{} #mypage .content .aside .con li a{display: block;line-height: 42px;font-size: 18px;font-weight: 500;color: #989898;} #mypage .content .cont{flex:1;} #mypage .content .head{line-height: 40px;font-size: 16px;font-weight: 500;} #mypage .content .head span{color: #e53e53;} #mypage .content .table{border-top: 2px solid #202020;} #mypage .content .table table{width: 100%;border-collapse: collapse;} #mypage .content .table table tr{height: 60px;border-bottom: 1px solid #e0e0e0;} #mypage .content .table table th{background: #F6F9FF;} #mypage .content .table table td{text-align: center;font-size: 14px;} #mypage .content .table table th, #mypage .content .table table td{font-size: 15px;} #mypage .content .table table td span{color: #e53e53;} #mypage .content .payment{} #mypage .content .payment table{table-layout: fixed;} #mypage .content .payment table td{} #mypage .content .payment table td .manage{display: flex;align-items: center;justify-content: center;gap: 6px;} #mypage .content .payment table td .box{padding: 0 12px;border-radius: 6px;border: 1px solid #e0e0e0;height: 30px;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;} #mypage .content .payment table td .del{} #mypage .content .payment table td .del img{height: 24px;display: block;width: auto;} #mypage .content .more{margin:50px 0 0;display:flex;align-items:center;justify-content:flex-end;} #mypage .content .more .btn{display:flex;padding: 10px 20px;border-radius: 6px;font-size: 15px;} @media (max-width: 1240px) { #detail .section .image li{width:100%;} #detail .section .menu ul{gap:10px;max-width: 400px;margin: 0 auto;} #detail .section .menu li{width: calc((100% / 3) - 7.5px);} #detail .section .menu li p{padding:5px;font-size:12px;} #detail .section .price{} #detail .section .price .box{} #detail .section .price .tit{line-height:1.5;font-size:13px;} #detail .section .price .tit br{display:none;} #detail .section .price .txt{line-height:1.5;font-size:12px;margin-top:5px;} #detail .section .price .tbl{} #detail .section .price .tbl table{white-space:nowrap;} #detail .section .price .tbl table tr{} #detail .section .price .tbl table th{} #detail .section .price .tbl table td{} #detail .section .price .tbl table thead{} #detail .section .price .tbl table tbody th{min-width:70px;} #detail .section .review ul{gap:0} #detail .section .review li{padding:0 0 15px;width:100%;} } #login{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 405px);padding:80px 0 0 0;} #login .login{padding: 80px 20px 130px;} #login .login .wrap{width:600px;max-width:100%;} #login .login .title{margin: 0 0 40px;text-align: center;line-height: 48px;font-size: 36px;font-weight: bold;} #login .login .tabs{margin: 0 0 32px;} #login .login .tabs ul{display: flex;gap: 12px;} #login .login .tabs li{flex: 1;} #login .login .tabs li label{display: flex;cursor: pointer;} #login .login .tabs li label input{display: none;} #login .login .tabs li label input ~ p{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;border-radius: 8px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);line-height: 22px;font-size: 14px;font-weight: bold;border: 2px solid transparent;} #login .login .tabs li label input:checked ~ p{border-color: #e53e53;color: #e53e53;} #login .login .form{display:flex;flex-direction:column;gap:16px;margin: 0 0 22px;} #login .login .form dl{position:relative;} #login .login .form dt{display:none;} #login .login .form dd{} #login .login .form dd input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #f4f6f8;padding: 8px 24px;border-radius: 8px;font-size: 16px;} #login .login .tool{display: flex;align-items: center;justify-content: space-between;margin: 0 0 42px;} #login .login .tool .save{} #login .login .tool .save label{display: flex;align-items: center;cursor: pointer;gap: 8px;} #login .login .tool .save label input{display: none;} #login .login .tool .save label input ~ i{width: 20px;height: 20px;background: url("../img/common/checkbox.png") no-repeat 50% 50% / contain;} #login .login .tool .save label input ~ p{font-size: 14px;} #login .login .tool .save label input:checked ~ i{width: 20px;height: 20px;background: url("../img/common/checkbox_on.png") no-repeat 50% 50% / contain;} #login .login .tool .save label input:checked ~ p{} #login .login .tool .find{} #login .login .tool .find a{line-height: 20px;font-size: 13px;color: #747983;text-decoration: underline;} #login .login .button{margin: 42px 0 0;display: flex;align-items: center;flex-direction:column;gap:10px;} #login .login .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;border-radius: 8px;font-size: 16px;font-weight: 900;} #login .login .link{margin: 18px 0 0;display: flex;align-items: center;justify-content: center;text-align: center;gap: 8px;} #login .login .link p{font-size: 14px;} #login .login .link a{font-size: 14px;font-weight: bold;color: #e53e53;} #join{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 405px);padding:80px 0 0 0;} #join .join{padding: 80px 20px 120px;} #join .join .wrap{width:600px;} #join .join .title{margin: 0 0 40px;text-align: center;line-height: 48px;font-size: 36px;font-weight: bold;} #join .join .tabs{margin: 0 0 32px;} #join .join .tabs ul{display: flex;gap: 12px;} #join .join .tabs li{flex: 1;} #join .join .tabs li a{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;border-radius: 8px;background: #fff;box-shadow: 0 8px 28px rgb(211 226 239 / 40%);line-height: 22px;font-size: 14px;font-weight: bold;border: 2px solid transparent;} #join .join .tabs li.on a{border-color: #e53e53;color: #e53e53;} #join .join .form{display:flex;flex-direction:column;gap: 40px;margin: 0 0 22px;} #join .join .form dl{position:relative;display:flex;flex-direction:column;gap: 16px;} #join .join .form dt{line-height: 20px;font-size: 13px;font-weight: bold;} #join .join .form dd{display:flex;flex-direction:column;gap:12px;} #join .join .form dd .input{display: flex;align-items: center;gap: 12px;} #join .join .form dd .input input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #f4f6f8;padding: 8px 24px;border-radius: 8px;border: 1px solid #f4f6f8;} #join .join .form dd .input button{min-width: 97px;height:48px;border-radius: 8px;border: 1px solid transparent;flex-shrink: 0;font-size: 14px;font-weight: bold;box-shadow: 0 4px 4px rgba(0,0,0,0.05);} #join .join .form dd .select{display: flex;align-items: center;gap: 12px;} #join .join .form dd .select select{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background-color: #f4f6f8;padding: 8px 24px;border-radius: 8px;border: 1px solid #f4f6f8;} #join .join .form dd .payment{display: flex;align-items: center;gap: 12px;} #join .join .form dd .payment a{display: flex;align-items: center;justify-content: center;width: 100%;height: 48px;background-color: #ffffff;padding: 8px 24px;border-radius: 8px;border: 1px dashed #D8DADD;gap: 4px;} #join .join .form dd .payment a p{line-height:20px;font-size:13px;} #join .join .form dd .payment a i{width:12px;height:2px;position:relative;} #join .join .form dd .payment a i:before{content:'';position:absolute;top:50%;left:50%;width:12px;height:2px;background:#121212;transform:translate(-50%,-50%);} #join .join .form dd .payment a i:after{content:'';position:absolute;top:50%;left:50%;width:2px;height:12px;background:#121212;transform:translate(-50%,-50%);} #join .join .agree{} #join .join .agree ul{display:flex;flex-direction:column;gap: 14px;} #join .join .agree li{} #join .join .agree li label{display: flex;cursor: pointer;gap: 8px;align-items: center;} #join .join .agree li label input{display: none;} #join .join .agree li label input ~ i{position:relative;width: 20px;height: 20px;flex-shrink: 0;background:#e5e8ec;border-radius:10px;} #join .join .agree li label input ~ i:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:3px;background:#ffffff;} #join .join .agree li label input ~ p{line-height: 22px;font-size: 14px;} #join .join .agree li label input ~ p strong{color: #fd6f22;} #join .join .agree li label input:checked ~ i{background:#fd6f22} #join .join .button{margin: 42px 0 0;display: flex;align-items: center;flex-direction:column;gap:10px;} #join .join .button .btn{display: flex;align-items: center;justify-content: center;width: 100%;height: 56px;border-radius: 8px;font-size: 16px;font-weight: bold;border: 1px solid transparent;} #join .join .link{margin: 18px 0 0;display: flex;align-items: center;justify-content: center;text-align: center;gap: 8px;} #join .join .link p{font-size: 14px;} #join .join .link a{font-size: 14px;font-weight: bold;color: #fd6f22;} #board_list{position:relative;} #board_list .tools{display:flex;align-items:center;justify-content:space-between;padding: 20px 0px;} #board_list .tools .lt, #board_list .tools .rt{display:flex;align-items:center;gap:5px;} #board_list .tools .total{} #board_list .tools .cate{margin:0 20px 0 0;} #board_list .tools .cate ul{display:flex;gap:10px;} #board_list .tools .cate li{} #board_list .tools .cate li a{display: flex;align-items: center;justify-content: center;min-width: 45px;height: 40px;border-radius: 4px;background: #f1f1f1;font-size: 14px;color: #333333;gap: 6px;border: 1px solid #f1f1f1;}#board_list .tools .search{display:flex;} #board_list .tools .cate li a#bo_cate_on{background:#000;color:#fff;} #board_list .tools .search form{display:flex;gap:5px;} #board_list .tools .search form select{width:110px;height:40px;border-radius:4px;padding:10px;font-size:14px;border:1px solid #dddddd;background:#fff url("../img/common/select_arrow.png") no-repeat right center;} #board_list .tools .search form input{width:220px;height:40px;border-radius:4px;padding:10px;font-size:14px;border:1px solid #dddddd;} #board_list .tools .search form button{display:flex;align-items:center;justify-content:center;width:92px;height:40px;border-radius:4px;background:#FF6F00;font-size:14px;color:#fff;gap:6px;border:1px solid #FF6F00;} #board_list .tools .search form button svg{} #board_list .tools .search form button svg circle{stroke:#ffffff;} #board_list .tools .search form button svg path{stroke:#ffffff;} #board_list .list{} #board_list .list .tbl_wrap{} #board_list .list .tbl_wrap table{border-top:1px solid #000;} #board_list .list .tbl_wrap table thead{} #board_list .list .tbl_wrap table thead tr{height:60px;} #board_list .list .tbl_wrap table thead th{padding:10px;height:60px;font-size:15px;color:#222;border-bottom: 0;} #board_list .list .tbl_wrap table tbody{} #board_list .list .tbl_wrap table tbody tr{} #board_list .list .tbl_wrap table tbody td{font-size:15px;text-align:center;} #board_list .list .tbl_wrap table .chk_box{width:50px;text-align:center;} #board_list .list .tbl_wrap table .chk_box label{display:flex;align-items:center;justify-content:center;margin:0 auto;} #board_list .list .tbl_wrap table .td_num2{width:80px;} #board_list .list .tbl_wrap table .td_subject{text-align:left} #board_list .list .tbl_wrap table .td_subject .bo_tit{display:flex;align-items:center;} #board_list .list .tbl_wrap table .td_subject .bo_tit a{font-size:15px;color:#333;font-weight:400;} #board_list .list .tbl_wrap table .td_subject .new_icon{line-height:20px;font-size: 11px;font-weight: 600;color:#e21b1b;margin:0 0 0 4px;} #board_list .list .tbl_wrap table .td_name {width:150px;} #board_list .list .tbl_wrap table .td_datetime {width:130px;} #board_list .list .faq_wrap{border-top:1px solid #000;} #board_list .list .faq_wrap ul{} #board_list .list .faq_wrap li{border-bottom:1px solid #e7e7e7;} #board_list .list .faq_wrap li.on .faq_a{} #board_list .list .faq_wrap li.on .faq_a .arw{} #board_list .list .faq_wrap li.on .faq_a .arw svg{transform:rotate(180deg);} #board_list .list .faq_wrap li.on .faq_b{display:flex;} #board_list .list .faq_wrap .faq_a{display:flex;align-items:center;height:66px;} #board_list .list .faq_wrap .faq_a .ico{flex:0 0 auto;width:65px;display:flex;align-items:center;justify-content:center;} #board_list .list .faq_wrap .faq_a .tit{flex:1;} #board_list .list .faq_wrap .faq_a .tit a{font-size:18px;font-weight:500;color:#2f3743;} #board_list .list .faq_wrap .faq_a .arw{flex:0 0 auto;cursor:pointer;width:80px;display:flex;align-items:center;justify-content:center;} #board_list .list .faq_wrap .faq_b{display:none;padding:20px 0;border-top:1px solid #e7e7e7;background:#f9f9f9;} #board_list .list .faq_wrap .faq_b .ico{flex:0 0 auto;width:65px;display:flex;align-items:center;justify-content:center;} #board_list .list .faq_wrap .faq_b .txt{flex:1;padding:0 80px 0 0;} #board_list .list .faq_wrap .faq_b .txt a{font-size:15px;font-weight:400;color:#999;} #board_list .bottom{display:flex;margin:40px 0 0 0;justify-content:flex-end;} #board_list .bottom .button{display:flex;align-items:center;justify-content:center;gap:5px;} #board_list .bottom .button li{} #board_list .bottom .button li button, #board_list .bottom .button li a{border-radius:4px;border:1px solid #dddd;display:flex;align-items:center;justify-content:center;min-width:60px;height:40px;padding:0 10px;font-size: 14px;color: #333;font-weight: 400;} #board_list .bottom .button li a i{vertical-align:top;display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:20px;} #board_view{} #board_view .heading{padding:30px 0 0 0;border-top:1px solid #4d4d4d;display:flex;align-items:center;} #board_view .heading .title{line-height:38px;font-size:26px;font-weight:400;color:#222222;} #board_view .heading .cate{line-height:38px;font-size:26px;font-weight:400;color:#FF6F00;} #board_view .profile{padding:30px 0;} #board_view .profile .profile_info{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e7e6;padding:0 0 30px 0;} #board_view .profile .profile_info .lt, #board_view .profile .profile_info .rt{display:flex;align-items:center;line-height:21px;font-size:15px;color:#888;} #board_view .profile .profile_info .name{display:flex;align-items:center;} #board_view .profile .profile_info .date{display:flex;align-items:center;} #board_view .profile .profile_info .name + .date:before{content:'';width:1px;height:12px;margin:0 10px;background:#e0e0e0;} #board_view .profile .profile_info .report{display:flex;align-items:center;gap:10px;} #board_view .profile .profile_info .report a{display:flex;align-items:center;gap:5px;font-size:15px;color:#888;} #board_view .profile .profile_tool{margin:30px 0 0 0;display:flex;align-items:center;justify-content:space-between;} #board_view .profile .profile_tool .lt, #board_view .profile .profile_tool .rt{display:flex;align-items:center;line-height:21px;font-size:15px;color:#888;gap:15px;} #board_view .profile .profile_tool .desc{display:flex;align-items:center;justify-content:center;border-radius:34px;height:34px;border:1px solid #e5e5e5;padding:0 12px;gap:10px;font-size:14px;color:#333;} #board_view .profile .profile_tool .desc.zzim{} #board_view .profile .profile_tool .desc.view{} #board_view .profile .profile_tool .desc.comm{} #board_view .profile .profile_tool .desc.social{padding:0;width:34px;} #board_view .profile .profile_tool .desc.minus{padding:0;width:34px;} #board_view .profile .profile_tool .desc.plus{padding:0;width:34px;} #board_view .contents{font-size:14px;} #board_view .contents *{font-size:14px;} #board_view .bottom{display:flex;border-top: 1px solid #4d4d4d;padding-top: 20px;margin-top: 20px;justify-content:space-between;} #board_view .bottom .button{display:flex;align-items:center;justify-content:center;gap:5px;} #board_view .bottom .button li{} #board_view .bottom .button li button, #board_view .bottom .button li a{border-radius:4px;border:1px solid #dddd;display:flex;align-items:center;justify-content:center;min-width:60px;height:40px;padding:0 10px;font-size: 14px;color: #333;font-weight: 400;} #board_view .bottom .button li a i{vertical-align:top;display:flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:20px;} #board_view.board_faq{} #board_view.board_faq .contents{border-radius: 5px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);background: #fafafa;border: 1px solid #eaeaea;padding: 30px 30px 30px 30px;} #board_write{} #board_write .form{flex-wrap:wrap;display:flex;border-top:1px solid #000;} #board_write .form dl{flex:0 0 100%;display:flex;border-bottom: 1px solid #EAEAEA;} #board_write .form dl.w50p{flex:0 0 50%;} #board_write .form dt{flex:0 0 auto;width:150px;display:flex;padding:10px 10px 10px 20px;;background:#F9F9F9;border-right:1px solid #EAEAEA;align-items:center;justify-content:flex-start;color:#666;font-size:15px;} #board_write .form dt.empty{border:0;background:transparent;} #board_write .form dt label{} #board_write .form dt label strong{font-size:10px;color:#FF6F00;margin:0 0 0 5px;font-weight:300;display:none;} #board_write .form dd{flex:1 1;width:100%;min-height:60px;padding:10px;background:#FFFFFF;position:relative;} #board_write .form dd.empty{border:0;background:transparent;} #board_write .form dd .flex{display:flex;align-items:center;gap:5px;white-space:nowrap;} #board_write .form dd input[type="text"], #board_write .form dd input[type="password"]{width:200px;max-width:100%;height:40px;border-radius:4px;border:1px solid #eaeaea;padding:10px;font-size:15px;box-shadow:none;background:#ffffff !important;} #board_write .form dd input[type="file"]{width:100%;height:40px;display:flex;align-items:center;line-height: 40px;} #board_write .form dd input#wr_subject{width:100%;} #board_write .form dd textarea{width:100%;height:400px;border-radius:4px;border:1px solid #eaeaea;box-shadow:none;padding:10px;} #board_write .form dd select{flex:0 0 auto;width:200px;min-width:100px;max-width:100%;height:40px;border-radius:4px;border:1px solid #eaeaea;padding:10px;font-size:15px;box-shadow:none;background:#fff url("../img/common/select_arrow.png") no-repeat right center;} #board_write .form dd button{width:auto;max-width:100%;height:40px;border-radius:4px;border:1px solid #eaeaea;padding:10px;font-size:15px;box-shadow:none;background:#333333;color:#ffffff;border-color:#333333;} #board_write .form dd .addr{position:absolute;top:100%;left:0;border:1px solid #000;z-index:10;max-width:100%;} #board_write .form dd .addr > div{max-width:100%;height:auto;aspect-ratio:1/1;} #board_write .form dd .bo_v_option{display:flex;align-items:center;gap:20px;} #board_write .form dd .bo_v_option ul{display:flex;flex-wrap:wrap;} #board_write .form dd .bo_v_option li{} #board_write .form dd .bo_v_option li label{display:flex;align-items:center;gap:5px;height:40px;cursor:pointer;} #board_write .form dd .bo_v_option li label span{} #board_write .form dd .lock{cursor:pointer;display:flex;align-items:center;gap:10px;height:40px;} #board_write .form dd .lock input{display:none;} #board_write .form dd .lock input ~ i{position:relative;width:40px;height:12px;border-radius:12px;background:rgb( 0 0 0 / 22%);} #board_write .form dd .lock input ~ i:before{content:'';position:absolute;top:50%;left:0;margin-top:-11px;width:22px;height:22px;border-radius:22px;background:#fff;border:1px solid rgb(0 0 0 / 10%);transition:all 200ms;} #board_write .form dd .lock input ~ span{font-size:14px;color:#afafaf;} #board_write .form dd .lock input:checked ~ i{background:#FF6F00;} #board_write .form dd .lock input:checked ~ i:before{left:18px;} #board_write .form dd .chk_box{} #board_write .form dd .chk_box input{display:none;} #board_write .form dd .chk_box label{display:flex;align-items:center;height:40px;cursor:pointer;gap:4px;} #board_write .form dd #btn_autosave{white-space:nowrap;padding:0 10px;} #board_write .table{} #board_write .table table{width:100%;table-layout: fixed;} #board_write .table table thead{background:#f9f9f9;border-top:1px solid #000;white-space:nowrap;} #board_write .table table tr{height:50px;text-align:center;} #board_write .table table th{padding:8px;border-bottom:1px solid #eaeaea;color: #666;font-weight:500;font-size: 15px;} #board_write .table table td{padding:8px;border-bottom:1px solid #eaeaea;color: #666;font-weight:500;font-size: 15px;word-break: break-all;} #board_write .table table td input{border-radius:4px;width:100%;height:32px;border:1px solid #d0d0d0;padding:10px;text-align:center;display: block;margin: 0 auto;} #board_write .text{border:1px solid #d0d0d0;border-top:1px solid #000;} #board_write .text .tit{padding:20px;color: #666;font-weight:500;font-size: 15px;margin-bottom:10px;background:#f9f9f9;border-bottom:1px solid #eaeaea;} #board_write .text .txt{padding:10px 20px;} #board_write .text .txt textarea{border:1px solid #e0e0e0;padding:10px;width:100%;height:150px;} #board_write .button{margin:40px 0 0 0;display:flex;align-items:center;gap:10px;justify-content:center;} #board_write .button .btn{display:flex;align-items:center;justify-content:center;width:125px;height:46px;border-radius:4px;font-size:15px;font-weight:400;} #board_write .button .btn_submit{background:#FF6F00;color:#ffffff;border:1px solid #FF6F00;} #board_write .button .btn_cancel{background:#FFFFFF;color:#333;border:1px solid #EAEAEA;} #contract{width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;} #contract .contract{width:1000px;max-width:100%;margin:0 auto;} #contract .title{line-height:30px;font-size:24px;font-weight:700;text-align:center;margin-bottom:40px;} #contract .info{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:10px;} #contract .info .text{flex:0 0 calc(45% - 10px);display:flex;flex-direction:column;justify-content:center;gap:30px;} #contract .info .text .date{line-height:20px;font-size:16px;font-weight:500;} #contract .info .text .esquire{text-align:right;} #contract .info .business{flex:0 0 calc(55% - 10px);} #contract .info .business table{width:100%;border:1px solid #000;} #contract .info .business table td{border:1px solid #000;text-align:center;height:30px;line-height:1.3;font-size:12px;padding:5px;} #contract .info .business table td img{width:40px;height:40px;} #contract .info .total{flex:0 0 100%;display:flex;align-items:center;gap:100px;height:30px;} #contract .info .total dt{font-size:20px;} #contract .info .total dd{font-size:20px;font-weight:700;} #contract .table{border-top:2px solid #000;} #contract .table table{width:100%;} #contract .table table tr{height:30px;text-align:center;font-size:14px;line-height:18px;} #contract .table table th{padding:10px;background:#fafafa;font-weight:500;border:1px solid #000;border-bottom:1px solid #000;} #contract .table table td{padding:10px;border:1px solid #000;border-bottom:1px solid #000;} #contract .summary{border:1px solid #000;border-top: 0;display:flex;flex-wrap:wrap;} #contract .summary .box{flex:0 0 50%;padding:15px 20px;display:flex;flex-direction:column;gap:5px;} #contract .summary .box:nth-child(even){border-left:1px solid #000;} #contract .summary .box dl{display:flex;line-height:20px;font-size:14px;} #contract .summary .box dt{} #contract .summary .box dt:after{content:':';margin:0 2px;} #contract .summary .box dd{font-size:16px;font-weight:600;} #contract .caution{border:1px solid #000;border-top:0;padding:10px;padding-right:30%;position:relative;} #contract .caution p{display:flex;line-height:1.5;font-size:14px;color:#333333;} #contract .caution p:before{content:'';width:2px;height:2px;margin:9px 9px 4px 4px;background:#999;} #contract .caution img{position:absolute;top: 50%;right:0;bottom:0;display:flex;align-items:center;justify-content:center;object-fit:contain;transform: translateY(-50%);width: 30%;} #simple{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;margin:0 auto;} #simple .simple{position:relative;width:100%;margin:0 auto;border: 2px solid #000;max-width: 300px;} #simple .title{padding: 10px 0 15px;line-height:30px;font-size: 18px;font-weight:700;text-align:center;letter-spacing:10px;border-bottom: 1px solid #000;} #simple .number{position:absolute;top:10px;left:10px;line-height:1.2;font-size: 10px;text-decoration:underline;color:#000;text-align:left;} #simple .send{position:absolute;top:10px;right:10px;line-height:1.2;font-size: 10px;color:#000;text-align:right;} #simple .business{} #simple .business table{width:100%;table-layout:fixed;} #simple .business table tr{height: 25px;text-align:center;font-size: 10px;line-height: 1.1;} #simple .business table th{padding:5px;background:#fafafa;font-weight:500;border-right:1px solid #000;border-bottom:1px solid #000;} #simple .business table th:last-of-type{border-right:0;} #simple .business table td{position:relative;padding:2px;border-right:1px solid #000;border-bottom:1px solid #000;} #simple .business table td:last-of-type{border-right:0;} #simple .business table td .dojang{position:absolute;top:50%;right:5px;transform:translate(50%,-50%);width:60px;height:auto;aspect-ratio:1/1;} #simple .total{} #simple .total table{width:100%;} #simple .total table tr{text-align:center;font-size: 10px;line-height: 1.2;height: 25px;} #simple .total table th{padding: 2px;background:#fafafa;font-weight:500;border-bottom: 1px solid #000;border-right: 1px solid #000;} #simple .total table th:last-of-type{border-right:0;} #simple .total table td{position:relative;padding:2px 8px;border-right:1px solid #000;border-bottom:1px solid #000;} #simple .total table td:last-of-type{border-right:0;} #simple .total table td input{height: 15px;width:100%;text-align:left;border:0 !important;min-width: 20px;font-size: 10px;} #simple .table{border-top:0;} #simple .table table{width:100%;table-layout:fixed;} #simple .table table tr{text-align:center;font-size: 10px;line-height: 1.1;} #simple .table table th{padding: 2px;height:30px;background:#fafafa;font-weight:500;border-right:1px solid #000;border-bottom:1px solid #000;} #simple .table table th:last-of-type{border-right:0;} #simple .table table td{position:relative;padding:4px 8px;height: 25px;border-right:1px solid #000;border-bottom:1px solid #000;} #simple .table table td:last-of-type{border-right:0;} #simple .table table td.dis{} #simple .table table td.dis:before{content:'';position:absolute;top: 18px;left:0;width: 30px;height:1px;background:#000;transform:rotate(-36.87deg);transform-origin: left bottom;} #simple .text{padding: 5px;text-align:center;font-size: 10px;} #simple .bttn{margin-top:40px;display:flex;align-items:center;gap:10px;} #simple .bttn select{width:max-content;height:36px;border-radius:4px;min-width:72px;text-align:left;padding:0 10px;} #simple .bttn .btn{min-width:72px;height:36px;border-radius:4px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;color:#333;text-align:center;} #simple .bttn .btn_cancel{background:#333;color:#fff;border-color:#333;} #simple .bttn .btn_back{background:#fff;color:#333;border-color:#ccc;} #review{position:relative;padding:0 30px;display: flex;align-items: flex-start;justify-content: center;gap:40px;} #review .aside{flex:0 0 200px;margin-bottom:100PX;} #review .aside .title{display:flex;align-items:center;padding-bottom:20px;line-height:30px;font-size:20px;font-weight:700;color:rgb(40, 42, 46);border-bottom: 1px solid rgb(231, 233, 236);} #review .aside .title svg{margin-right:6px;} #review .aside .list{display:flex;flex-direction:column;} #review .aside .list dl{display:flex;flex-direction:column;border-bottom:1px solid rgb(231, 233, 236)} #review .aside .list dl dt{display:flex;align-items:center;justify-content:space-between;padding:20px 0;line-height:25px;font-size:16px;font-weight:700;color:rgb(40, 42, 46);white-space:pre-wrap;word-break:keep-all;cursor:pointer;} #review .aside .list dl dd{padding-bottom:20px;display:none;flex-direction:column;gap:16px;} #review .aside .list dl dt.on{} #review .aside .list dl dt.on svg{transform:rotate(180deg);} #review .aside .list dl dt.on ~ dd{display:flex;} #review .aside .list .brandBtn{display:flex;align-items:center;gap:10px;cursor:pointer;} #review .aside .list .brandBtn svg{width:20px;height:20px;} #review .aside .list .brandBtn span{font-weight: 400;font-size: 15px;line-height: 20px;word-break: keep-all;color: rgb(40, 42, 46);max-width: 170px;white-space: nowrap;display: inline-block;text-overflow: ellipsis;overflow: hidden;} #review .aside .list .brandBtn.on svg{} #review .aside .list .brandBtn.on svg circle:nth-child(1){stroke:#7B3FF1;} #review .aside .list .brandBtn.on svg circle:nth-child(2){fill:#7B3FF1;} #review .content{flex:1 1;} #review .content .tool{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin:16px 0;border-top:1px solid rgb(221, 223, 226);border-bottom:1px solid rgb(221, 223, 226);} #review .content .sorted{position:relative;} #review .content .sorted .sorted-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer;height:20px;gap:4px;} #review .content .sorted .sorted-toggle i{width:16px;height:16px;background:url("../img/sub/Updown.svg") no-repeat center / auto 16px;} #review .content .sorted .sorted-toggle span{font-weight: 400;font-size: 15px;line-height: 20px;white-space: pre-wrap;word-break: keep-all;color: rgb(40, 42, 46);} #review .content .sorted .sorted-menu{position:absolute;top:0;right:0;background:rgb(255, 255, 255);box-shadow:rgba(0, 0, 0, 0.2) 0px 4px 12px;border-radius:8px;z-index:10;display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;} #review .content .sorted .sorted-menu a{display:flex;align-items:center;justify-content:space-between;width:127px;padding:10px 12px;text-align:left;font-weight: 400;font-size: 15px;line-height: 20px;white-space: pre-wrap;word-break: keep-all;color: rgb(90, 92, 96);} #review .content .sorted .sorted-menu a.on{color:rgb(123, 63, 241);} #review .content .sorted .sorted-menu a.on:after{content:'';width:16px;height:16px;background:url("../img/sub/select-primary.svg") no-repeat center / contain;} #review .content .sorted .sorted-menu a:hover{background:rgb(241, 243, 246);border-radius:4px;} #review .content .sorted.active .sorted-menu{opacity:1;visibility:visible;} .review-list{} .review-list > ul{} .review-list > ul > li{display:flex;padding:20px;gap:40px;align-items:flex-start;background:rgb(255, 255, 255);border-bottom: 1px solid rgb(221, 223, 226);} .review-list li .review-content{} .review-list li .review-content .info{margin-bottom:10px;display:flex;font-weight: 400;font-size: 15px;line-height: 20px;white-space: pre-wrap;word-break: keep-all;color: rgb(40, 42, 46);} .review-list li .review-content .info span{display:flex;align-items:center;} .review-list li .review-content .info span:after{content: "·";min-width: 3px;font-weight: 900;color: rgb(40, 42, 46);margin: 0px 8px;} .review-list li .review-content .info span:last-child:after{display:none;} .review-list li .review-content .star{display:flex;align-items:center;gap:8px;} .review-list li .review-content .star .icon{position:relative;display:flex;align-items:center;width:auto;height:24px;aspect-ratio:5/1;background:url("../img/main/empty-star.svg") center left / 24px} .review-list li .review-content .star .icon:before{content:'';position:absolute;top:0;left:0;width:auto;height:24px;background:url("../img/main/star.svg") center left / 24px} .review-list li .review-content .star .icon1:before{aspect-ratio:1/1;} .review-list li .review-content .star .icon2:before{aspect-ratio:2/1;} .review-list li .review-content .star .icon3:before{aspect-ratio:3/1;} .review-list li .review-content .star .icon4:before{aspect-ratio:4/1;} .review-list li .review-content .star .icon5:before{aspect-ratio:5/1;} .review-list li .review-content .star .date{font-weight: 400;font-size: 13px;line-height: 18px;white-space: pre-wrap;word-break: keep-all;color: rgb(90, 92, 96);} .review-list li .review-content .text{margin:16px 0;font-weight: 400;overflow-wrap: break-word;max-width: 369px;font-size: 15px;line-height: 20px;white-space: pre-wrap;word-break: keep-all;color: rgb(40, 42, 46);-webkit-line-clamp: 10;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;} .review-list li .review-content .thumb{margin:16px 0;overflow:hidden;} .review-list li .review-content .thumb .swiper-slide{padding:0;width:80px;height:80px;border-radius:8px;cursor:pointer;overflow:hidden;} .review-list li .review-content .thumb .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;} .review-list li .review-content .badge{display:flex;flex-wrap:wrap;gap:12px;align-items:center;} .review-list li .review-content .badge span{padding: 4px 8px;background-color: rgb(241, 243, 246);border-radius: 4px;display: flex;align-items: center;gap: 8px;font-weight: 500;font-size: 15px;line-height: 20px;color:rgb(40, 42, 46);} .review-list li .review-content .badge span img{width:16px;height:16px;} .review-list li .review-content .help{margin-top:16px;} .review-list li .review-content .help a{display: flex;padding: 6px 14px 6px 12px;align-items: center;gap: 4px;border-radius: 100px;border: 1px solid rgb(221, 223, 226);background-color: rgb(255, 255, 255);width: fit-content;} .review-list li .review-info{flex:0 1 296px;display: flex;flex-direction: column;justify-content: space-between;border: 1px solid rgb(236, 238, 241);background-color: rgb(255, 255, 255);border-radius: 8px;height: 333px;padding: 20px;} .review-list li .review-info .store{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgb(236, 238, 241);} .review-list li .review-info .store .img{display:flex;align-items:center;justify-content:center;width:88px;height:88px;background-color: rgb(246, 248, 251);border-radius: 8px;} .review-list li .review-info .store .img img{max-width:100%;height:auto;} .review-list li .review-info .store .con{flex:1;display:flex;flex-direction:column;gap:4px;} .review-list li .review-info .store .ico{display:none;align-items:center;justify-content:center;width:24px;height:24px;} .review-list li .review-info .store .brand{font-weight: 400;font-size: 15px;line-height: 20px;white-space: pre-wrap;word-break: keep-all;color: rgb(90, 92, 96);} .review-list li .review-info .store .name{font-weight: 400;font-size: 17px;line-height: 24px;white-space: pre-wrap;word-break: keep-all;color: rgb(40, 42, 46);-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;} .review-list li .review-info .store .desc{font-weight: 400;font-size: 15px;line-height: 20px;white-space: pre-wrap;word-break: keep-all;color: rgb(90, 92, 96);} .review-list li .review-info .type{} .review-list li .review-info .type > ul{display:flex;flex-direction:column;gap:8px;} .review-list li .review-info .type > ul > li{display:flex;align-items:flex-start;gap:8px;padding:0;margin:0;border:0;gap:0;flex-direction:row;} .review-list li .review-info .type > ul > li .ico{flex:0 0 24px;height:auto;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;} .review-list li .review-info .type > ul > li .ico img{width:100%;height:100%;} .review-list li .review-info .type > ul > li .txt{flex:1 1;display:flex;flex-direction:column;} .review-list li .review-info .type > ul > li .txt span{font-weight: 400;font-size: 15px;line-height: 20px;word-break: keep-all;color: rgb(40, 42, 46);max-width: 224px;white-space: nowrap;display: inline-flex;text-overflow: ellipsis;overflow: hidden;} .review-list li .review-info .type > ul > li .txt p{font-weight: 400;font-size: 13px;line-height: 18px;white-space: pre-wrap;word-break: keep-all;color: rgb(150, 152, 156);} .review-list li .review-info .more{margin-top:auto;display:flex;align-items:center;} .review-list li .review-info .more a{border-radius: 8px;white-space: pre-line;word-break: keep-all;ursor: pointer;padding: 7px 10px;font-weight: 500;font-size: 13px;line-height: 18px;background: none;border: 1px solid rgb(190, 192, 196);color: rgb(40, 42, 46);display: flex;align-items:center;justify-content:center;width: 100%;} .review-list li.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:100px 0;} .review-list li.empty svg{width:80px !important;;height:80px !important;object-fit:contain;} .review-list li.empty strong{line-height:24px;font-size:16px;font-weight:700;color:rgb(40, 42, 46);white-space:pre-wrap;word-break:keep-all;} .review-list li.empty span{line-height:20px;font-size:15px;font-weight:500;color:rgb(90, 92, 96);white-space:pre-wrap;word-break:keep-all;} .review-list li.middle-banner{padding:0;border:0;margin-bottom:16px;} .review-list li.middle-banner img{max-width:100%;height:auto;} .review-list li.middle-banner img.lt-desktop{display:block;} .review-list li.middle-banner img.lt-mobile{display:none;} #wrap .modal-container{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;overflow: hidden;align-items: center;justify-content: center;background: transparent;} #wrap .modal-container.show{display: flex; align-items: center; justify-content: center;} #wrap .modal-container.show .modal-wrapper{transform:translateY(0);transition-delay:1s} #wrap .modal-container:before{content: '';top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;position: fixed;opacity: .8;background-color: rgba(0,0,0,.87);padding-bottom: 100%;border-radius: 100%;animation: jkit-search-background .8s ease-out forwards;} #wrap .modal-container .modal-wrapper{position:relative;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;transform: translateY(-100%);transition:all 0.5s} #wrap .modal-container .modal-inner{max-width:100%;} #wrap .modal-container .inner{position: relative;width: 560px;max-width: 100%;max-height: 90vh;box-shadow: 0 3px 6px rgb(0 0 0 / 16%);background: #fff;display: flex;flex-direction: column;border-radius: 8px;} #wrap .modal-container .title{display: flex;height: 56px;line-height: 30px;font-size: 16px;font-weight: bold;color: #1c1c1c;text-align: center;align-items: center;justify-content: center;} #wrap .modal-container .close{position:absolute;top:0;right:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;} #wrap .modal-container .close button{display: flex;width: 24px;height: 24px;background: transparent;align-items: center;justify-content: center;position:relative;transform:rotate(45deg)} #wrap .modal-container .close button:before{content:'';width:16px;height:2px;position:absolute;top:50%;left:50%;background:#121212;transform:translate(-50%,-50%);} #wrap .modal-container .close button:after{content:'';width:2px;height:16px;position:absolute;top:50%;left:50%;background:#121212;transform:translate(-50%,-50%);} #wrap .modal-container .close button img{width:100%;height:100%;object-fit:contain;display:block;} #wrap .modal-container .cont{padding: 16px 24px 24px;} #wrap .modal-container .text{line-height:20px;font-size:14px;color:#333333;text-align:center;} #wrap .modal-container .button{margin:24px 0 0 0;display:flex;align-items:center;justify-content:center;} #wrap .modal-container .button .btn{display:flex;align-items:center;justify-content:center;padding:12px 16px;width:100%;height: 48px;border-radius: 8px;border:1px solid transparent;font-size:14px;font-weight: bold;} #wrap .modal-container .button .btn + .btn{margin-left:8px} #wrap #popup-payment{} #wrap #popup-payment .inner{width: 600px;} #wrap #popup-payment .cont{} #wrap #popup-payment .cont .form{display:flex;flex-wrap:wrap;gap: 40px 24px;} #wrap #popup-payment .cont .form dl{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;width:100%} #wrap #popup-payment .cont .form dl.w50p{width: calc(50% - 12px);} #wrap #popup-payment .cont .form dt{line-height: 20px;font-size: 13px;font-weight: bold;} #wrap #popup-payment .cont .form dd{width: 100%;line-height: 20px;font-size: 13px;} #wrap #popup-payment .cont .form dd input{display: flex;align-items: center;justify-content: flex-start;width: 100%;height: 48px;background: #f4f6f8;padding: 8px 24px;border-radius: 8px;border: 1px solid #f4f6f8;} #wrap #popup-payment .caution{margin:40px 0 0 0;border-radius:8px;background:#F6F9FF;padding:20px;} #wrap #popup-payment .caution .tit{display: flex;align-items: center;gap: 6px;margin: 0 0 8px;} #wrap #popup-payment .caution .tit img{height: 16px;width: auto;display: inline-flex;} #wrap #popup-payment .caution .tit p{font-size: 13px;font-weight: bold;} #wrap #popup-payment .caution .tit i{position:relative;width:16px;height:16px;border-radius:16px;flex:0 0 auto;background:#fd6f22;display:flex;flex-direction:column;justify-content:center;align-items:center;} #wrap #popup-payment .caution .tit i:before{width:2px;height:2px;content:'';background:#fff;margin-bottom:2px;} #wrap #popup-payment .caution .tit i:after{width:2px;height:5px;content:'';background:#fff;} #wrap #popup-payment .caution .txt{display: flex;flex-direction: column;gap: 4px;line-height: 18px;font-size: 12px;} #wrap #popup-payment .button{} #wrap #popup-payment .button .btn{} @media all and (max-width:1420px) { #main .visual .swiper-button-prev{left:20px;margin:0;} #main .visual .swiper-button-next{left:unset;right:20px;margin:0;} } @media all and (max-width:1240px) { #contract .info{gap:30px 0;} #contract .info .text{flex:0 0 100%;gap:20px;} #contract .info .business{flex:0 0 100%;} #contract .info .total{gap:0;justify-content:space-between;} #contract .info .total dt{font-size:16px;} #contract .info .total dd{font-size:16px;} #contract .table{overflow-x:auto;} #contract .table table{min-width:100%;width:auto;white-space:nowrap;} #contract .summary{} #contract .summary .box{flex:0 0 100%;border-left:0 !important;padding:15px;border-top:1px solid #000;} #contract .summary .box:first-child{border-top:0;} #contract .summary .box dl{font-size:12px;} #contract .summary .box dt{font-size:12px;} #contract .summary .box dd{font-size:14px;} #contract .caution{padding:15px;} #contract .caution p{position:relative;padding-left:10px;line-height:1.3;font-size:12px;word-break:keep-all;} #contract .caution p span{fotn-weight:700;color:#222222;} #contract .caution p:before{content:'';position:absolute;top:0;left:0;width:2px;height:2px;margin:6px 0 0 0;background:#999;} #header{padding:0 20px;} #header .wrap{height:60px;} #header .logo img{width:auto;height:25px;} #header .global{display:none;} #header .menu{gap:10px;} #header .menu a{width:30px;height:20px;} #header .menu a svg, #header .menu a img{width:25px;} #footer{display:flex;flex-direction:column;padding: 390px 0 0 0;} #footer .footer{order:2;padding:40px 20px 60px} #footer .footer .wrap{flex-direction:column;} #footer .footer .copyright{border:0;padding:0;} #footer .footer .copyright .address{} #footer .footer .copyright .address dl{font-size:13px;margin:0 0 4px 0;} #footer .footer .copyright .cite{font-size:13px;} #footer .footer .banner{position:absolute;top:0;left:0;width:100%;padding: 10px;background:#eee;height: 390px;} #footer .footer .banner ul{gap:10px;height: 100%;justify-content:center;height: 370px;text-align:center;} #footer .footer .banner li{flex-direction:column;padding:10px !important;border-radius:10px;background:#ffffff;border-radius:5px;border:1px solid #e0e0e0;gap:10px;} #footer .footer .banner li .ico{width:45px;height:45px;} #footer .footer .banner li .con{} #footer .footer .banner li .con .tit{justify-content:center;} #footer .footer .banner li img{width:auto;height:auto;max-height:100%;object-fit:contain;} #footer .footer .banner li img.pc{display:none} #footer .footer .banner li img.mo{display:block;} #footer .bottom{order:1;} #footer .bottom .wrap{flex-direction:column;gap:20px;height:auto;} #footer .bottom .link{overflow-x:auto;justify-content:flex-start;max-width: 100%;padding:10px 20px;} #footer .bottom .link a{font-size:14px;white-space:nowrap;line-height:30px;} #footer .bottom .link a + a:before{margin:0 12px} #footer .bottom .social{display:none;} #allmenu{justify-content:flex-start;} #allmenu .tool{padding:10px 20px;} #allmenu .tool .link{} #allmenu .tool .link a{font-size:12px;} #allmenu .tool .link a + a:before{margin:0 10px;height:10px;} #allmenu .tool .close span{font-size:12px;} #allmenu .tool .close svg{width:20px;height:20px;} #allmenu .header{padding:20px;} #allmenu .header .logo{} #allmenu .header .logo img{height:25px;} #allmenu .header .link{flex-wrap:wrap;} #allmenu .header .link a{position:relative;font-size:13px;width:33.33%;justify-content:center;align-items:center;} #allmenu .header .link a + a:before{position:absolute;top:50%;left:0;margin:0;height:10px;margin-top:-5px;} #allmenu .header .link a:nth-child(1):before, #allmenu .header .link a:nth-child(4):before{display:none;} #allmenu .menu{margin:0 20px 40px} #allmenu .menu dl{flex-direction:column;align-items:flex-start;justify-content:flex-start;} #allmenu .menu dl dt{flex:0 1 30px;} #allmenu .menu dl dt a{padding:10px 0;font-size:16px;} #allmenu .menu dl dd{padding:10px 0;gap:4px 12px;} #allmenu .menu dl dd a{font-size:14px;} #main{} #main .visual{position:relative;height:500px;} #main .visual .swiper-slide .thumb{height:100%;} #main .visual .swiper-slide .thumb img{height:100% !important;object-fit:cover;} #main .visual .swiper-slide .text{margin:0;padding:20px 25px;} #main .visual .swiper-slide .text .sub{font-size:16px;} #main .visual .swiper-slide .text .tit{font-size:30px;} #main .visual .swiper-slide .text .txt{font-size:20px;} #main .visual .swiper-button-prev, #main .visual .swiper-button-next{display:none;} #main .visual .naver-search{padding:0 20px;} #main .visual .naver-search .desktop{display:none;} #main .visual .naver-search .mobile{display:block;} #main .visual .naver-search img{max-width:300px;height:auto;} #main .category{} #main .category .inner{margin-top:-20px;padding:20px;flex-direction:column;max-width:calc(100% - 40px);} #main .category .inner .title{flex:0 0 auto;text-align:center;margin:0 0 20px;} #main .category .inner .title .tit{font-size:24px;} #main .category .inner .title .tit br{display:none;} #main .category .inner .list{} #main .category .inner .list ul{gap:10px;flex-wrap:wrap;justify-content:center;} #main .category .inner .list li{} #main .category .inner .list li a{} #main .category .inner .list li a img{width:80px;aspect-ratio:1/1;max-width:12vw;} #main .category .inner .list li a p{font-size:13px;} #main .quick {padding: 20px;border-bottom: 8px solid rgb(241, 243, 246);} #main .quick ul {flex-wrap: wrap;gap: 15px 5px;justify-content: flex-start;} #main .quick li {flex:0 0 auto;width: calc(33% - 2.35px);} #main .quick li a {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 6px;} #main .quick li .img {padding:0;width: 100%;height: auto;border-radius: 10px;} #main .quick li .img img {display: block;max-width: 100%;height: auto;} #main .quick li .txt {font-weight: 500;font-size: 12px;line-height: 14px;} #main .premium{padding:20px 20px 20px;} #main .premium .header{font-size:24px;} #main .premium .list{} #main .premium .list ul{flex-wrap:wrap;gap:20px;} #main .premium .list li{display:flex;flex-direction:column;width:100%;} #main .premium .list li .img{flex:0 1 100%;aspect-ratio:16/10;height:auto;} #main .premium .list li .con{gap:5px;padding:15px;} #main .premium .list li .con .title{} #main .premium .list li .con .title .name{line-height:22px;font-size:18px;} #main .premium .list li .con .text{} #main .premium .list li .con .text a{font-size:12px;} #main .premium .list li .con .info{flex-wrap:wrap;gap:5px;} #main .premium .list li .con .info dl{font-size:12px;} #main .premium .list li .con .company{flex-wrap:wrap;gap:5px;} #main .premium .list li .con .company dl{font-size:12px;} #main .premium .myloca{justify-content:flex-start;padding:0 20px;} #main .premium .myloca .tit{} #main .premium .myloca .tit span{font-size:15px;} #main .premium .myloca .act{} #main .premium .myloca .act a{min-width:110px;height:36px;font-size:15px;border-radius:5px;} #main .customer{padding:10px 10px;border:solid 1px #F0F0F0;} #main .customer ul{} #main .customer li{width:100%;} #main .restaurant{padding:0 20px 0px} #main .restaurant .wrap{gap:20px;flex-direction:column;} #main .restaurant .recommend{width:100%;flex:0 0 100%;} #main .restaurant .recommend .header{font-size:24px;} #main .restaurant .recommend .list{} #main .restaurant .recommend .list ul{gap:20px;} #main .restaurant .recommend .list li{width:100%;} #main .restaurant .recommend .list li .con{gap:5px;padding:15px 00 0 ;} #main .restaurant .recommend .list li .con .title{} #main .restaurant .recommend .list li .con .title .name{line-height:22px;font-size:18px;} #main .restaurant .recommend .list li .con .text{} #main .restaurant .recommend .list li .con .text a{font-size:12px;} #main .restaurant .recommend .list li .con .info{flex-wrap:wrap;gap:5px;} #main .restaurant .recommend .list li .con .info dl{font-size:12px;} #main .restaurant .recommend .list li .con .company{flex-wrap:wrap;gap:5px;} #main .restaurant .recommend .list li .con .company dl{font-size:12px;} #main .restaurant .recommend .more{} #main .restaurant .recommend .more a{font-size:16px;height:50px;border-width:1px;} #main .restaurant .assort{width:100%;flex:0 0 100%;margin:60px 0 0 0;} #main .restaurant .assort .tabs{border-radius:5px;} #main .restaurant .assort .tabs .tab{font-size:14px;} #main .restaurant .assort .list{} #main .restaurant .assort .list li{} #main .restaurant .assort .list li .img{width:62px;height:62px;margin:0 10px 0 0;} #main .restaurant .assort .list li .con{} #main .restaurant .assort .list li .con .title{} #main .restaurant .assort .list li .con .title .name{font-size:18px;} #main .restaurant .assort .list li .con .text{margin:5px 0 0 0;font-size:12px;} #main .restaurant .assort .list li .con .info{margin:5px 0 0 0;gap:5px;} #main .restaurant .assort .list li .con .info dl{gap:2px;} #main .restaurant .assort .list li .con .info dt{} #main .restaurant .assort .list li .con .info dt svg{width:16px;height:16px;} #main .restaurant .assort .list li .con .info dd{font-size:12px;} #main .restaurant .assort .banner{margin:40px 0;} #main .restaurant .assort .banner img{height:auto;} #main .review{padding:60px 20px;} #main .review .wrap{flex-direction:column;} #main .review .flex{flex-direction:column;} #main .review .header{flex:0 0 100%;width:100%;margin:0 0 60px;} #main .review .header .board{display:flex;align-items:center;} #main .review .header .tit{font-size:24px;} #main .review .header .txt{font-size:16px;} #main .review .header .act{margin:20px 0 0 0;} #main .review .left{width:100%;} #main .review .right{flex:0 0 auto;width:100%;} #main .review .right .slider{flex:0 0 100%;width:100%;height:500px;} #main .review .right .slider .swiper-slide{flex-direction:column;gap:10px;} #main .review .right .review-content{width:100%;flex:0 0 auto;max-width:100%;min-width:100%;} #main .review .right .review-info{width:100%;flex:0 0 auto;max-width:100%;min-width:100%;} #main .review .list{flex:0 0 100%;width:100%;} #main .review .list ul{gap:25px 0;} #main .review .list li{width:calc((100% / 1) - 0px);padding:0;} #main .latest{padding:60px 20px;} #main .latest .wrap{flex-direction:column;gap:40px 0;} #main .latest .board{width:100%;} #main .latest .board .header{font-size:24px;} #main .latest .board .list{} #main .latest .board .list li{} #main .latest .board .list li a{padding:15px;} #main .latest .board .list li .badge{margin:0 5px 0 0;font-size:12px;height:24px;} #main .latest .board .list li .title{font-size:14px;} #main .latest .board .list li .icon{font-size:10px;} #main .latest .board .list li .date{font-size:10px;} #sub_top_img{margin:0 0 35px 0;height:200px;} #sub_top_img .wrap{position:static;height:200px;justify-content: center;align-items: flex-start;} #sub_top_img .bbq-text{z-index: 12;padding: 60px 20px 0;text-align: center;width: 100%;height: 200px;display: flex;justify-content: center;flex-direction: column;} #sub_top_img .bbq-text .line1 {font-size: 28px;} #sub_top_img .bbq-text .line2 {font-size: 20px;} #sub_top_img .dimmed{z-index:10;background: #000;opacity: 0.5;} #sub_top_img video{position:absolute;z-index: 10;top:0;left:0;height:100%;width:100%;object-fit:cover;opacity:0.95;} #sub_top_img .pc-view{display:none;} #sub_top_img .mo-view{display:block;} #community{padding:0 20px 164px;} #community .wrap{flex-direction:column;gap:20px;} #community .aside{flex:0 0 auto;} #community .aside .menu{padding:10px 20px;} #community .aside .menu ul{display:flex;overflow-x:auto;gap:10px;} #community .aside .menu li{flex:0 0 auto;} #community .aside .menu li + li{margin:0;} #community .aside .menu li a p{font-size:14px;} #community .aside .cloud{position:absolute;bottom:0;left:0;width:100%;} #community .content{} #community .content .header .title{font-size:24px;line-height:30px;} #community .content .header .bread{line-height:20px;margin-top:10px;font-size:12px;} #community .content .section{} #community .content .section .latest{width:100% !important;} #community .content .section .latest .list{} #community .content .section .latest .list li{} #community .content .section .latest .list li a{flex-direction:column;} #community .content .section .latest .list .img{width:100%;height:auto;aspect-ratio:16/10;} #community .content .section .latest .list .tit{line-height:1.4;font-size:16px;} #community .content .section .latest .list .tit:after{margin:10px 0;height:2px;} #community .content .section .latest .list .txt{line-height:1.4;font-size:14px;} #community .content .section .experience{} #community .content .section .experience .list .con{padding:20px;} #community .content .section .experience .list .date{font-size:12px;padding:20px 0 0 0;} #community .content .section .photo{} #community .content .section .photo .list{} #community .content .section .photo .list li{} #community .content .section .photo .list .con{padding:10px;} #community .content .section .thema{} #community .content .section .thema .list{} #community .content .section .thema .list li{} #community .content .section .thema .list .con{padding:10px;} #community .content .section .blog{} #community .content .section .blog .list{padding:0;} #community .content .section .blog .list li{position:relative !important;width:100%;} #community .content .section .blog .list li a{height:50px;} #community .content .section .blog .list li:nth-child(1) a{height:auto;} #community .content .section .life{} #community .content .section .life .list{} #community .content .section .life .list li a .img{width:100%;height:auto;aspect-ratio:16/10;} #community .content .section .free{} #community .content .section .free .list{} #community .content .section .free .list li .tit{line-height:1.4;font-size:14px;} #community .content .section .free .list li .tit .icon{font-size:10px;} #community .content .section .free .list li .name{line-height:1.4;font-size:12px;} #community .content .section .free .list li .date{line-height:1.4;font-size:12px;} #customer{padding:0 20px 164px;} #customer .wrap{flex-direction:column;gap:20px;} #customer .aside{flex:0 0 auto;} #customer .aside .menu{padding:10px 20px;} #customer .aside .menu ul{display:flex;overflow-x:auto;gap:10px;} #customer .aside .menu li{flex:0 0 auto;} #customer .aside .menu li + li{margin:0;} #customer .aside .menu li a p{font-size:14px;} #customer .aside .cloud{position:absolute;bottom:0;left:0;width:100%;} #customer .content{} #customer .content .header .title{font-size:24px;line-height:30px;} #customer .content .header .bread{line-height:20px;margin-top:10px;font-size:12px;} #customer .content .section{gap:20px;} #customer .content .section .baro{display:none;} #customer .content .section .member .list li .tit{font-size:14px;} #customer .content .section .member .list li .date{font-size:12px;} #customer .content .section .latest{width:100%;} #customer .content .section .latest .list li .tit{font-size:14px;} #customer .content .section .latest .list li .date{font-size:12px;} #location{} #location .search{} #location .search .loca{justify-content:flex-start;padding:10px;} #location .search .loca svg{width:16px;height:16px;} #location .search .loca span{font-size:14px;} #location .search .loca a{font-size:12px;right:10px;height:28px;} #location .search .form{padding:15px;} #location .search .form .tit{margin:0;font-size:14px;} #location .search .form .sel{gap:5px;} #location .search .form .sel a{width:calc(33.33% - 3.33px);font-size:14px;} #location .search .form .frm{} #location .search .form .frm form{flex-direction:column;} #location .search .form .frm select{width:100%;} #location .search .form .frm input{width:100%;} #location .search .form .frm button{width:100%;} #location .premium{} #location .premium .header{line-height:32px;font-size:24px;} #location .premium .list ul{flex-wrap:wrap;gap:20px;} #location .premium .list li{display:flex;flex-direction:column;width:100%;} #location .premium .list li .img{flex:0 1 100%;aspect-ratio:16/10;height:auto;} #location .premium .list li .img a{display:block;width:100%;height:100%;} #location .premium .list li .con{gap:5px;padding:15px;} #location .premium .list li .con .title{} #location .premium .list li .con .title .name{line-height:22px;font-size:18px;} #location .premium .list li .con .text{} #location .premium .list li .con .text a{font-size:12px;} #location .premium .list li .con .info{flex-wrap:wrap;gap:5px;} #location .premium .list li .con .info dl{font-size:12px;} #location .premium .list li .con .company{flex-wrap:wrap;gap:5px;} #location .premium .list li .con .company dl{font-size:12px;} #location .banner{margin:0 -20px 40px;} #location .location{} #location .location .header{flex-wrap:wrap;padding:0 0 10px 0;} #location .location .header .tit{font-size:24px;line-height:32px;} #location .location .header .num{font-size:14px;line-height:32px;margin:0 0 0 auto;} #location .location .header .sort{width:100%;padding:10px 0 0 0;border-top:1px solid #dddddd;} #location .location .header .sort select{flex:0 1 100%;} #location .location .header .sort button{flex:0 0 auto;} #location .location .map{} #location .location .list{} #location .location .list.area{} #location .location .list.area ul{} #location .location .list.area li{width:100%;} #location .location .list.area li .img{} #location .location .list.area li .img .image{font-size:14px;} #location .location .list.area li .con{gap:5px;padding:15px 00 0 ;} #location .location .list.area li .con .title{} #location .location .list.area li .con .title .name{line-height:22px;font-size:18px;} #location .location .list.area li .con .text{} #location .location .list.area li .con .text a{font-size:12px;} #location .location .list.area li .con .info{flex-wrap:wrap;gap:5px;} #location .location .list.area li .con .info dl{font-size:12px;} #location .location .list.area li .con .company{flex-wrap:wrap;gap:5px;} #location .location .list.area li .con .company dl{font-size:12px;} #location .location .list.item{} #location .location .list.item ul{} #location .location .list.item li{width:100%;flex-wrap:wrap;padding:15px 0;border-top:1px solid #dddddd;} #location .location .list.item li .img{flex:0 0 auto;width:160px;} #location .location .list.item li .con{flex:1;max-width:calc(100% - 160px);padding:10px;display:flex;flex-direction:column;} #location .location .list.item li .con .title{order:1;} #location .location .list.item li .con .title .name{line-height:24px;font-size:16px;} #location .location .list.item li .con .title .name a{font-size:16px;} #location .location .list.item li .con .title .link{} #location .location .list.item li .con .title .link img{width:14px;height:14px;} #location .location .list.item li .con .info{order:3;margin:5px 0;gap:3px;} #location .location .list.item li .con .info dl{gap:3px;font-size:12px;} #location .location .list.item li .con .info dt{} #location .location .list.item li .con .info dt svg{width:16px;height:16px;} #location .location .list.item li .con .info dd{font-family: 'Malgun Gothic','dotum','돋움','gulim','굴림','Tahoma'} #location .location .list.item li .con .text{order:2;font-size:14px;} #location .location .list.item li .con .text a{font-size:14px;} #location .location .list.item li .act{display:none;} #sub_content{padding:0 20px 164px;} #sub_content .wrap{flex-direction:column;gap:20px;} #sub_content .aside{flex:0 0 auto;margin:-40px -20px 15px;} #sub_content .aside .menu{padding:0 10px;background: #eeeff2;} #sub_content .aside .menu.on{box-shadow:0 4px 4px rgb(0 0 0 / 5%)} #sub_content .aside .menu .menu_open{display:flex;height:50px;align-items:center;font-size:16px;background:url("../img/sub/theme_arrow.png") no-repeat right center;width:100%;} #sub_content .aside .menu ul{display:none;border:1px solid #ddd;padding:0 10px;margin:0 0 10px 0;background:#fff;} #sub_content .aside .menu li{flex:0 0 auto;} #sub_content .aside .menu li + li{margin:0;border-top:1px solid #ddd;} #sub_content .aside .menu li a{display:flex;align-items:center;height:38px;} #sub_content .aside .menu li a p{font-size:14px;} #sub_content .aside .cloud{position:absolute;bottom:0;left:0;width:100%;padding:10px;} #sub_content .aside .cloud .tit{margin:0 0 10px 0;} #sub_content .aside .cloud .con{height:82px;overflow-y:auto;} #sub_content .content{} #sub_content .content .header{margin-bottom:20px;} #sub_content .content .header .title{font-size:24px;line-height:30px;} #sub_content .content .header .bread{line-height:20px;margin-top:10px;font-size:12px;} #board_list{} #board_list .tools{flex-direction:column;align-items:stretch;} #board_list .tools .search{} #board_list .tools .search form{} #board_list .tools .search form select{width:auto;} #board_list .tools .search form input{width:100%;} #board_list .tools .search form button{width:auto;white-space:nowrap;padding:0 10px;text-indent:-9999em;gap:0;} #board_list .list{} #board_list .list .tbl_wrap{} #board_list .list .tbl_wrap table{display:block;border:0;} #board_list .list .tbl_wrap table thead{display:none;} #board_list .list .tbl_wrap table tbody{display:block;width:100%;} #board_list .list .tbl_wrap table tbody tr{display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;padding:15px 0;width:100%;} #board_list .list .tbl_wrap table tbody td{padding:0;font-size:12px;border:0;height:auto;} #board_list .list .tbl_wrap table .td_num2{display:none;} #board_list .list .tbl_wrap table .chk_box{display:none;} #board_list .list .tbl_wrap table .td_subject{text-align:left} #board_list .list .tbl_wrap table .td_subject .bo_tit a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:14px;font-family: 'malgun gothic';} #board_list .list .tbl_wrap table .td_subject .new_icon{white-space:nowrap;font-size:10px;} #board_list .list .tbl_wrap table .td_name{display:none;} #board_list .list .tbl_wrap table .td_datetime{margin:6px 0 0 0;text-align:left;width:100%;font-size:12px;font-family: 'malgun gothic';} #board_list .list .faq_wrap{} #board_list .list .faq_wrap ul{} #board_list .list .faq_wrap li{} #board_list .list .faq_wrap li.on .faq_a{} #board_list .list .faq_wrap .faq_a{height:auto;min-height:50px;padding:10px 0} #board_list .list .faq_wrap .faq_a .ico{width:45px;} #board_list .list .faq_wrap .faq_a .tit{flex:1;} #board_list .list .faq_wrap .faq_a .tit a{font-size:14px;} #board_list .list .faq_wrap .faq_a .arw{width:45px;} #board_list .list .faq_wrap .faq_b{padding:15px 0;} #board_list .list .faq_wrap .faq_b .ico{width:45px;} #board_list .list .faq_wrap .faq_b .txt{padding:0 45px 0 0;} #board_list .list .faq_wrap .faq_b .txt a{font-size:14px;font-weight:400;color:#999;} #board_view{} #board_view .heading{padding:15px 0 0 0;} #board_view .heading .title{line-height:1.4;font-size:18px;} #board_view .profile{padding:15px 0;} #board_view .profile .profile_info{padding:0 0 15px;} #board_view .profile .profile_info .lt, #board_view .profile .profile_info .rt{font-size:13px;} #board_view .profile .profile_info .report{} #board_view .profile .profile_info .report a{font-size:13px;} #board_view.board_faq .contents{padding:15px;} #board_write{} #board_write .form{} #board_write .form dl{flex-direction:column;} #board_write .form dt{border-right:0;border-bottom:1px solid #ddd;width:100%;padding:10px;} #board_write .form dd{width:100%;padding:10px 0;} #board_write .form dd + dt{border-top:1px solid #ddd;} #board_write .form dd input{font-size:14px;} #board_write .form dd select{font-size:14px;} #board_write .form dt.empty, #board_write .form dd.empty{display:none;} #review{position:relative;flex-direction:column;margin:0 -20px;padding:0;gap:0;align-items:stretch;} #review .aside{margin:0;flex:0 0 auto;width:100%;} #review .aside .title{display:none;} #review .aside .list{flex-direction:row;padding:16px 12px;gap:12px;overflow:hidden;overflow-x:auto;} #review .aside .list{-ms-overflow-style: none;} #review .aside .list::-webkit-scrollbar{display:none;} #review .aside .list dl{flex:0 0 auto;border:0;} #review .aside .list dl dt{padding:0;display:flex;flex-direction:column;gap:8px;line-height:14px;font-size:11px;font-weight:500;color:rgb(150, 152, 156);} #review .aside .list dl dt:before{content:'';width:56px;height:56px;border-radius:24px;display:flex;align-items:center;justify-content:center;border:1px solid rgb(236, 238, 241)} #review .aside .list dl dt svg{display:none;} #review .aside .list dl dt a{color:rgb(150, 152, 156);} #review .aside .list dl dd{display:none !important;} #review .aside .list dl dt.on:before{border:1px solid rgb(150, 152, 156);} #review .aside .list dl dt.on, #review .aside .list dl dt.on a{color: rgb(40, 42, 46);} #review .content{} #review .content .tool{padding:16px 12px;margin:0;} #review .content .sorted{position:relative;} #review .content .sorted .sorted-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer;height:20px;gap:4px;} #review .content .sorted .sorted-toggle i{width:16px;height:16px;background:url("../img/sub/Updown.svg") no-repeat center / auto 16px;} #review .content .sorted .sorted-toggle span{font-weight: 400;font-size: 15px;line-height: 20px;white-space: pre-wrap;word-break: keep-all;color: rgb(40, 42, 46);} #review .content .sorted .sorted-menu{position:absolute;top:0;right:0;background:rgb(255, 255, 255);box-shadow:rgba(0, 0, 0, 0.2) 0px 4px 12px;border-radius:8px;z-index:10;display:flex;flex-direction:column;gap:4px;opacity:0;visibility:hidden;} #review .content .sorted .sorted-menu a{display:flex;align-items:center;justify-content:space-between;width:127px;padding:10px 12px;text-align:left;font-weight: 400;font-size: 15px;line-height: 20px;white-space: pre-wrap;word-break: keep-all;color: rgb(90, 92, 96);} #review .content .sorted .sorted-menu a.on{color:rgb(123, 63, 241);} #review .content .sorted .sorted-menu a.on:after{content:'';width:16px;height:16px;background:url("../img/sub/select-primary.svg") no-repeat center / contain;} #review .content .sorted .sorted-menu a:hover{background:rgb(241, 243, 246);border-radius:4px;} #review .content .sorted.active .sorted-menu{opacity:1;visibility:visible;} .review-list{} .review-list ul{} .review-list li{flex-direction:column;gap:32px;} .review-list li .review-content{} .review-list li .review-content .info{font-size: 13px;line-height: 18px;} .review-list li .review-content .star{display:flex;align-items:center;gap:8px;} .review-list li .review-content .star .icon{height:16px;background-size:16px;} .review-list li .review-content .star .icon:before{height:16px;background-size:16px;} .review-list li .review-content .text{} .review-list li .review-content .thumb{} .review-list li .review-content .thumb .swiper-slide{width:60px;height:60px;} .review-list li .review-content .badge{gap:8px;} .review-list li .review-content .badge span{font-size: 13px;line-height: 18px;} .review-list li .review-content .help{margin-top:16px;} .review-list li .review-content .help a{font-size: 13px;line-height: 18px;} .review-list li .review-info{position:relative;flex:0 0 auto;width:100%;height:auto;gap:16px;border:0;padding:0;} .review-list li .review-info .store{height:88px;align-items:center;justify-content:space-between;padding:8px;border:1px solid rgb(236, 238, 241);border-radius:8px;} .review-list li .review-info .store .img{width:70px;height:70px;padding:12px;border-radius:8px;} .review-list li .review-info .store .con{flex:1;gap:0;} .review-list li .review-info .store .ico{display:flex;} .review-list li .review-info .store .brand{line-height:18px;font-size:13px;} .review-list li .review-info .store .name{line-height:20px;font-size:15px;} .review-list li .review-info .store .desc{line-height:18px;font-size:13px;} .review-list li .review-info .type{padding:12px;border-radius:8px;border:1px solid rgb(236, 238, 241);background:rgb(246, 248, 251);} .review-list li .review-info .type > ul{gap:0;} .review-list li .review-info .type > ul > li{} .review-list li .review-info .type > ul > li .ico{display:none;} .review-list li .review-info .type > ul > li .ico img{width:100%;height:100%;} .review-list li .review-info .type > ul > li .txt{flex-direction:row;gap:4px;} .review-list li .review-info .type > ul > li .txt:before{content:"·";min-width:3px;font-weight:900;color:rgb(90, 92, 96);margin:0 2px;line-height:18px;} .review-list li .review-info .type > ul > li .txt span{line-height:18px;font-size:13px;color:rgb(90, 92, 96);} .review-list li .review-info .type > ul > li .txt p{line-height:18px;font-size:13px;color:rgb(90, 92, 96);} .review-list li .review-info .more{position:absolute;top:0;left:0;width:100%;} .review-list li .review-info .more a{width:100%;height:88px;border:0;opacity:0;} .review-list li.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:100px 0;} .review-list li.empty svg{width:80px !important;;height:80px !important;object-fit:contain;} .review-list li.empty strong{line-height:24px;font-size:16px;font-weight:700;color:rgb(40, 42, 46);white-space:pre-wrap;word-break:keep-all;} .review-list li.empty span{line-height:20px;font-size:15px;font-weight:500;color:rgb(90, 92, 96);white-space:pre-wrap;word-break:keep-all;} .review-list li.middle-banner{} .review-list li.middle-banner img{width:100%;height:auto;} .review-list li.middle-banner img.lt-mobile{display:block;} .review-list li.middle-banner img.lt-desktop{display:none;} #bo_gall{} #bo_gall .gall_row{display:flex;flex-wrap:wrap;} #bo_gall .gall_row .col-gn-4{width:calc(100% / 2);} } @keyframes jkit-search-background { 0% { opacity: 0; -webkit-transform: scale(.04) translateY(300%); transform: scale(.04) translateY(300%) } 40% { -webkit-transform: scale(.04) translateY(0); transform: scale(.04) translateY(0); -webkit-transition: ease-out; transition: ease-out } 40% { -webkit-transform: scale(.04) translateY(0); transform: scale(.04) translateY(0) } 60% { opacity: 1; -webkit-transform: scale(.02) translateY(0); transform: scale(.02) translateY(0) } 61% { opacity: 1; -webkit-transform: scale(.04) translateY(0); transform: scale(.04) translateY(0) } 99.9% { opacity: 1; height: 0; padding-bottom: 100%; border-radius: 100% } 100% { opacity: 1; -webkit-transform: scale(2) translateY(0); transform: scale(2) translateY(0); height: 100%; padding-bottom: 0; border-radius: 0 } } @-webkit-keyframes jkit-ripple { 70% { -webkit-box-shadow: 0 0 0 15px currentColor; box-shadow: 0 0 0 15px currentColor; opacity: 0 } 100% { -webkit-box-shadow: 0 0 0 0 currentColor; box-shadow: 0 0 0 0 currentColor; opacity: 0 } }