#sub{background: #FFF6EA} .inner2{width: 1620px;margin: 0 auto} #sub .sub_visual{padding-top: 320px;padding-bottom: 85px} #sub .sub_visual .sv_title{overflow: hidden;position: relative;z-index: 5} #sub .sub_visual .sv_title strong{display: block;font-size: 120px;color: #361A0E;font-weight: 900;letter-spacing: -0.03em;text-align: center} #sub .sub_visual .sv_loc{display: flex;justify-content: center;margin-top: 70px} #sub .sub_visual .sv_loc ul {background: #fff;border-radius: 12px;border: 2px solid #533724;display: flex;gap: 70px;padding: 0 120px} #sub .sub_visual .sv_loc ul li a{display: flex;height: 56px;align-items: center;color: #533724;font-weight: 600;font-size: 20px;align-items: center;transition: 0.5s} #sub .sub_visual .sv_loc ul li.on a{color: #EA5717} #sub .sub_visual .sv_loc ul li:hover a{color: #EA5717} #sub .sub_fr_visual{background: #EA5717;position: relative;height: 800px;margin-bottom: 175px} #sub .sub_fr_visual .sv_title strong{color: #FFFFFF} #sub .sub_fr_visual .roll{position: absolute;bottom: 0;overflow: hidden;height: 100%;display: flex;align-items: flex-end;width: 100%} #sub .sub_fr_visual .roll .roll_w{display: flex;overflow: hidden;position: relative;top: 40px} #sub .sub_fr_visual .roll .roll_w strong{white-space: nowrap;font-size: 160px;color: #FE621E;font-weight: 900;animation: cr 30s infinite linear} @keyframes cr{ 0%{transform: translateX(0)} 100%{transform: translateX(-100%)} } #sub .sub_fr_visual .roll .house{position: absolute;z-index: 1;left: 50%;transform: translateX(-50%)} #sub .sub_fr_visual .roll .house img{display: block;transform: translateY(70%);transition: 1s;opacity: 0} #sub .sub_fr_visual.on .roll .house img{display: block;transform: translateY(0%);transition: 1s;opacity: 1;transition-delay: 0.3s} #sub .sub_fr_visual .roll .house svg{display: block} #sub .sub_visual.brand_visual{padding-top: 0;bottom: 0;position: relative;padding-bottom: 0;height: 100dvh;transition-duration: 1s} #sub .sub_visual.brand_visual .sv_title{position: absolute;top: 50%;transform: translateY(-50%);width: 100%} #sub .sub_visual.brand_visual .sv_title strong{color: #fff} #sub .sub_visual.brand_visual .vis_img{height: 100%;width: 100%;position: relative;transition: 1s;overflow: hidden} #sub .sub_visual.brand_visual .vis_img:after{content: '';display: block;width: 100%;height: 100%;background: #3D312C60;position: absolute;top: 0;left: 0;mix-blend-mode: multiply;opacity: 0;transition: 1s} #sub .sub_visual.brand_visual.on .vis_img:after{opacity: 1} #sub .sub_visual.brand_visual.on {height: 800px} #sub .sub_visual.brand_visual .vis_img img{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%)} #sub .sub_visual.brand_visual .sv_loc{position: absolute;bottom: 0;bottom: -30px;left: 50%;transform: translateX(-50%)} #sub .sub_fr_visual .sv_loc{position: absolute;bottom: -30px;width: 100%;z-index: 15} #sub .sch_w{display: flex;justify-content: flex-end;gap: 10px} #sub .sch_w select{background: none;border: 2px solid #E1D6C7;border-radius: 10px;width: 116px;height: 60px;padding-left: 28px;font-size: 17px;color: #533724;font-family: inherit} #sub .sch_w input{background: none;border: 2px solid #E1D6C7;border-radius: 10px;width: 400px;height: 60px;padding-left: 28px;font-size: 17px;color: #533724} #sub .sch_w button{position: absolute;right: 0;top: 0;padding-right: 30px;height: 100%;} #sub .sch_w button svg{display: block} #sub .sch_w div{position: relative} #sub .sub_con{padding-bottom: 160px} #sub.gal_board .list{margin-top: 40px} #sub.gal_board .list ul{display: flex;flex-wrap: wrap;gap: 60px 30px} #sub.gal_board .list ul li{width: calc(25% - 22.5px)} #sub.gal_board .list ul li .img{position: relative;overflow: hidden;border-radius: 20px} #sub.gal_board .list ul li .img img{display: block;position: relative;max-width: 100%;width: 100%;transition: 0.5s} #sub.gal_board.menu_list .list ul li.base_mot:hover .img img{transform: scale(1.15)} #sub.gal_board .list ul li:hover .img img{transform: scale(1.05)} #sub.gal_board .list ul li .img .more_btn{position: absolute;opacity: 1;bottom: 0;padding-bottom: 30px;transform: translateY(100%);transition: 0.5s;width: 100%;display: flex;justify-content: center;z-index: 15} #sub.gal_board .list ul li:hover .img .more_btn{transform: translateY(0)} #sub.gal_board .list ul li.no_view .img .more_btn{opacity: 0} #sub.gal_board .list ul li .txt{margin-top: 20px} #sub.gal_board .list ul li .txt strong{display: block;font-size: 20px;color: #533724;} #sub.gal_board.gal_board2 .list ul li{width: calc(33.33% - 20px)} #sub.gal_board.gal_board2 .list ul li .img > span{position: absolute;right: 20px;top: 20px;width: 120px;height: 60px;border-radius: 50px;background: #EA5717;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 24px;font-weight: 700;transition: 0.5s;z-index: 15} #sub.gal_board.gal_board2 .list ul li:hover .img > span{color: #EA5717;background: #fff} #sub .paging{margin-top: 80px} #sub .paging ul{display: flex;justify-content: center;gap: 10px} #sub .paging ul li a{display: flex;width: 45px;height: 45px;align-items: center;justify-content: center;font-size: 18px;color: #72574B;font-weight: 700;font-size: 18px;color: #72574B;font-weight: 900} #sub .paging ul li a svg{display: block} #sub .paging ul li.on a{color: #EA5717} #sub .paging ul li.prev, #sub .paging ul li.next{position: relative} #sub .paging ul li.prev:before, #sub .paging ul li.next:before{content: '';display: block;width: 100%;height: 100%;border-radius: 50%;background: #533724;position: absolute;top: 3px;left: 3px;} #sub .paging ul li.prev a, #sub .paging ul li.next a{background: #fff;border: 2px solid #533724;border-radius: 50%;position: relative;z-index: 2} #sub.gal_view .more_btn{opacity: 1;transform: none} #sub.gal_view .v_title{border-bottom: 2px dashed #361A0E;padding: 0 70px;padding-bottom: 40px} #sub.gal_view .v_title strong{display: block;font-size: 28px;color: #533724;margin-bottom: 20px} #sub.gal_view .v_title p{font-size: 18px;color: #72574B} #sub.gal_view .v_content{border-bottom: 1px solid #E6D5CD;padding: 50px 70px;min-height: 300px;margin-bottom: 60px} #sub.gal_view .v_content img{max-width: 100%} #sub.gal_view .more_btn{display: flex;justify-content: center} #sub .s_title {text-align: center;margin-bottom: 80px} #sub .s_title .tag{display: flex;justify-content: center;margin-bottom: 50px} #sub .s_title .tag div{position: relative} #sub .s_title .tag div:before{content: '';display: block;width: 100%;height: 100%;border-radius: 50px;background: #FE621E;position: absolute;top: 5px;left: 0px} #sub .s_title .tag em{display: flex;font-size: 24px;color: #FE621E;font-weight: 900;height: 55px;align-items: center;border: 2px solid #FE621E;border-radius: 28px;background: #fff;padding: 0 30px;position: relative;z-index: 5} #sub .s_title strong{display: block;font-size: 60px;color: #361A0E;font-weight: 700;text-align: center;line-height: 80px;} #sub .s_title strong b{color: #FE621E;font-weight: inherit} #sub .s_title p{font-size: 26px;color: #361A0E;line-height: 42px;margin-top: 40px;font-weight: 500} #sub.interor .int_big{justify-content: center;display: flex;margin-bottom: 140px} #sub.interor .loop_cont .cont > div{width: 3108px;position: relative} #sub.interor .loop_cont .cont .clone{position: absolute;top: 0} #sub.interor .loop_cont .cont.cont01{margin-bottom: 30px} #sub.interor .loop_cont .cont.cont01 .clone{left: 100%} #sub.interor .loop_cont .cont.cont02 .clone{left: -100%} #sub.interor .loop_cont .cont > div > div{padding-left: 30px} #sub.interor .loop_cont .cont01 > div > div{animation: 50s loop01 infinite linear} #sub.interor .loop_cont .cont02 > div > div{animation: 50s loop02 infinite linear} @keyframes loop01{ 0%{transform: translateX(0)} 100%{transform: translateX(-100%)} } @keyframes loop02{ 0%{transform: translateX(0)} 100%{transform: translateX(100%)} } #sub.inquiry .con01{width: 1400px;margin: 0 auto} #sub.inquiry .con01 .f_list ul{display: flex;flex-wrap: wrap;gap: 60px 40px} #sub.inquiry .con01 .f_list ul li{width: calc(50% - 20px)} #sub.inquiry .con01 .f_list ul li input[type="text"]{display: block;width: 100%;height: 60px;border: 2px solid #E1D6C7;border-radius: 10px;padding: 0 30px;color: #533724;background: none;font-size: 17px;color: #857971;font-family: 'Paperozi';} #sub.inquiry .con01 .f_list ul li textarea{display: block;width: 100%;height: 60px;border: 2px solid #E1D6C7;border-radius: 10px;padding: 0 30px;color: #533724;background: none;font-size: 17px;color: #857971;font-family: 'Paperozi';} #sub.inquiry .con01 .f_list ul li select{display: block;width: 100%;height: 60px;border: 2px solid #E1D6C7;border-radius: 10px;padding: 0 30px;color: #533724;background: none;font-size: 17px;color: #857971;font-family: 'Paperozi';} #sub.inquiry .con01 .f_list ul li input[type="text"]::placeholder{color: #857971} #sub.inquiry .con01 .f_list ul li .inp{display: flex;gap: 20px} #sub.inquiry .con01 strong{display: block;font-size: 20px;color: #533724;margin-bottom: 20px;margin-bottom: 20px} #sub.inquiry .con01 strong b{color: #EA5717} #sub.inquiry .con01 .chk_w{display: flex;gap: 100px;height: 60px;align-items: center} #sub.inquiry .con01 .chk_w div{display: flex;gap: 10px;align-items: center} #sub.inquiry .con01 .chk_w label{font-size: 18px;color: #533724} #sub.inquiry .con01 .privacy{margin-top: 60px;} #sub.inquiry .con01 .privacy_w{background: #F9EDDD;padding: 35px;height: 215px;border-radius: 10px} #sub.inquiry .con01 .privacy_w div{height: 100%;overflow-y: scroll} #sub.inquiry .con01 .privacy_w p{color: #615853;font-size: 16px;line-height: 28px;font-weight: 500;white-space: pre-wrap} #sub.inquiry .con01 .more_btn{opacity: 1;display: flex;justify-content: center;margin-top: 70px;transform: translateX(0)} #sub.inquiry .con01 .f_list ul li.line1{width: 100%} #sub.inquiry .con01 .f_list ul li.line1 textarea{height: 160px;padding-top: 25px} #sub.inquiry .con01 .chk_w label{display: flex;align-items: center;gap: 12px} #sub.inquiry .con01 .chk_w label:before{content: '';display: block;width: 30px;height: 30px;background: url(/img/sub/chk.png)} #sub.inquiry .con01 .chk_w input[type="checkbox"]:checked + label:before { background: url(/img/sub/chk_on.png); } #sub.inquiry .con01 .chk_w input[type="radio"]:checked + label:before { background: url(/img/sub/chk_on.png); } #sub.inquiry .con01 .chk_w div{position: relative} #sub.inquiry .con01 .chk_w input{position: absolute;top: 0;left: 0;opacity: 0} #sub.price .con02 .step{width: 1485px;margin: 0 auto;position: relative} #sub.price .con02 .step .bg{position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);top: 40.5%} #sub.price .con02.on .step .bg i{position: absolute;top: -70px;animation: seoo 15s;left: 0;animation-fill-mode: forwards} #sub.price .con02 .step .bg i img{display: block; animation: walk 1s infinite;} #sub.price .con02 .step .bg .pc{display: block} #sub.price .con02 .step .bg .mo{display: none} @keyframes seoo { 0% { left: 0%; top: -50px; transform: scaleX(1); /* 오른쪽 이동 */ } 40% { left: 90%; top: -50px; transform: scaleX(1); /* 계속 오른쪽 */ } 50% { left: 90%; top: -50px; transform: scaleX(-1); /* 방향 전환 (왼쪽 보기) */ } 60% { left: 90%; top: 70%; transform: scaleX(-1); /* 아래로 이동하면서 왼쪽 */ } 100% { left: 0%; top: 70%; transform: scaleX(-1); /* 왼쪽 이동 */ } } #sub.price .con02 .step ul{display: flex;flex-wrap: wrap;gap: 60px 0;position: relative;z-index: 15;} #sub.price .con02 .step ul li{width: 33.33%;text-align: center} #sub.price .con02 .step ul li .icon{width: 170px;background: #fff;border: 2px solid #533723;border-radius: 15px;position: relative;margin: 0 auto;margin-bottom: 30px} #sub.price .con02 .step ul li .icon svg{display: block} #sub.price .con02 .step ul li .icon span{display: block;left: 50%;transform: translateX(-50%) translateY(-50%);position: absolute;top: 0;border: 4px solid #FFF6EA;display: flex;height: 44px;background: #361A0E;border-radius: 50px;font-size: 18px;color: #FFFFFF;font-weight: 900;align-items: center;padding: 0 16px;white-space: nowrap} #sub.price .con02 .step ul li .txt strong{display: block;font-size: 24px;color: #361A0E;font-weight: 700;display: block} #sub.price .con02 .step ul li .txt p{font-size: 18px;color: #72574B;line-height: 34px;font-weight: 500;margin-top: 15px} #sub.price .con02 .step ul li:nth-child(1){order: 1} #sub.price .con02 .step ul li:nth-child(2){order: 2} #sub.price .con02 .step ul li:nth-child(3){order: 3} #sub.price .con02 .step ul li:nth-child(6){order: 4} #sub.price .con02 .step ul li:nth-child(5){order: 5} #sub.price .con02 .step ul li:nth-child(4){order: 6} /* #sub.price .con02 .step ul li:last-child .icon span{background: #FE621E;border-color: #fff} #sub.price .con02 .step ul li:last-child .icon{background: #361A0E} */ #sub.price .con01{margin-bottom: 140px} #sub.price .con01 .price_w{background: #FFFFFF;border-radius: 20px;width: 1620px;margin: 0 auto;max-width: 100%;padding: 70px;border: 2px solid #ECDED4} #sub.price .con01 .price_w strong{display: block;font-size: 32px;color: #361A0E;margin-bottom: 24px} #sub.price .con01 .price_w table{width: 100%} #sub.price .con01 .price_w table th{background: #361A0E;height: 70px;vertical-align: middle;font-size: 20px;color: #FFFFFF} #sub.price .con01 .price_w table th:nth-child(1){border-radius: 10px 0 0 10px;width: 25%} #sub.price .con01 .price_w table th:last-child{border-radius: 0 10px 10px 0} #sub.price .con01 .price_w table td{text-align: center;padding: 20px 0;font-size: 18px;color: #361A0E;line-height: 32px;font-weight: 600;border-bottom: 1px solid #E2D5CF;vertical-align: middle} #sub.price .con01 .price_w .table01{margin-bottom: 60px} #sub.price .con01 .price_w .table02{margin-bottom: 30px} #sub.price .con01 .total{display: flex;justify-content: space-between;background: #F8F4EE;height: 100px;align-items: center;border-radius: 10px;padding-right: 80px} #sub.price .con01 .total span{display: block;width: 25%;text-align: center;color: #FE621E;font-size: 24px;font-weight: 700} #sub.price .con01 .total strong{margin-bottom: 0} #sub.price .con01 .total div{display: flex;align-items: center;gap: 10px} #sub.price .con01 .total div p{color: #A58D82;font-size: 18px;font-weight: 500;position: relative;top: 5px} #sub.price .con01 .info_list{border-top: 3px dashed #91766A;padding-top: 50px;margin-top: 50px} #sub.price .con01 .info_list ul{display: flex;flex-direction: column;gap: 20px} #sub.price .con01 .info_list ul li{font-size: 18px;line-height: 32px;color: #72574B;font-weight: 500;position: relative;padding-left: 14px} #sub.price .con01 .info_list ul li:before{content: '';display: block;width: 4px;height: 4px;box-sizing: border-box;border: 1px solid #72574B;border-radius: 50%;position: absolute;left: 0;top: 12px} #sub.price .con01 .info_list span{display: block;font-size: 16px;color: #9E8980;line-height: 30px;margin-top: 30px} #sub.franchise .con01 {margin-bottom: 165px} #sub.franchise .con01 ul{display: flex} #sub.franchise .con01 ul li{flex: 1;text-align: center} #sub.franchise .con01 ul li span{display: block;font-size: 26px;color: #361A0E;font-weight: 600;margin-top: 25px} #sub.franchise .con01 ul li strong{display: block;font-size: 26px;color: #361A0E;font-weight: 600;margin-top: 4px} #sub.franchise .con01 ul li strong b{font-size: 48px;color: #EA5717;font-weight: inherit} #sub.franchise .con01 ul li p{font-size: 18px;color: #72574B;font-weight: 500;margin-top: 30px;} #sub.franchise .con01 .list{position: relative} #sub.franchise .con01 .list .line{position: absolute;left: 50%;top: 0;width: 1px;height: 100%;border-left: 2px dashed #533724} #sub.franchise .con01 .list .line{position: absolute;left: 50%;top: 0;width: 1px;height: 100%;border-left: 2px dashed #533724} #sub.franchise .con02 .wrap{background: #fff;border: 2px solid #ECDED4;border-radius: 20px;padding: 0 70px;padding-bottom: 120px} #sub.franchise .con02 .wrap .s_title, #sub.franchise .con04 .wrap .s_title{margin-top: -30px} #sub.franchise .con02 .checklist {display: flex;gap: 40px;flex-wrap: wrap;position: relative} #sub.franchise .con02 .checklist:before{content: '';display: block;width: 100%;height: 1px;top: 50%; border-top: 2px dashed #533724;position: absolute;left: 0} #sub.franchise .con02 .checklist:after{content: '';display: block;height: 100%;width: 1px;left: 50%; border-left: 2px dashed #533724;position: absolute;top: 0} #sub.franchise .con02 .checklist .pizza_w{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 15} #sub.franchise .con02 .checklist .pizza_w img{display: block} #sub.franchise .con02 .checklist .txt{background: #F8F4EE;height: 384px;width: calc(50% - 20px);padding-top: 95px;border-radius: 10px} #sub.franchise .con02 .checklist .txt i{display: block;} #sub.franchise .con02 .checklist .txt strong{font-size: 42px;color: #361A0E;font-weight: 700;display: block;margin-top: 15px;transition: 0.5s} #sub.franchise .con02 .checklist .txt p{transition: 0.5s} #sub.franchise .con02 .checklist .txt:hover strong{color: #fff} #sub.franchise .con02 .checklist .txt:hover p{color: #9C7B6C} #sub.franchise .con02 .checklist .txt p{font-size: 18px;color: #72574B;line-height: 34px;margin-top: 20px;} #sub.franchise .con02 .checklist .txt span{color: #9C8A82;font-size: 16px;;line-height: 24px;} #sub.franchise .con02 .checklist .txt_right{padding-left: 415px} #sub.franchise .con02 .checklist .txt_left{padding-right: 415px;text-align: right} #sub.franchise .con02, #sub.franchise .con03{margin-bottom: 140px} #sub.franchise .con03 ul{display: flex;flex-wrap: wrap;gap: 60px 30px} #sub.franchise .con03 ul li{width: calc(33.33% - 20px)} #sub.franchise .con03 ul li .img{position: relative;z-index: 2} #sub.franchise .con03 ul li:nth-child(2) .img img{display: flex;transform: rotateY(180deg)} #sub.franchise .con03 ul li .img img{display: block;margin: 0 auto} #sub.franchise .con03 ul li .txt{background: #F9EDDD;height: 357px;display: flex;align-items: flex-end;padding: 40px;margin-top: -175px;border-radius: 10px;transition-duration: 0.5s} #sub.franchise .con03 ul li:hover .txt{background: #361A0E} #sub.franchise .con03 ul li .txt span{display: block;font-size: 20px;color: #FE621E;font-weight: 800;transition-duration: 0.5s} #sub.franchise .con03 ul li .txt strong{font-size: 34px;color: #361A0E;font-weight: 700;margin-top: 10px;display: block;transition-duration: 0.5s} #sub.franchise .con03 ul li .txt p{font-size: 18px;color: #72574B;line-height: 32px;margin-top: 20px;transition-duration: 0.5s} #sub.franchise .con03 ul li:hover .txt strong{color: #fff} #sub.franchise .con03 ul li:hover .txt p{color: #9C7B6C} #sub.franchise .con04 {margin-bottom: 140px} #sub.franchise .con04 .wrap{background: #fff;border: 2px solid #ECDED4;border-radius: 20px;padding: 0 70px;} #sub.franchise .con04 ul{display: flex;gap: 40px;margin-bottom: 60px;justify-content: center} #sub.franchise .con04 ul .img{border-radius: 10px;overflow: hidden} #sub.franchise .con04 ul .img img{display: block;width: 100%} #sub.franchise .con04 .txt {margin-bottom: 40px} #sub.franchise .con04 .txt p{font-size: 20px;color: #72574B;line-height: 32px;text-align: center;font-weight: 600} #sub.franchise .con04 .txt span{font-size: 16px;color: #9A8E89;margin-top: 30px; text-align: center;font-weight: 600;;display:block} #sub.franchise .con04 svg{display: block;margin: 0 auto} #sub.franchise .con05 .s_title strong{display: flex;justify-content: center} #sub.franchise .con05 .s_title strong b:nth-child(1){position: relative;display: block;text-align: right} #sub.franchise .con05 .s_title strong b{position: absolute;top: 0%;left: 0;display: block;;width: 100%;transform: translateY(100%);text-align: right} #sub.franchise .con05 .s_title strong b.prev{transform: translateY(-100%);transition: 0.5s} #sub.franchise .con05 .s_title strong b.on{transform: translateY(0%);transition: 0.5s;top: 0} #sub.franchise .con05 .s_title strong b.next{transform: translateY(100%);transition: 0.5s} #sub.franchise .con05 .s_title strong div{position: relative;overflow: hidden} #sub.franchise .con05 ul{display: flex;gap: 40px;position: relative} #sub.franchise .con05 ul:before{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 50%;border-left: 2px dashed #533724} #sub.franchise .con05 ul li{flex: 1} #sub.franchise .con05 ul li img{display: block;max-width: 100%} #sub.franchise .con05 ul li .img{border-radius: 10px;overflow: hidden} #sub.franchise .con05 ul li strong{font-size: 60px;color: #361A0E;font-weight: 900;display: block;margin-bottom: 20px;text-align: center} #sub.franchise .con05 ul li .txt{margin-top: 40px} #sub.franchise .con05 ul li span{font-size: 34px;color: #361A0E;line-height: 48px;text-align: center;display: block;font-weight: 700} #sub.franchise .con05 ul li span b{color: #FE621E;font-weight: inherit} #sub.franchise .con05 ul li p{font-size: 20px;color: #72574B;line-height: 32px;margin-top: 20px;font-weight: 600;text-align: center} #sub.gal_board.menu_list .list ul {gap: 60px 30px} #sub.gal_board.menu_list .list ul li .img{background: #F9EDDD;display: flex;align-items: center;justify-content: center; aspect-ratio: 520 / 520;position: relative} #sub.gal_board.menu_list .list ul li .img:before{content: '';display: block;width: 1200px;height: 1200px;position: absolute;bottom: -600px;left: 50%;margin-left: -600px;background: #EA5717;border-radius: 50%;transition: 1.5s;transform: scale(0.0);} #sub.gal_board.menu_list .list ul li:hover .img:before{transform: scale(12);opacity: 1} #sub.gal_board.menu_list .list ul li .img img{width: 90%;position: relative;z-index: 5} #sub.gal_board.menu_list .list ul li:hover .img img{transform: rotate(70deg)} #sub.gal_board.menu_list .list ul li .info{text-align: center;margin-top: 30px} #sub.gal_board.menu_list .list ul li .info strong{font-size: 36px;color: #533724;font-weight: 700} #sub.gal_board.menu_list .list ul li .info p{font-size: 18px;color: #72574B;font-weight: 500;margin-top: 15px} #sub.gal_board.menu_list .list ul li .size{display: flex;justify-content: center;;gap: 20px;align-items: center;margin-top: 30px} #sub.gal_board.menu_list .list ul li .size span{display: flex;width: 34px;height: 34px;border-radius: 50%;background: #EA5717;align-items: center;justify-content: center;font-size: 14px;color: #FFFFFF;font-weight: 800} #sub.gal_board.menu_list .list ul li .size i{width: 1px;height: 19px;background: #E2CDBF;display: block;} #sub.gal_board.menu_list .tabs ul{display: flex;gap: 40px;align-items: center;justify-content: flex-end} #sub.gal_board.menu_list .tabs ul li button{font-size: 22px;color: #533724;font-weight: 700;display: flex;align-items: center;gap: 10px} #sub.gal_board.menu_list .tabs ul li button svg{display: block} #sub.gal_board.menu_list .tabs ul li button .icon{position: relative} #sub.gal_board.menu_list .tabs ul li button .icon:before{content: '';display: block;width: 100%;height: 100%;border-radius: 50%;background: #533724;top: 2px;left: 2px;position: absolute} #sub.gal_board.menu_list .tabs ul li button i{display: block;width: 34px;height: 34px;border-radius: 50%;box-sizing: border-box;border: 2px solid #533724;background: #fff;align-items: center;justify-content: center;display: flex;position: relative;z-index: 2} #sub.brand .sub_con{padding-top: 175px;} #sub.about .sub_con{padding-bottom: 0;} #sub.brand .a_title{margin-bottom: 40px;} #sub.brand .a_title div{overflow: hidden} #sub.brand .a_title strong{display: block;font-size: 100px;color: #361A0E;font-weight: 900} #sub.direction .map_w{height: 550px;border-radius: 10px;overflow: hidden} #sub.direction .map_w .root_daum_roughmap_landing{width: 102%;height: 102%;position: relative;top: -1%;left: -1%} #sub.direction .map_w .root_daum_roughmap_landing .wrap_map{width: 100%;height: 100%} #sub.direction .c_wrap{display: flex;padding-top: 65px} #sub.direction .c_wrap > div{padding-left: 80px} #sub.direction .c_wrap p{font-size: 22px;color: #361A0E;font-weight: 600} #sub.direction .c_wrap ul{display: flex;flex-direction: column;gap: 30px} #sub.direction .c_wrap ul li {font-size: 22px;color: #361A0E;font-weight: 600;display: flex;gap: 20px;align-items: center} #sub.direction .c_wrap ul li svg{display: block} #sub.direction .c_wrap strong{display: block;font-size: 22px;color: #FE621E;font-weight: 900;margin-bottom: 15px;} #sub.direction .c_wrap .left{display: flex;flex-direction: column;gap: 60px;width: 660px;border-right: 2px dashed #361A0E} #sub.direction .c_wrap .right strong{margin-bottom: 60px} #sub.brand_bi .con01{margin-bottom: 140px} #sub.brand_bi .con01 img{max-width: 100%;display: block} #sub.brand_bi .con01 ul{display: flex;gap: 25px;margin-top: 25px} #sub.brand_bi .con01 ul li{flex: 1} #sub.brand_bi .con01 .bi{border-radius: 10px;overflow: hidden;position: relative} #sub.brand_bi .con01 .bi span{position: absolute;top: 25px;left: 25px;display: flex;height: 44px;align-items: center;background: #2C1306;border-radius: 22px;padding: 0 25px;font-size: 18px;color: #FFFFFF;font-weight: 500} #sub.brand_bi .con01 ul li:nth-child(1) .bi span{background: #fff;color: #2C1306} #sub.brand_bi .con01 ul li:nth-child(2) .bi span{background: #fff;color: #2C1306} #sub.brand_bi .con02 .wrap{display: flex;flex-direction: column;gap: 20px} #sub.brand_bi .con02 .wrap img{display: block;max-width: 100%} #sub.brand_bi .con02 .wrap .box{display: flex;gap: 20px} #sub.brand_bi .con03 {padding-top: 140px;padding-bottom: 160px} #sub.brand_bi .con03 ul{display: flex;gap: 25px} #sub.brand_bi .con03 ul img{max-width: 100%;display: block} #sub.brand_bi .con03 ul li span{display: inline-block;line-height: 44px;background: #2C1306;padding: 0 25px;border-radius: 30px;font-size: 18px;color: #FFFFFF;font-weight: 600;margin-bottom: 20px} #sub.brand_bi .sub_con {padding-bottom: 0} #sub.brand_bi .con04 {background: #fff;padding-top: 140px;padding-bottom: 160px} #sub.brand_bi .con04 .col_w{display: flex;gap: 120px} #sub.brand_bi .con04 .col_w .wr{display: flex;gap: 50px;} #sub.brand_bi .con04 .col_w .wr div{flex: 1} #sub.brand_bi .con04 .col_w .wr img{width: 100%} #sub.brand_bi .con04 .col_w .wr img{display: block;width: 100%} #sub.brand_bi .con04 .col_w span{display: inline-block;line-height: 44px;background: #2C1306;padding: 0 25px;border-radius: 30px;font-size: 18px;color: #FFFFFF;font-weight: 600;margin-bottom: 20px} #pop_w{background: rgba(83,55,36,0.3);position: fixed;z-index: 999;width: 100%;height: 100%;backdrop-filter: blur(20px);z-index: 99999;display: none} #pop_w .pop_in{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center} #pop_w .pop_in .pop_con{background: #fff;height: calc(100dvh - 160px);border-radius: 10px;overflow-y: scroll;padding: 80px 50px;} #pop_w .pop_in .pop_con strong{font-size: 38px;color: #533724;font-weight: 700;display: block;margin-bottom: 30px;text-align: center} #pop_w .pop_in .pop_wr{position: relative} #pop_w .pop_in .pop_wr button{position: absolute;right: -72px;top: 0} #pop_w .pop_in .pop_wr button i{width: 60px;height: 60px;background: #FFFFFF;border-radius: 10px;box-sizing: border-box;border: 2px solid #533724;display: flex;align-items: center;justify-content: center;position: relative;z-index: 5} #pop_w .pop_in .pop_wr button:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 10px;top: 5px;left: 5px;background: #533724} #sub.interor .int_big{padding: 0 20px} #sub.interor .int_big img{max-width: 100%} #sub.store .sch_w{justify-content: center} #sub.store .sch_w select{width: 200px} #sub.store .store_content{display: flex;justify-content: space-between;margin-top: 60px} #sub.store .store_content .map_w{background: #F9EDDD;width: 50%;display: flex;align-items: center;justify-content: center;border-radius: 10px}#sub.store .store_content .map_w #sub.store .store_content .map_w g{cursor: pointer} #sub.store .store_content .map_w .comming_soon{opacity: 0.74} #sub.store .store_content .map_w g path{cursor: pointer} #sub.store .store_content .map_w g text{cursor: pointer} #sub.store .store_content .map_w g.on path{fill:#EA5717 !important;stroke: #EA5717 !important} #sub.store .store_content .map_list{width: calc(50% - 40px);height: 820px;overflow-y: scroll;padding-right: 15px;} #sub.store .store_content .map_list ul{display: flex;flex-direction: column;gap: 20px;} #sub.store .store_content .map_list ul li a{display: block;border-radius: 10px;} #sub.store .store_content .map_list ul li a .info{display: flex;height: 190px;background: #FFFFFF;flex-direction: column;justify-content: center;gap: 15px;padding: 0 35px;border-radius: 10px;position: relative;z-index: 15;border: 2px solid #fff} #sub.store .store_content .map_list ul li:hover a .info{border-color: #EA5717} #sub.store .store_content .map_list ul li a .info strong{display: block;font-size: 22px;color: #533724} #sub.store .store_content .map_list ul li .info_list{display: flex;flex-wrap: wrap;gap: 10px 60px;} #sub.store .store_content .map_list ul li .info_list div:nth-child(1){width: 100%} #sub.store .store_content .map_list ul li .info_list div{display: flex;align-items: center;gap: 12px;} #sub.store .store_content .map_list ul li .info_list div svg{display: block} #sub.store .store_content .map_list ul li .info_list div p{font-size: 16px;color: #72574B;font-weight: 500} #sub.store .store_content .map_list ul li .wrap{position: relative;background: #EA5717;border-radius: 10px;transition: 0.5s} #sub.store .store_content .map_list ul li:hover .wrap{padding-left: 80px} #sub.store .store_content .map_list ul li .wrap .arr{position: absolute;width: 80px;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;left: 0} #sub.store .sub_visual p{font-size: 24px;color: #72574B;font-weight: 500;text-align: center;margin-top: 30px} #sub.store .sub_visual{border-bottom: 2px dashed #361A0E;width: calc(100% - 160px);margin: 0 auto;margin-bottom: 80px;} #sub .menu_visual{position: relative;height: 970px;overflow: hidden;position: relative} #sub .menu_visual .man{position: absolute;z-index: 15;bottom: 0;right: 150px} #sub .menu_visual .man svg{display: block} #sub .menu_visual:before{content: '';display: block;width: calc(100% - 180px);bottom: 0;border-bottom: 2px dashed #361A0E;left: 80px;bottom: 0;position: absolute;z-index: 215} #sub .menu_visual .pizza_in{position: absolute;left: 50%;transform: translateX(-50%) translateY(50%);bottom: 0} #sub.menu_view.non_pizza .menu_visual .pizza_in .pizza{transform: translate(-50%,-95%)} #sub .menu_visual .pizza_in .pizza{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)} #sub .menu_visual .pizza_in .name_box{position: absolute;top: -40px;left: -72px;width: 600px;height: 260px;background: #2C1306;border-radius: 10px;padding: 10px;} #sub .menu_visual .pizza_in .name_box > div{width: 100%;height: 100%;border: 2px dashed #573321;border-radius: 10px;display: flex;justify-content: center;flex-direction: column;padding: 0 40px} #sub .menu_visual .pizza_in .name_box > div strong{font-weight: 700;color: #FFFFFF;display: block;font-size: 52px;margin-bottom: 12px;word-break: keep-all} #sub .menu_visual .pizza_in .name_box > div p{font-weight: 500;color: #FFFFFF;display: block;font-size: 24px;margin-bottom: 25px} #sub .menu_visual .pizza_in .name_box > div div{display: flex;gap: 20px;align-items: center} #sub .menu_visual .pizza_in .name_box > div i{width: 1px;height: 20px;display: block;background: #E2CDBF} #sub .menu_visual .pizza_in .name_box > div span{display: flex;width: 40px;height: 40px;align-items: center;justify-content: center;background: #FFFFFF;border-radius: 50%;font-size: 18px;font-weight: 700;color: #EA5717} #sub.menu_view .more_btn{transform: none;opacity: 1;display: flex;justify-content: center;margin-top: 80px} #sub.menu_view.non_pizza .wood{opacity: 0} #sub.menu_view.non_pizza .menu_visual .pizza_in .pizza img{width: 1000px} #sub.menu_view .sub_con{padding-top: 140px;} #sub.menu_view .con01 > div{flex: 1} #sub.menu_view .con01 .title {margin-bottom: 30px;} #sub.menu_view .con01 .title strong{display: block;font-size: 24px;color: #533724;font-weight: 700} #sub.menu_view .con01 .left table{width: 100%} #sub.menu_view .con01 .left table th{color: #827C77;font-weight: 500;height: 60px;background: #F9EDDD; vertical-align: middle;text-align: center;font-size: 18px;color: #533724;font-weight: 700} #sub.menu_view .con01 .left table th:nth-child(1){border-radius: 12px 0 0 12px} #sub.menu_view .con01 .left table th:last-child{border-radius: 0 12px 12px 0} #sub.menu_view .con01 .left table td{color: #827C77;font-weight: 500;height: 60px;border-bottom: 1px solid #EFE2DF;vertical-align: middle;text-align: center;font-size: 18px} #sub.menu_view .con01 .right ul{display: flex;flex-direction: column;gap: 90px} #sub.menu_view .con01 .right ul li p{font-size: 18px;color: #72574B;} #sub.menu_view .con01{display: flex;gap: 80px;} .map_popup{position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background: rgba(83,55,36,0.5);backdrop-filter: blur(20px);display: none} .map_popup .pop_in{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center} .map_popup .pop_in .pop_w{background: #FFFFFF;width: 1280px;padding: 20px;border-radius: 6px;display: flex;align-items: center;position: relative} .map_popup .pop_in .pop_w .map_cont{width: calc(50% + 34px);height: 536px;border-radius: 6px;overflow: hidden} .map_popup .pop_in .pop_w .map_cont .root_daum_roughmap{width: 100%;height: 100%} .map_popup .pop_in .pop_w .map_cont .root_daum_roughmap .wrap_map{width: 100%;height: 100%} .map_popup .pop_in .pop_w .right{width: calc(50% - 34px);padding-left: 48px} .map_popup .pop_in .pop_w .right .txt strong{display: block;font-size: 30px;color: #533724;margin-bottom: 30px} .map_popup .pop_in .pop_w .right .info_list{display: flex;flex-direction: column;gap: 10px} .map_popup .pop_in .pop_w .right .info_list div{display: flex;align-items: center;gap: 12px} .map_popup .pop_in .pop_w .right .info_list div p{font-size: 16px;color: #72574B} .map_popup .pop_in .pop_w .right .info_list div svg{display: block} .map_popup .pop_in .pop_w .right .btn_w{border-top: 1px solid #E8E5E4;padding-top: 30px;margin-top: 30px} .map_popup .pop_in .pop_w .right .btn_w strong{display: block;font-size: 22px;color: #361A0E;margin-bottom: 14px;} .map_popup .pop_in .pop_w .right .btn_w ul{display: flex;gap: 20px;flex-wrap: wrap;padding-right: 5px} .map_popup .pop_in .pop_w .right .btn_w ul li{width: calc(33.33% - 13.33333333333333px)} .map_popup .pop_in .pop_w .right .btn_w ul li a{position: relative} .map_popup .pop_in .pop_w .right .btn_w ul li a .bt_w{display: flex;align-items: center;justify-content: center;border: 2px solid #533724;border-radius: 12px;height: 64px;position: relative;z-index: 15;background: #fff} .map_popup .pop_in .pop_w .right .btn_w ul li:hover a .bt_w{border-color: #EA5717;transition-duration: 0.5s} .map_popup .pop_in .pop_w .right .btn_w ul li a:before{content:''; display: flex;width: 100%;height: 100%;background: #533724;position: absolute;border-radius: 12px;top: 5px;left: 5px;transition-duration: 0.5s} .map_popup .pop_in .pop_w .right .btn_w ul li:hover a:before{transform: translate(-2px,-2px);background: #EA5717} .map_popup .pop_in .pop_w .right .btn_w ul li a span{display: block;font-size: 20px;color: #533724;font-weight: 700;transition-duration: 0.5s;} .map_popup .pop_in .pop_w .right .btn_w ul li:hover a span{color: #EA5717;transform: translateY(-100%)} .map_popup .pop_in .pop_w .right .btn_w ul li a div{position: relative;overflow: hidden} .map_popup .pop_in .pop_w .right .btn_w ul li a div span:nth-child(1){position: absolute;top: 100%} .map_popup .pop_in .pop_w button{position: absolute;right: -72px;top: 0} .map_popup .pop_in .pop_w button i{width: 60px;height: 60px;background: #FFFFFF;border-radius: 10px;box-sizing: border-box;border: 2px solid #533724;display: flex;align-items: center;justify-content: center;position: relative;z-index: 5} .map_popup .pop_in .pop_w button:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 10px;top: 5px;left: 5px;background: #533724} #sub.about .con01 {margin-bottom: 140px;} #sub.about .con01 .typo{display: flex;align-items: center;gap: 20px;padding: 0 70px;} #sub.about .con01 .typo i.icon1{display: block;animation: ch1 infinite 1s } #sub.about .con01 .typo i.icon2{display: block;animation: ch2 infinite 1s } @keyframes ch1{ 0%{transform: translateY(0)} 50%{transform: translateY(-10px)} 100%{transform: translateY(0px)} } @keyframes ch2{ 0%{transform: rotate(0)} 50%{transform: rotate(10deg)} 100%{transform: rotate(0)} } #sub.about .con01 .typo strong{font-weight: 900;color: #361A0E;font-size: 100px;;} #sub.about .con01 .typo strong.line{-webkit-text-stroke: 2px #361A0E;color: #FFF6EA;} #sub.about .con01 .typo.typo2{justify-content: flex-end;} #sub.about .con01 .dash{width: 100%;border-top: 2px dashed #361A0E;margin-top: 70px;margin-bottom: 70px} #sub.about .con01 p{font-weight: 700;color: #361A0E;font-size: 24px;line-height: 1.5;;;padding-left: 70px;} #sub.about .con01 p b{font-weight: 700;color: #FE621E;} #sub.about .con02{position: relative;} #sub.about .con02 .bg{width: calc(100% - 160px);margin: 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 20px;overflow: hidden} #sub.about .con02 .inner4{width: 1524px;margin: 0 auto;} #sub.about .con02 .title{position: absolute;bottom: 0;left: 0;width: 100%;bottom: 60px;display: none} #sub.about .con02 .text_w{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;} #sub.about .con02 .text_w > div{height: 100%;display: flex;;align-items: center;justify-content: space-between;display: flex;;} #sub.about .con02 .text_w .txt{display: flex;flex-direction: column;gap: 40px} #sub.about .con02 .text_w .txt div{position: relative;} #sub.about .con02 .text_w .txt div p{font-size: 20px;color: #B5A59E;font-weight: 500;line-height: 32px;} #sub.about .con02 .text_w .txt div .on{position: absolute;left: 0;color: #361A0E;top: 0;clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);transition: 1s;transition-delay: 1s} #sub.about .con02.on .text_w .txt div .on{position: absolute;left: 0;color: #361A0E;top: 0;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);} #sub.about .con02 .text_w strong{display: block;;font-size: 100px;color: #fff;font-weight: 900;margin-bottom: 100px;transition: 1s;transition-delay: 0.5s} #sub.about .con02.on .text_w strong{color: #361A0E} #sub.about .con02 .text_w span{font-size: 40px;color: #361A0E;font-weight: 800;display: block;;margin-bottom: 130px;} #sub.about .con03{width: 100%;height: 100dvh;;position: relative;overflow: hidden;background-color: #FE621E;margin-bottom: 140px;} #sub.about .con03 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);;mix-blend-mode: darken;} #sub.about .con03 .text{position: absolute;top: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;text-align: center;} #sub.about .con03 .txt{display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 30px} #sub.about .con03 .text p{font-size: 20px;color: #FFFFFF;line-height: 30px;;;} #sub.about .con03 .text strong{font-size: 100px;color: #FFFFFF;font-weight: 900;margin-bottom: 40px;line-height: 110px} #sub.about .con04 .s_tit div{overflow: hidden} #sub.about .con04 .s_tit strong{font-size: 100px;font-weight: 900;color: #361A0E;} #sub.about .con04 .txt{text-align: center;} #sub.about .con04 .txt strong{font-size: 40px;color: #361A0E;font-weight: 700;display: block;margin-bottom: 40px;} #sub.about .con04 .txt strong b{font-weight: inherit;color: #FE621E;} #sub.about .con04 .txt p span{position: relative;font-weight: 600;padding: 0 5px;} #sub.about .con04 .txt p span b{font-weight: inherit;position: absolute;top: -6px;left: 0;background-color: #361A0E;color: #fff;text-align: center;width: 100%;line-height: 1.2;top: 50%;transform: translateY(-50%);} #sub.about .con04 .txt p span b{clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);} #sub.about .con04.on .txt p span b{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition: 0.7s;transition-delay: 2s} #sub.about .con04 .txt p{font-size: 26px;color: #361A0E;line-height: 42px;;} #sub.about .con04 ul{display: flex;gap: 25px;margin-top: 70px;} #sub.about .con04 ul li{flex: 1;position: relative;} #sub.about .con04 ul li .txt1{position: absolute;padding: 50px;bottom: 0;left: 0;width: 100%;transition: 0.5s} #sub.about .con04 ul li:hover .txt1{transform: translateY(-55px)} #sub.about .con04 ul li:last-child:hover .txt1{transform: translateY(-175px)} #sub.about .con04 ul li .txt1 div{position: absolute;top: 100%;width: 100%;margin-top: -20px;opacity: 0;transition: 0.5s} #sub.about .con04 ul li:hover .txt1 div{opacity: 1} #sub.about .con04 ul li .txt1 strong{display: block;font-size: 60px;color: #FFFFFF;font-weight: 800;} #sub.about .con04 ul li .txt1 p{font-size: 20px;color: #FFFFFF;margin-top: 20px} #sub.about .con04 ul li .txt1 i{background-color: #231815;border-radius: 20px;overflow: hidden;display: block;width: 95px;margin-bottom: 20px;transition: 0.5s} #sub.about .con04 ul li:hover .txt1 i{background: #FE621E} #sub.about .con04 ul li .txt1 i img{display: block;animation: 1s hands infinite } @keyframes hands{ 0%{transform: rotate(0deg)} 50%{transform: rotate(10deg)} 100%{transform: rotate(00deg)} } #sub.about .con04 ul li .txt1 .tag{display: block;margin-top: 30px} #sub.about .con04 ul li .txt1 .tag svg{max-width: 70%;height: auto} #sub.about .con04 ul li .bg{border-radius: 10px;overflow: hidden;position: relative} #sub.about .con04 ul li .bg:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));transform-origin: bottom;transform: scaleY(0);transition: 0.5s} #sub.about .con04 ul li .bg img{width: 100%} #sub.about .con04 ul li:hover .bg:before{transform: scaleY(1)} #sub.about .con04 ul li .bg img{display: block;max-width: 100%;} #sub.about .con04 .line{width: calc(100% + 60px); border-top: 2px dashed #361A0E; margin-top: 40px; margin-bottom: 70px;position: relative;left: -30px;} #sub.about .con02 .bg{clip-path: circle(2000px);} #sub.about .con02.on .bg{clip-path: circle(386px);} #sub.about .con05{background: #FE621E;padding-top: 150px;margin-top: 150px;padding-top: 200px;position: relative} #sub.about .con05 .s_tit{width: 1620px;position: absolute;left: 50%;transform: translateX(-50%);top: 140px} #sub.about .con05 .s_tit div{overflow: hidden} #sub.about .con05 .s_tit strong{color: #FFFFFF;font-size: 100px;font-weight: 900} #sub.about .con05 .s_tit p{font-weight: 500;color: #FFFFFF;display: block;margin-top: 20px;font-size: 24px} #sub.about .con05 .piz_text{width: 1588px;position: absolute;left: 50%;transform: translateX(-50%);top: -50px;display: flex;flex-direction: column;gap: 200px} #sub.about .con05 .pizza_in{width: 1448px;margin: 0 auto;position: relative} #sub.about .con05 .piz_text .piz {display: flex} #sub.about .con05 .piz_text .piz .wr2{position: relative} #sub.about .con05 .piz_text .piz .wr{width: 490px;height: 200px;background: #2C1306;border-radius: 20px 20px 20px 0;display: flex;flex-direction: column;justify-content: center;padding: 0 40px;gap: 10px;position: relative} #sub.about .con05 .piz_text .piz .wr strong{display: block;font-size: 48px;color: #FFFFFF;font-weight: 700} #sub.about .con05 .piz_text .piz .wr p{font-size: 20px;color: #FFFFFF;line-height: 32px} #sub.about .con05 .piz_text .piz .wr:after{content: '';display: block;position: absolute;width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;left: 10px;border: 2px dashed #573321;border-radius: 12px 12px 12px 0;box-sizing: border-box} #sub.about .con05 .piz_text .piz02 .wr:after{border-radius: 12px 0 12px 12px} #sub.about .con05 .piz_text .piz02 .wr{border-radius: 20px 0 20px 20px} #sub.about .con05 .piz_text .piz.piz01{justify-content: flex-end} #sub.about .con05 .piz_text .piz.piz01 .wr{mask: radial-gradient(circle 10px at 30px calc(100% - 30px) , transparent 98%, black 100%);} #sub.about .con05 .piz_text .piz.piz01 .wr2 i{position: absolute;top: -80px;right: 40px;z-index: 5;display: block; animation: piz 1s infinite;} #sub.about .con05 .piz_text .piz.piz02 .wr2 i{position: absolute;top: -59px;right: 55px;z-index: 5; animation: piz2 1s infinite;display: block} #sub.about .con05 .piz_text .piz.piz01 .wr2 .line{position: absolute;left: -102px;z-index: 5;bottom: 0px} #sub.about .con05 .piz_text .piz.piz02 .wr2 .line{position: absolute;right: -78px;z-index: 5;top: 10px} #sub.about .con05 .piz_text .piz.piz02 .wr{mask: radial-gradient(circle 10px at calc(100% - 30px) 30px , transparent 98%, black 100%);} #sub.about .con02 .bg{transition: 1s;} #sub.about .con02 .text_w > div .left{transform: translateY(60%)} #sub.about .con02 .text_w > div .left .txt{opacity: 0;transition: 1s;transition-delay: 0.5s} #sub.about .con02.on .text_w > div .left .txt{opacity: 1;transition: 1s;transition-delay: 0.5s} #sub.about .con02 .text_w > div .right{transform: translateX(-200px);opacity: 0} #sub.about .con02.on .text_w > div .right{opacity: 1} #sub.about .con02 .text_w > div .left, #sub.about .con02 .text_w > div .right{transition: 1.2s;} #sub.about .con02.on .text_w > div .left{transform: translateY(0px);transition-delay: 0.5s;opacity: 1;} #sub.about .con02.on .text_w > div .right{transform: translateX(0px);transition-delay: 0.5s;opacity: 1;} #sub.about .con03 .text02{opacity: 0;transform: translateY(30%);} #sub.about .con03 .text02 .txt p i{display: block;} #sub.about .con03 .text02 .txt b{font-size: 28px;color: #FFFFFF;} #sub .s_title .tag{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub .on .s_title .tag{transform: translateY(0px);opacity:1} #sub .s_title strong{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub .on .s_title strong{transform: translateY(0px);opacity:1;transition-delay: 0.3s} #sub .s_title p{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub .on .s_title p{transform: translateY(0px);opacity:1;transition-delay: 0.6s} #sub.franchise .con01 ul li{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.franchise .con01.on ul li{transform: translateY(0px);opacity:1;transition-delay: 0.6s} #sub.franchise .con01.on ul li:nth-child(2){transition-delay: 0.9s} #sub.franchise .con01 .list .line{transform: scaleY(0);transition: 0.7s} #sub.franchise .con01.on .list .line{transform: scaleY(1);transition: 0.7s} #sub.franchise .con02 .checklist .txt{transform: translateX(-100px);opacity: 0} #sub.franchise .con02 .checklist .txt:hover{background: #361A0E} #sub.franchise .con02 .checklist .txt_right.txt{transform: translateX(100px);} #sub.franchise .con02.on .checklist .txt{transform: translateX(0px);transition: 0.7s;opacity: 1} #sub.franchise .con02 .checklist .pizza_w img{transform: rotate(10deg) scale(0.7);transition: 0.7s;opacity: 0} #sub.franchise .con02.on .checklist .pizza_w img{transform: rotate(0deg) scale(1);transition: 0.7s;opacity: 1} #sub.franchise .con03 ul li{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.franchise .con03.on ul li{transform: translateY(0px);opacity:1;transition-delay: 0.0s} #sub.franchise .con03.on ul li:nth-child(2){transition-delay: 0.3s} #sub.franchise .con03.on ul li:nth-child(3){transition-delay: 0.6s} #sub.franchise .con03.on ul li:nth-child(4){transition-delay: 0.9s} #sub.franchise .con03.on ul li:nth-child(5){transition-delay: 1.2s} #sub.franchise .con03.on ul li:nth-child(6){transition-delay: 1.5s} #sub.franchise .con04 ul{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.franchise .con04.on ul{transform: translateY(0px);opacity:1;transition-delay: 0.6s} #sub.franchise .con05 ul{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.franchise .con05.on ul{transform: translateY(0px);opacity:1;transition-delay: 0.6s} #sub.franchise .con04 .txt{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.franchise .con04.on .txt{transform: translateY(0px);opacity:1;transition-delay: 0.9s} #sub.franchise .con04 .man{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.franchise .con04.on .man{transform: translateY(0px);opacity:1;transition-delay: 0.9s} #sub.franchise .con04 .man{overflow: hidden;transform: translateY(10px)} #sub.franchise .con04 .man svg{display: block;animation: piz 1s infinite;transform-origin: bottom center} @keyframes piz{ 0%{transform: rotate(0deg) translateY(10px)} 50%{transform: rotate(5deg) translateY(10px)} 100%{transform: rotate(0deg) translateY(10px)} } @keyframes piz2{ 0%{transform: rotate(0deg) translateY(10px)} 50%{transform: rotate(-5deg) translateY(10px)} 100%{transform: rotate(0deg) translateY(10px)} } #sub.price .con01 .price_w{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.price .con01.on .price_w{transform: translateY(0px);opacity:1;transition-delay: 0.9s} #sub.price .con02 .step ul li{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.price .con02.on .step ul li{transform: translateY(0px);opacity:1;transition-delay: 0.6s} #sub.price .con02.on .step ul li:nth-child(2){transition-delay: 0.8s} #sub.price .con02.on .step ul li:nth-child(3){transition-delay: 1.0s} #sub.price .con02.on .step ul li:nth-child(4){transition-delay: 1.2s} #sub.price .con02.on .step ul li:nth-child(5){transition-delay: 1.4s} #sub.price .con02.on .step ul li:nth-child(6){transition-delay: 1.6s} #sub.interor .int_big{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.interor .on .int_big{transform: translateY(0px);opacity:1;transition-delay: 0.9s} #sub.brand_bi .con01 .bi{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.brand_bi .con01.on .bi{transform: translateY(0px);opacity:1;transition-delay: 0.0s} #sub.brand_bi .con01.on .bi{transform: translateY(0px);opacity:1;transition-delay: 0.0s} #sub.brand_bi .con02 .wrap .box{opacity: 0;transform: translateY(70px);opacity: 0;transition: 0.7s} #sub.brand_bi .con02 .wrap .box.on{opacity: 1;transform: translateY(0px);opacity:1;} #sub.brand_bi .con03 ul li{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.brand_bi .con03.on ul li{transform: translateY(0px);opacity:1;transition-delay: 0.0s} #sub.brand_bi .con03 ul li:nth-child(1){transition-delay: 0.2s} #sub.brand_bi .con03 ul li:nth-child(2){transition-delay: 0.4s} #sub.brand_bi .con03 ul li:nth-child(3){transition-delay: 0.6s} #sub.brand_bi .con04 .col_w .box{transform: translateY(70px);opacity: 0;transition-duration: 0.7s;flex: 1} #sub.brand_bi .con04.on .col_w .box{transform: translateY(0px);opacity:1;transition-delay: 0.0s} #sub.brand_bi .con04.on .col_w .box:nth-child(2){transition-delay: 0.3s} #sub.about .con01 .typo{transform: translateX(-100px);opacity: 0} #sub.about .con01 .typo2{transform: translateX(100px);opacity: 0} #sub.about .con01.on .typo{transform: translateX(0px);opacity: 1;transition: 0.7s} #sub.about .con01 p{transform: translateX(-100px);opacity: 0} #sub.about .con01.on p{transform: translateX(0px);opacity: 1;transition: 0.7s} #sub.about .con04 .txt strong{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.about .con04.on .txt strong{transform: translateY(0px);opacity:1;transition-delay: 0.0s} #sub.about .con04 .txt p{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.about .con04.on .txt p{transform: translateY(0px);opacity:1;transition-delay: 0.3s} #sub.about .con04 ul{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.about .con04.on ul{transform: translateY(0px);opacity:1;transition-delay: 0.6s} #sub.about .con04 .line{transform: scaleX(0)} #sub.about .con04.on .line{transform: scaleX(1);transition: 1s} #sub.store .sub_visual p{transform: translateY(70px);opacity: 0;transition-duration: 0.7s} #sub.store .sub_visual.on p{transform: translateY(0px);opacity:1;transition-delay: 0.6s} #sub.about .con05 .piz_text .piz.piz01{transform: translateX(70px);opacity: 0;transition: 0.7s} #sub.about .con05.on .piz_text .piz.piz01{transform: translateX(0px);opacity: 1;transition: 0.7s} #sub.about .con05 .piz_text .piz.piz02{transform: translateX(-70px);opacity: 0;transition: 0.7s} #sub.about .con05.on .piz_text .piz.piz02{transform: translateX(0px);opacity: 1;transition: 0.7s} #sub.about .con05 .piz_w{transform: translateY(100px);transition: 0.7s;opacity: 0} #sub.about .con05 .piz_w img{display: block} #sub.about .con05.on .piz_w{transform: translateY(0px);transition: 0.7s;opacity: 1} @media (min-width: 1920px) { .inner2 {width: 100%;padding: 0 80px} #sub.brand_bi .inner2{max-width: 1620px;margin: 0 auto} #sub.brand_bi .con02 .wrap img, #sub.brand_bi .con01 img, #sub.brand_bi .con02 .wrap .box, #sub.brand_bi .con02 .wrap .box .img, #sub.brand_bi .con03 ul img, #sub.franchise .con05 ul li img{width: 100%} #sub.brand_bi .con02 .wrap .box div{flex: 1} #sub.brand_bi .con03 ul li{flex: 1} #sub .sub_visual.brand_visual.on{height: 70vh} } @media (min-width: 1920px) { #sub .sub_visual.brand_visual .vis_img img, #sub.about .con02 .bg img, #sub.about .con03 .bg img{width: 100vw} } @media (max-width: 1660px) { #sub.about .con01 .typo{padding: 0} #sub.franchise .con02 .wrap{padding: 80px 20px} .inner2{width: 100%;padding: 0 20px} #sub.price .con01 .price_w{max-width: calc(100% - 40px)} #sub.price .con01 .price_w{padding: 50px 25px} #sub.price .con01 .info_list ul li{word-break: keep-all} #sub.price .con01 .info_list ul li > br{display:none} #sub.price .con01 .price_w table td{word-break: keep-all} #sub.franchise .con02 .checklist .pizza_w img{width: 500px} #sub.franchise .con02 .checklist .txt_left {padding-right: 255px;} #sub.franchise .con02 .checklist .txt_right {padding-left: 255px;} #sub.franchise .con02 .checklist .txt {height: 284px;padding-top: 55px;} #sub.direction .c_wrap .left{padding-left: 20px;width: 500px} #sub.direction .c_wrap > div{padding-left: 50px} #sub.about .con01 .typo strong{font-size: 44px} #sub.about .con02 .inner4{width: 100%;padding: 0 20px} #sub.about .con04 ul li .txt1 strong{font-size: 40px} #sub.about .con04 .txt p{font-size: 20px;line-height: 1.5} #sub .sub_visual .sv_loc ul{padding: 0 20px} #sub .sub_visual.brand_visual.on{height: 70vh} } @media (max-width: 1500px) { #sub.about .con04 ul li .txt1 p, #sub.about .con04 ul li .txt1 .tag{margin-top: 10px;} #sub.about .con04 ul li .txt1 div{margin-top: 0} #sub .menu_visual .pizza_in{left: 0;display: flex;justify-content: center;width: 100%;transform: translateY(50%)} #sub.about .con05 .pizza_in img{display: block} #sub .menu_visual .pizza_in .name_box{left: 20px;z-index: 2} #sub.about .con05 .pizza_in{width: 100%;display: flex;justify-content: center} #sub.about .con04 ul li .txt1 i{border-radius: 10px;width: 60px} #sub.about .con04 ul li .txt1 i img{width: 100%} #sub.about .con04 ul li .txt1{padding: 20px} #sub .s_title strong{word-break: keep-all} #sub.franchise .con03 ul li .txt p br{display: none} #sub.franchise .con03 ul li .txt{margin-top: -125px} #sub.franchise .con03 ul li .img img{width: 250px} #sub.price .con02 .step{width: 1011px} #sub.inquiry .con01{width: 100%;padding: 0 20px;} .map_popup .pop_in .pop_w{width: calc(100% - 100px)} .map_popup .pop_in .pop_w button{right: 0;top: -80px;} #sub.about .con05 .piz_text{max-width: 88%} #sub .menu_visual .pizza_in .wood img{width: 1200px} #sub .menu_visual .pizza_in .pizza img{width: 1150px} #sub .menu_visual .man{display: none} #sub.about .con04 ul li .txt1 p{font-size: 15px} #sub.about .con04 ul li:last-child:hover .txt1{transform: translateY(-70%)} #sub.menu_view.non_pizza .menu_visual .pizza_in .pizza img{max-width: 80vw} } @media (max-width: 1160px) { #sub.menu_view.non_pizza .menu_visual .pizza_in .pizza{transform: translate(-50%,-50%)} #sub .menu_visual:before{left: 0;width: 100%} #sub .menu_visual .pizza_in{position: static; height: 100%; } #sub .menu_visual{height: 100dvh} #sub .menu_visual .pizza_in .name_box > div p{font-size: 15px;margin-bottom: 10px} #sub .menu_visual{display: flex;align-items: center;justify-content: center} #sub .menu_visual .pizza_in .name_box{width: auto;height: auto;padding: 5px} #sub .menu_visual .pizza_in .name_box > div div{gap: 10px} #sub .menu_visual .pizza_in .name_box > div span{width: 30px;height: 30px;font-size: 12px} #sub.about .con05 .piz_text{max-width: 100%} #sub .menu_visual .pizza_in .name_box > div strong{font-size: 22px} #sub .menu_visual .pizza_in{left: 0;display: flex;justify-content: center;width: 100%;transform: translateY(0%)} #sub .menu_visual .pizza_in .wood img{width: 70vw} #sub .menu_visual .pizza_in .name_box > div{padding: 15px;} #sub .menu_visual .pizza_in .name_box{ top: 100px; } #sub .menu_visual .pizza_in .pizza img{width: 65vw;} #sub.about .con05 .piz_text .piz .wr{width: 410px} #sub.about .con05 .piz_text{transform: none;left: 0} #sub.about .con05 .piz_text{gap: 20px} #sub.about .con05 .piz_text .piz.piz01 .wr2 i{right: 20px;top: -50px} #sub.about .con05 .piz_text .piz.piz01 .wr2 i svg{width: 100px;height: auto} #sub.about .con05 .piz_text .piz.piz02 .wr2 i{right: 50px;top: -50px} #sub.about .con05 .piz_text .piz.piz02 .wr2 i svg{width: 100px;height: auto} #sub.about .con05 .piz_text .piz .wr p{font-size: 16px;line-height: 1.5} #sub.about .con05 .piz_text .piz .wr strong{font-size: 36px} #sub.about .con05 .s_tit p{font-size: 14px;margin-top: 10px} #sub.about .con05 .s_tit strong{font-size: 70px;line-height: 1.2} #sub.franchise .con02 .checklist:before{display: none} #sub.franchise .con02 .checklist:after{display: none} #sub.about .con01 .typo svg{width: 100px} #sub.brand_bi .con01 .bi span{top: 10px;left: 10px;height: 26px;padding: 0 7px;font-size: 12px;} /* #sub .sub_visual.brand_visual.on{height: 600px}*/ #sub.gal_view .v_title{padding: 20px;padding-top: 0} .map_popup .pop_in .pop_w .right .btn_w strong{font-size: 14px} .map_popup .pop_in .pop_w .right .btn_w ul li a .bt_w{border-radius: 5px} .map_popup .pop_in .pop_w .right .btn_w ul li a:before{display: none} .map_popup .pop_in .pop_w .right .btn_w{padding-top: 15px;margin-top: 15px} .map_popup .pop_in .pop_w .right .btn_w ul{gap: 6px} .map_popup .pop_in .pop_w .right .btn_w ul li{width: calc(33.33% - 4px)} .map_popup .pop_in .pop_w .right .btn_w ul li a span{font-size: 13px;} .map_popup .pop_in .pop_w .right .btn_w ul li a .bt_w{height: 30px;font-size: 13px} .map_popup .pop_in .pop_w .right .txt strong{font-size: 20px;margin-bottom: 10px;} .map_popup .pop_in .pop_w .right .info_list{gap: 5px} .map_popup .pop_in .pop_w .right .info_list div svg{width: 26px;height: auto} .map_popup .pop_in .pop_w .right .info_list div p{font-size: 13px;} .map_popup .pop_in .pop_w .right{padding-left: 0;width: 100%} .map_popup .pop_in .pop_w .map_cont{width: 100%;height: 200px} .map_popup .pop_in .pop_w{flex-direction: column;gap: 20px;} #sub.about .con01 .dash{margin: 30px 0} #sub.about .con01 p{font-size: 16px;padding: 0} #sub.about .con01 .typo strong{font-size: 55px;} #sub .s_title{margin-bottom: 40px;} #sub.franchise .con04 .txt p{font-size: 15px;line-height: 1.5} #sub.franchise .con04 .wrap{padding: 0 20px} #sub.franchise .con04 ul{gap: 20px;margin-bottom: 20px} #sub.direction .c_wrap strong{font-size: 16px;margin-bottom: 20px;} #sub.direction .c_wrap .right strong{margin-bottom: 20px} #sub.direction .c_wrap ul li, #sub.direction .c_wrap p{font-size: 16px} #sub.inquiry .con01 .f_list ul li {width: calc(50% - 5px);} #sub.inquiry .con01 .chk_w{gap: 40px} #sub.inquiry .con01 .chk_w{height: 36px;} #sub.inquiry .con01 .chk_w label:before{width: 20px;height: 20px;background-size: 100% 100% !important} #sub.inquiry .con01 .chk_w label{font-size: 13px} #sub.inquiry .con01 strong{font-size: 14px;margin-bottom: 10px} #sub.inquiry .con01 .f_list ul{gap: 20px 10px} #sub.inquiry .con01 .f_list ul li input[type="text"], #sub.inquiry .con01 .f_list ul li select{height: 36px;font-size: 13px;padding: 0 10px;border-radius: 5px} #sub.inquiry .con01 .f_list ul li.line1 textarea{padding: 10px;font-size: 13px;height: 100px} #sub.inquiry .con01 .f_list ul li .inp{gap: 10px} #sub.brand .a_title strong{font-size: 60px;} #sub.franchise .con02 .checklist .txt { width: calc(50% - 10px);} #sub.franchise .con02 .checklist{gap: 20px} #sub.franchise .con02 .checklist .txt i svg{width: 26px;height: auto} #sub.franchise .con02 .checklist .txt strong{font-size: 30px;} #sub.franchise .con02 .checklist .txt span{font-size: 14px;line-height: 1.5} #sub.franchise .con02 .checklist .txt p{font-size: 15px;line-height: 1.5} #sub.franchise .con02 .checklist .pizza_w img{margin: 0 auto} #sub.franchise .con02 .checklist .pizza_w{width: 100%;text-align: center} #sub.franchise .con02 .checklist .txt_left{text-align: left} #sub.franchise .con02 .checklist .txt{height: auto;padding: 20px !Important} #sub.franchise .con02 .checklist .pizza_w{position: static;transform: none} #sub.franchise .con02 .checklist .txt p{font-size: } #sub.franchise .con01{margin-bottom: 90px} #sub.franchise .con01 ul li img{width: 45px} #sub.franchise .con01 ul li strong b{font-size: 26px} #sub.franchise .con01 ul li span, #sub.franchise .con01 ul li strong{font-size: 20px} #sub.franchise .con01 ul li p{font-size: 15px;margin-top: 20px} #sub .sub_visual .sv_title strong{font-size: 80px} #sub .sub_visual{padding-top: 220px} #sub.gal_board .list ul li .txt strong{font-size: 17px} #sub .sub_visual .sv_loc ul{padding: 0 40px;gap: 20px} #sub .sub_visual .sv_loc{margin-top: 30px} #sub .s_title strong{font-size: 46px;line-height: 1.3} #sub .s_title .tag em{font-size: 18px;height: 40px;padding: 0 15px} #sub .s_title p{font-size: 18px;line-height: 1.5;margin-top: 15px} #sub .s_title .tag{margin-bottom: 30px} #sub.interor .int_big{margin-bottom: 40px} #sub.interor .loop_cont .cont img, #sub.interor .loop_cont .cont > div{width: 2200px} #sub.interor .loop_cont .cont.cont01{margin-bottom: 20px} #sub.price .con01 .price_w table th{height: 45px;font-size: 16px} #sub.price .con01 .price_w table td{font-size: 16px;line-height: 1.5;word-break: keep-all;padding: 10px 0} #sub.price .con01 .price_w strong{font-size: 26px;margin-bottom: 15px} #sub.price .con01 .total span{font-size: 19px} #sub.price .con01 .price_w .total strong{margin-bottom: 0} #sub.price .con01 .total div p{font-size: 14px} #sub.price .con01 .info_list ul li{font-size: 15px;line-height: 1.5} #sub.price .con01 .info_list span{font-size: 14px;line-height: 1.5} #sub.price .con01 .info_list ul{gap: 10px} #sub.price .con02 .step{max-width: 100%} #sub.price .con02 .step ul li .txt strong{font-size: 20px;word-break: keep-all} #sub.price .con02 .step ul li .txt p{font-size: 14px;line-height: 1.5;margin-top: 10px;} #sub.price .con02 .step ul li .icon{width: 100px;border-radius: 10px} #sub.price .con02 .step ul li .icon svg{width: 100%;height: auto} #sub.price .con02 .step ul li .icon span{font-size: 13px;height: 30px;padding: 0 8px} #sub.price .con02 .step ul li .icon{margin-bottom: 20px} #sub.price .con02 .step .bg svg{width: 1113px;height: auto} #sub.price .con02 .step ul li .icon span{border-width: 2px;} #sub.brand_bi .con01 ul{margin-top: 10px;gap: 10px;} #sub.brand_bi .con01 .bi{border-radius: 8px;} #sub.brand_bi .con02 .wrap, #sub.brand_bi .con02 .wrap .box{gap: 10px} #sub.brand_bi .con03{padding-top: 60px;padding-bottom: 60px;;} #sub.brand_bi .con01{margin-bottom: 60px;} #sub.brand .sub_con{padding-top: 60px;} #sub.brand_bi .con03 ul li span, #sub.brand_bi .con04 .col_w span{line-height: 30px;padding: 0 15px;font-size: 13px;} #sub .sub_visual.brand_visual .sv_loc{width: 100%;;} #sub.brand_bi .con04 .col_w .wr{gap: 10px} #sub.brand_bi .con04 .col_w{gap: 40px} #sub.store .store_content .map_w{display: none} #sub.store .store_content .map_list{width: 100%} #sub.store .store_content .map_list ul li a .info strong{font-size: 16px;} #sub.store .store_content .map_list ul li .info_list div p{font-size: 13px;} #sub.store .store_content .map_list ul li .info_list div svg{width: 22px;height: auto} #sub.store .store_content .map_list ul li .info_list{gap: 10px} #sub.store .store_content .map_list ul li a .info{padding: 20px} #sub.store .store_content .map_list ul li a .info{gap: 10px;height: auto} #sub.store .sub_visual { border-bottom: 2px dashed #361A0E; width: calc(100% - 40px);margin-bottom: 40px} #sub.store .sub_visual p{font-size: 16px;margin-top: 20px} #sub.franchise .con05 ul li strong{font-size: 40px} #sub.franchise .con05 ul li p{font-size: 16px;line-height: 1.5} #sub.franchise .con05 ul li span{font-size: 26px;line-height: 1.5} #sub.about .con02 .text_w .txt div p{font-size: 14px;line-height: 1.5} #sub.about .con02 .text_w span{font-size: 22px;margin-bottom: 15px} #sub.about .con02 .text_w strong, #sub.about .con03 .text strong{font-size: 60px;line-height: 1.2;margin-bottom: 30px} #sub.about .con02 .text_w .txt{gap: 20px} #sub.about .con02.on .bg { clip-path: circle(200px); } #sub.about .con03 .text p{font-size: 14px;line-height: 1.5} #sub.about .con03 .txt{gap: 10px} #sub.about .con04 .s_tit strong{font-size: 70px} #sub.about .con04 .txt strong{font-size: 30px;} #sub.about .con04 .txt p{font-size: 15px;word-break: keep-all} #sub.about .con04 ul li .txt1 strong{font-size: 25px;} #sub.about .con04 ul li .txt1 i{width: 40px;} #sub.about .con05 .piz_text{width: 100%} #sub.about .con05 .pizza_in{width: 100%} #sub.about .con05 .piz_w{display: flex;justify-content: center} #sub.about .con05 .pizza_in{display: flex;justify-content: center} #sub.about .con05 .piz_text{width: 100%;padding: 0 20px} } @media (max-width: 880px) { #sub.gal_board.gal_board2 .list ul li .img > span{width: 55px;height: 25px;right: 10px;top: 10px;font-size: 11px} #pop_w .pop_in .pop_con{height: auto;max-height: calc(100dvh - 160px);} #pop_w .pop_in .pop_con strong{margin-bottom: 15px} #pop_w .pop_in .pop_wr button:before{top: 3px;left: 3px} #pop_w .pop_in .pop_wr button{top: -50px;right: 0} #pop_w .pop_in .pop_wr button i{width: 40px;height: 40px;} #pop_w .pop_in .pop_con{padding: 20px;max-width: 90vw} #pop_w .pop_in .pop_con img{max-width: 100%} #pop_w .pop_in .pop_con strong{font-size: 17px} #sub{overflow: hidden} #sub.gal_view .v_content{margin-bottom: 20px} #sub.gal_view .v_content{padding: 20px} #sub.gal_view .v_title p{font-size: 12px} #sub.gal_view .v_title strong{font-size: 15px;margin-bottom: 10px} #sub.about .con04 ul{margin-top: 20px} #sub.about .con04 .txt p{font-size: 13px;word-break: keep-all} #sub.about .con04 .txt p br{display: none} #sub.about .con04 .txt strong{font-size: 20px;margin-bottom: 15px} #sub.about .con04 .line{width: 100%;left: 0;margin: 20px 0} #sub.about .con04 .s_tit strong{font-size: 45px} #sub.franchise .con05 ul li .txt{margin-top: 20px} #sub.franchise .con05 ul li strong{font-size: 30px;margin-bottom: 10px} #sub.franchise .con05 ul li span{font-size: 18px;line-height: 1.5} #sub.franchise .con05 ul li p{font-size: 13px;line-height: 1.5;margin-top: 8px} #sub.franchise .con03 ul li .txt{height: 198px} #sub.franchise .con03 ul li .txt{padding: 20px;border-radius: 8px} #sub.franchise .con03 ul li .txt strong{font-size: 18px} #sub.franchise .con03 ul li .txt p{font-size: 13px;margin-top: 10px;line-height: 1.5;word-break: keep-all} #sub.franchise .con03 ul li .txt span{font-size: 13px;} #sub.franchise .con03 ul li .txt{margin-top: -80px} #sub.franchise .con03 ul li .img img{width: 160px} #sub.franchise .con03 ul{gap: 40px 20px} #sub.franchise .con03 ul li{width: calc(50% - 10px)} #sub.direction .map_w{height: 300px} #sub.direction .c_wrap ul li{gap: 10px;} #sub.direction .c_wrap ul{gap: 10px} #sub.direction .c_wrap ul svg{width: 30px;height: auto} #sub.direction .c_wrap strong, #sub.direction .c_wrap .right strong{font-size: 14px;margin-bottom: 10px} #sub.direction .c_wrap ul li, #sub.direction .c_wrap p{font-size: 13px} #sub.direction .c_wrap{gap: 20px;padding-top: 40px} #sub.direction .c_wrap > div, #sub.direction .c_wrap .left{padding-left: 0;gap: 20px} #sub.direction .c_wrap{flex-direction: column} #sub.store .sch_w select{width: 100px} #sub.brand_bi .con04{padding: 60px 0;} #sub.brand_bi .con03 ul li span{margin-bottom: 10px;} #sub.direction .c_wrap .left{border: none;width: 100%} #sub.brand .a_title{margin-bottom: 20px;} #sub.brand .a_title strong{font-size: 45px;} #sub.brand_bi .con03 ul{gap: 15px} #sub.price .con02 .step ul li .icon{width: 100px;border-radius: 10px} #sub.price .con01 .info_list{padding-top: 20px;margin-top: 20px} #sub.price .con01 .price_w .table02{margin-bottom: 10px} #sub.price .con01 .price_w .table01{margin-bottom: 25px} #sub.price .con01 .price_w table th:nth-child(1) {border-radius: 5px 0 0 5px;} #sub.price .con01 .price_w table th:nth-child(3) {border-radius: 0 5px 5px 0 ;} #sub.price .con01 .price_w table th{font-size: 13px;height: 30px} #sub.price .con01 .total{padding-right: 20px;height: 40px;border-radius: 10px} #sub.price .con01 .total div p{font-size: 11px;top: 0} #sub.price .con01 .total span{font-size: 13px} #sub.price .con01 .price_w strong{font-size: 18px} #sub.price .con01 .price_w table td{font-size: 12px;line-height: 1.3;padding: 5px 0} #sub.price .con01 .price_w{padding: 40px 20px;border-radius: 10px} #sub.price .con01 .info_list ul li{font-size: 13px} #sub.price .con01 .info_list span{font-size: 11px;} #sub .sub_fr_visual .sv_loc {bottom: -22px} #sub .sub_fr_visual{margin-bottom: 65px} #sub .s_title{margin-bottom: 30px} #sub .s_title .tag{margin-bottom: 20px} #sub .s_title .tag em{font-size: 14px;height: 30px;} #sub .s_title p{font-size: 15px;} #sub .s_title strong{font-size: 32px} #sub .sub_fr_visual .roll .roll_w{top: 22px} #sub .sub_fr_visual .roll .roll_w strong{font-size: 90px} #sub .sub_fr_visual{height: 400px} #sub .sub_fr_visual img{width: 220px;height: auto} #sub .sub_visual .sv_title strong{font-size: 60px;} #sub .sub_visual .sv_loc ul li a{height: 40px;font-size: 15px} #sub.gal_board .list ul{gap: 30px 10px} #sub.gal_board .list ul li, #sub.gal_board.gal_board2 .list ul li{width: calc(50% - 5px)} #sub.gal_board .list ul li .txt{margin-top: 15px;} #sub.gal_board .list ul li .txt strong{font-size: 14px} #sub .sch_w input{width: 220px;font-size: 13px;height: 40px;padding: 0 15px} #sub .sch_w select{width: 70px;font-size: 13px;height: 40px;padding: 0 15px} #sub .sch_w button{padding-right: 20px} #sub .sch_w button svg{width: 14px;height: auto} #sub .sub_visual{padding-top: 150px;padding-bottom: 40px} #sub .sub_visual .sv_title strong{font-size: 40px} #sub.gal_board .list ul li .img{border-radius: 10px} #sub .sub_con{padding-bottom: 60px} #sub .paging{margin-top: 40px} #sub.interor .loop_cont .cont.cont01{margin-bottom: 10px} #sub.interor .loop_cont .cont img, #sub.interor .loop_cont .cont > div{width: 1200px} #sub.interor .int_big{margin-bottom: 10px} #sub.price .con02 .step ul li .txt strong{font-size: 16px;line-height: 1.5;word-break: keep-all} #sub.price .con02 .step ul li .txt p{font-size: 12px;line-height: 1.5;word-break: keep-all;margin-top: 5px} #sub.price .con02 .step ul li .icon{width: 70px} #sub.price .con02 .step ul li .txt strong{font-size: 13px;line-height: 1.5} #sub.price .con02 .step ul li .txt p br{display: none} #sub.price .con02 .step ul li .icon span {font-size: 10px;height: 20px;} #sub.price .con02 .step ul{gap: 30px 0} #sub.price .con02 .step .bg{display: none} #sub.price .con02 .step ul li .icon{margin-bottom: 7px} #sub .s_title strong{font-size: 28px} #sub.price .con01{margin-bottom: 60px} #sub.inquiry .con01 .privacy_w{padding: 10px;} #sub.inquiry .con01 .privacy_w p{font-size: 11px;line-height: 1.5} #sub.inquiry .con01 .privacy_w{height: 100px;} #sub.inquiry .con01 .privacy{margin-top: 30px} .more_btn .mor div{width: 150px;height: 40px;} .more_btn .mor div i{font-size: 13px} #sub.inquiry .con01 .more_btn{margin-top: 30px} #sub .sub_visual .sv_loc ul{height: auto;padding: 10px;flex-wrap: wrap} #sub.gal_board.menu_list .list ul{gap: 20px 10px} #sub .sub_visual .sv_loc ul li a{height: auto;line-height: 1.5} #sub.menu_list .sub_visual .sv_loc ul{padding: 10px} #sub.menu_list .sub_visual .sv_loc ul{gap: 0 10px} #sub.gal_board.menu_list .tabs ul li button{font-size: 13px} #sub.gal_board.menu_list .tabs ul{gap: 15px} #sub.gal_board.menu_list .tabs ul li button i{width: 24px;height: 24px} #sub.gal_board.menu_list .tabs ul li button i svg{width: 5px;height: auto} #sub.gal_board.menu_list .list ul li .info{margin-top: 15px} #sub.gal_board.menu_list .list ul li .size{gap: 10px;margin-top: 15px;} #sub.gal_board.menu_list .list ul li .size span{width: 22px;height: 22px;font-size: 13px;} #sub.gal_board.menu_list .list ul li .info strong{font-size: 20px;} #sub.franchise .con04 svg{width: 170px;height: auto} #sub.franchise .con04{margin-bottom: 60px} #sub.franchise .con02, #sub.franchise .con03{margin-bottom: 60px} #sub.about .con02 .bg {width: calc(100% - 40px);} #sub.about .con01{margin-bottom: 40px} #sub.about .con05 .piz_text .piz.piz01 .wr2 i{display: none} #sub.about .con05 .piz_text .piz.piz02 .wr2 i{display: none} #sub.about .con05 .piz_text .piz .wr{width: 100%} #sub.about .con05 .piz_text{position: static} #sub.about .con05 .pizza_in{flex-direction: column;justify-content: center} #sub.about .con05 .piz_text{padding: 0} #sub.about .con05 .piz_text .piz.piz01 .wr2 .line{display: none} #sub.about .con05 .piz_text .piz.piz01 .wr{mask: none !important} #sub.about .con05 .piz_text .piz.piz02 .wr{mask: none !important} #sub.about .con05 .piz_text .piz .wr{border-radius: 10px;} #sub.about .con05 .piz_text .piz02 .wr:after, #sub.about .con05 .piz_text .piz01 .wr:after{border-radius: 7px} #sub.about .con05 .piz_text .piz.piz02 .wr2 .line{display: none} #sub.about .con05 .piz_text .piz{width: 100%} #sub.about .con05 .piz_text{padding: 0; gap: 0} #sub.about .con05 .piz_text .piz .wr{border-radius: 0} #sub.about .con05 .piz_text .piz .wr2{width: 100%} #sub.about .con04 ul li .txt1 p{font-size: 11px;margin-top: 10px} #sub.franchise .con01 ul li span{margin-top: 12px} #sub.menu_view .con01{flex-direction: column} #sub.menu_view .con01 .left table td{height: 36px;line-height: 1.5;font-size: 12px;} #sub.menu_view .con01 .left table th{font-size: 13px;height: 36px} #sub.menu_view .con01 .title strong{font-size: 16px;} #sub.menu_view .con01 .right ul li p{font-size: 13px;line-height: 1.5} #sub.menu_view .con01 .title{margin-bottom: 10PX} #sub.menu_view .con01 .right ul, #sub.menu_view .con01{gap: 20px} #sub.about .con01 .typo strong.line {-webkit-text-stroke: 1px #361A0E;} #sub.price .con02 .step ul li{width: 50%} #sub.price .con02 .step ul{width: 300px;margin: 0 auto} #sub.price .con02 .step ul li .txt p{height: 55px} #sub.price .con02 .step .bg .pc{display: none} #sub.price .con02 .step .bg .mo{display: block} #sub.price .con02 .step .bg{display: block} #sub.price .con02 .step .bg svg{width: 330px} #sub.price .con02 .step .bg i{display: none} #sub.price .con02 .step ul li .txt p{padding: 0 15px} #sub.price .con02 .step ul li:nth-child(1){order: 1} #sub.price .con02 .step ul li:nth-child(2){order: 2} #sub.price .con02 .step ul li:nth-child(3){order: 4} #sub.price .con02 .step ul li:nth-child(4){order: 3} #sub.price .con02 .step ul li:nth-child(5){order: 5} #sub.price .con02 .step ul li:nth-child(6){order: 6} } @media (max-width: 660px) { #sub.about .con04 ul li:last-child:hover .txt1 { transform: translateY(-115px); } #sub.about .con04 ul li .txt1 .tag svg{width: 250px} #sub.about .con04 ul li .txt1 .tag{margin-top: 10px} #sub.franchise .con03 ul li .txt {margin-top: -50px;} #sub .menu_visual {padding-top: 190px;height: 640px;} #sub.franchise .con03 ul li .txt{height: 205px} #sub.franchise .con03 ul li .txt{height: 235px} .map_popup .pop_in .pop_w button i{width: 36px;height: 36px} #sub.about .con02.on .bg {clip-path: circle(150px);} #sub.franchise .con03 ul li .txt{padding: 12px} #sub.about .con03 .text p{font-size: 13px} #sub.about .con03 .text02 .txt b{font-size: 17px} #sub.about .con02 .text_w > div{padding: 100px 20px} #sub.about .con02 .text_w > div .left, #sub.about .con02 .text_w > div .right{width: 100%} #sub.about .con01 .typo.typo2 i{display: none} #sub.about .con01 .typo{gap: 5px} #sub.about .con01 .typo strong{font-size: 24px} #sub.about .con04 ul{flex-direction: column;gap: 10px} #sub.franchise .con02 .checklist{gap: 10px} #sub.franchise .con02 .checklist .pizza_w img{width: 300px} #sub.franchise .con05 ul:before{display: none} #sub.franchise .con05 ul{flex-direction: column} #sub.franchise .con04 .txt span{font-size: 13px;margin-top: 15px;word-break: keep-all;line-height: 1.5} #sub.franchise .con04 .txt p{font-size: 13px;word-break: keep-all} #sub.franchise .con04 .txt p br{display: none} #sub.franchise .con03 ul li .txt p{word-break: keep-all} #sub.store .sch_w select{width: calc(50% - 5px)} #sub.store .sch_w div{width: 100%} #sub.store .sch_w input{width: 100%} #sub.store .sch_w{flex-wrap: wrap} #sub.inquiry .con01 .f_list ul li{width: 100%} #sub .sub_visual.brand_visual .vis_img img{height: 100dvh;} #sub .sub_visual.brand_visual.on{height: 600px;} #sub.brand_bi .con04 .col_w span{margin-bottom: 10px;} #sub.brand_bi .con04 .col_w{flex-direction: column;} #sub.brand .a_title strong{font-size: 30px;} #sub .sub_visual .sv_loc ul li a{font-size: 13px} #sub .sub_visual .sv_loc ul{padding: 10px 25px;border-radius: 8px;gap: 15px} #sub.gal_board .list{margin-top: 20px} #sub .paging ul li a{width: 30px;height: 30px;font-size: 13px} #sub .paging ul li a svg{width: 9px;height: auto} #sub .paging ul{gap: 5px} #sub.brand_bi .con03 ul{flex-direction: column;} #sub.franchise .con01 .list .line{display: none} #sub.franchise .con02 .checklist .txt {width: calc(50% - 5px);} .map_popup .pop_in .pop_w {width: calc(100% - 40px);} #sub .menu_visual .pizza_in .name_box{top: -100px} #sub.franchise .con03 ul li .img img{width: 110px} #sub.franchise .con02 .checklist .txt span{font-size: 11px;line-height: 1.5} #sub.about .con02 .text_w > div .right{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end} #sub.brand_bi .con01 ul{flex-direction: column} #sub.about .con02 .text_w strong, #sub.about .con03 .text strong{font-size: 40px} #sub.about .con02{height: 100dvh} .map_popup .pop_in .pop_w button:before{top: 2px;left: 2px} #sub.about .con02 .text_w > div{flex-direction: column} #sub.franchise .con02 .checklist .txt p{font-size: 13px;word-break: keep-all;margin-top: 8px} #sub.franchise .con01 ul{flex-direction: column;gap: 15px} #sub.franchise .con02 .checklist .txt strong{font-size: 22px;margin-top: 10px} #sub.franchise .con02 .wrap{padding-bottom: 20px} .map_popup .pop_in .pop_w button{top: -50px} #sub.franchise .con03 ul li .txt p{font-size: 12px;line-height: 1.5} #sub.about .con02 .text_w > div { padding: 0px 20px;padding-bottom: 30px } #sub.about .con02{height: 860px;padding-bottom: 30px} #sub .menu_visual .pizza_in .wood img{width: 90vw} #sub .menu_visual .pizza_in .pizza img{width: 85vw;} #sub .menu_visual .pizza_in .wood{ width: 100%; height: 100%; display:flex; align-items: center; justify-content: center; } } @media (max-width: 400px) { #sub.about .con01 .typo strong{font-size: 22px} }