@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/variable/pretendardvariable-dynamic-subset.css");
/*.wrap {padding-top:55px;}*/
#footer_03{background-color:#000 !important;}
#quick .tableLayer ul li a{background-color:transparent !important;}
#footer_03 .company-info .disc span{color:#787878;}
#footer_03 .company-info p{color:#787878;}
#footer_03 ul.link li a{color:#fff;}
.footer_wrap .footer-logo img{max-width:270px; width:100%;}
#footer_03{background-color:#000;  position: relative;}
#footer_03 .number{position: absolute; bottom: 75px; right: 100px; font-size: 40px; color: #ffff;}
div.footer_wrap {max-width:unset !important; padding:50px 100px !important;}
.brand-wrap section{overflow:hidden;}
.video-sec video{width:100%;}
.contribution-wrap .top-banner{position: relative;}
.contribution-wrap .top-banner img{width:100%;}
.contribution-wrap .title {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff;}
.contribution-wrap .title h3{font-size:6.4rem;font-family: 'gamtanRoad'; margin-bottom:40px;}
.contribution-wrap .title p{font-size:2.4rem; font-weight:500; line-height:1.5;}




.contribution-form{max-width:1440px; margin: 0 auto 120px auto;}
#webzine .webzine_type_img img{object-fit:cover; border-radius:10px;}
table.board tr td, #webzine .webzine_type_text_td_left{height:auto !important;}
.contribution-form table > tbody > tr > td > table > tbody >.guide-wrap tr > td  > table > tbody > tr {display:flex; align-items:center;}
@media(max-width:1024px){
.contribution-form{padding:0 20px;}
.news_title{font-size:18px !important;}
.contribution-form table > tbody > tr > td > table > tbody > tr > td  > table > tbody > tr {flex-direction: column;}


}
.m-number{display:none;}
@media(max-width:1024px){
.contribution-wrap .title h3{margin-bottom:20px;}
.m-number{font-size:2.8rem; color:#fff;  text-align:center; display:block; margin-top:40px;}
.footer_wrap .footer-logo img{margin-left:60px;}
.footer-logo, #footer_03 .company-info p, .company-info .disc, #footer_03 ul.link{text-align:center !important;}
#footer_03 .number{display:none;}
div.footer_wrap{padding:50px 20px 50px 20px !important; }
}


.fancybox__content{width:70% !important; height:auto !important;}


html{font-size: 62.5%;}
/*
font-family: 'Pretendard Variable'; 
font-family: 'Oswald';
font-family: 'gamtanRoad';
*/




body{font-family: 'Pretendard Variable';}
.paper-bg{background-image: url('/bizdemo162554/img/image/paper-bg.png');background-position: center;}
.pc-img{display: block;}
.mb-img{display: none;}
@media(max-width:768px){
  .pc-img{display: none;}
  .mb-img{display: block;}
}
.top-banner img{width:100%;}
/*brand-banner*/


.brand-wrap section video{width:100%;}
.brand-wrap .brand-banner .brand-swiper .swiper-slide img,.brand-wrap .brand-banner .brand-swiper .swiper-slide video{width: 100%;}
.brand-wrap .brand-banner .brand-swiper {height: 100vh;}
.brand-wrap .brand-banner .swiper-pagination-bullet{width: 15px; border-radius: 3px; transition: 0.3s; background: #000; opacity: 0.8;}
.brand-wrap .brand-banner .swiper-pagination-bullet-active{background: #fff; width: 30px; opacity: 1;}


@media(max-width:1024px){
.brand-wrap .brand-banner video{width:100%; height:100%;object-fit:cover;}
.brand-wrap .brand-banner .brand-swiper{height:auto;}
.brand-wrap .brand-banner .brand-swiper .swiper-slide img{width:100%;height:100%; object-fit:cover;}
}


.brand-wrap  .brand-main-pagination{bottom:40px;}
.brand-visual-prev,.brand-visual-next{top:auto; bottom:25px; }
.brand-visual-prev{left:45%; right:auto;}
.brand-visual-next{right:45%; left:auto;}
.brand-banner .swiper-button-next:after,.brand-banner  .swiper-rtl .swiper-button-prev:after, .brand-banner .swiper-button-prev:after, .brand-banner .swiper-rtl .swiper-button-next:after{content:'';}




/*brand-introduct*/


.brand-wrap .brand-introduct{padding: 100px 0; position: relative;}
.brand-wrap .brand-introduct .box{position: relative; z-index:1;}
.brand-wrap .brand-introduct .box .txt{text-align: center;color: #fff;}
.brand-wrap .brand-introduct .box .txt h1{font-family: 'gamtanRoad'; font-size: 19rem; }
.brand-wrap .brand-introduct .box .txt h4{font-size:9rem;font-family: 'Oswald'; line-height: 1;}
.brand-wrap .brand-introduct .box .txt h3{font-family: 'Oswald'; font-size: 9rem; font-weight: 600;line-height: 1;}
.brand-wrap .brand-introduct .box .txt p{font-family: 'Pretendard Variable'; font-size: 2.4rem; font-weight: 500; line-height: 1.3; margin-top: 30px;}
.brand-wrap .brand-introduct .box .txt p strong{font-weight: 800;}
.brand-introduct-bg{position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.brand-introduct-bg video{width:100%; height:100%; object-fit:cover;}
@media(max-width:1024px){
.brand-wrap .brand-introduct .box .txt h4{font-size:5.4rem; }
.brand-introduct .thumbnail img{width:100%; max-width:60%;}
.brand-wrap .brand-introduct .box .txt h1{font-size:14rem;}
.brand-wrap .brand-introduct .box .txt h3{font-size:5.6rem;}
.brand-wrap .brand-introduct .box .txt p{font-size:1.6rem;}
.brand-wrap .brand-introduct .box .txt p{margin-top:20px;}
}
/*! topping */
.brand-wrap .brand-topping{padding: 200px 0;}
.brand-wrap .brand-topping .box{max-width: 1440px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.brand-wrap .brand-topping .box > div{width: 50%;color: #da2027;}
.brand-wrap .brand-topping .box > .txt h3{font-weight: 600; font-size: 6rem; line-height: 1.5;}
.brand-wrap .brand-topping .box > .txt h2{font-weight: 900;font-size: 8rem;}
.brand-wrap .brand-topping .box video{width: 100%; max-width: 710px;}
@media(max-width:1024px){
.brand-visual-prev{left:27%; }
.brand-visual-next{right:27%; }


.brand-wrap .brand-topping .box{flex-direction: column-reverse;}
.brand-wrap .brand-topping .box > div{width:100%;}
.brand-wrap .brand-topping .box > .txt{text-align:center; margin-top:30px;}
.brand-wrap .brand-topping .box > .txt h3{font-size:3.2rem; line-height:1;}
.brand-wrap .brand-topping .box > .txt h2{font-size:4rem;line-height:1.3; }
}
/*! menu-marquee */
.brand-wrap .menu-marquee {background-color: #da2027; padding:100px 0; overflow: hidden;  }
.brand-wrap .menu-marquee .title {max-width: 1680px; margin: 0 auto; font-size: 120px; font-family: 'Oswald'; font-weight: 600; color: #fff; margin-bottom: 100px;}
.brand-wrap .menu-marquee .title strong{-webkit-text-stroke-width: 2px;font-style: normal;letter-spacing: -1.2px;text-transform: uppercase;-webkit-text-stroke: 2px #fff; color: transparent;} 
.brand-wrap .menu-marquee > p{font-size: 2.4rem; max-width: 1680px; margin: 0 auto; color:#fff; font-weight: 400; text-align: center; line-height: 1.3; margin-top:50px}
.brand-wrap .menu-marquee > p strong{font-weight: 800;}
.brand-wrap .menu-marquee .box{display: flex; height:500px; position: relative;}
.brand-wrap .menu-marquee .marquee-list{position: absolute;top: 0 ; left: 0;display: flex;  border-top: 20px solid #fff; border-bottom: 20px solid #fff; padding: 30px 0 15px 0;}
.brand-wrap .menu-marquee .marquee-list1{animation: aniScroll 60s linear  infinite;}
.brand-wrap .menu-marquee .marquee-list2{animation: aniScroll-2 60s linear  infinite;}
.brand-wrap .menu-marquee .marquee-list li{margin:0 30px;}
.brand-wrap .menu-marquee .marquee-list li .txt{text-align: center; color: #fff;font-weight:600 ; padd.guide-wrap .guide-procedure .titleing:20px 10px;font-size: 2.4rem; }
.brand-wrap .menu-marquee .marquee-list li h5{  margin-bottom: 5px;font-size:2.4rem;}
.brand-wrap .menu-marquee .marquee-list li span{font-size: 1.8rem;}
.brand-wrap .menu-marquee .marquee-list li h5, .brand-wrap .menu-marquee .marquee-list li span{line-height:1;}
.brand-wrap .menu-marquee .title h2{font-size:120px; line-height:1; font-weight:600;}
@media(max-width:1024px){
.brand-wrap .menu-marquee{padding:60px 0;}


.brand-wrap .menu-marquee .title h2{font-size:46px;}
.brand-wrap .menu-marquee .marquee-list{border-top:8px solid #fff; border-bottom:10px solid #fff;}
.brand-wrap .menu-marquee .box{height:200px;}
.brand-wrap .menu-marquee > p{margin-top:20px; font-size:1.6rem;}
.brand-wrap .menu-marquee .title{font-size:3rem; margin-bottom:30px; padding-left:20px; box-sizing:border-box; line-height:1;}
.brand-wrap .menu-marquee .marquee-list{padding:20px 0 5px 0;}
.brand-wrap .menu-marquee .marquee-list li{margin:0 15px ;}
.brand-wrap .menu-marquee .marquee-list li img{max-width:130px;}
.brand-wrap .menu-marquee .marquee-list li h5{font-size:1.5rem; line-height:1; }
.brand-wrap .menu-marquee .marquee-list li span{font-size:1.3rem;}
.brand-wrap .menu-marquee .marquee-list li .txt{padding:20px 0;}
.brand-wrap .menu-marquee .marquee-list li .txt{font-size: inherit;}
}


@keyframes aniScroll{
    0%{ transform: translateX(0%) }
    100%{ transform: translateX(-100%) }
}




  /* 100%¿¡¼­ 0%À¸·Î À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes aniScroll-2{
    0%{ transform: translateX(100%) }
    100%{ transform: translateX(0%) }
}
.brand-wrap .vid-area{padding:200px 0; overflow: hidden;}
.brand-wrap .vid-area .video-box{max-width: 1520px; margin: 0 auto; position: relative; z-index: 1;}
.brand-wrap .vid-area video{width: 100%;}
.brand-wrap .vid-area .video-play{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); z-index: 1; cursor: pointer;}
.brand-wrap .vid-area .box{position: relative;}
.brand-wrap .vid-area .maq-box .marquee-list{position: absolute;bottom: -170px ; left: 0;display: flex; }
.brand-wrap .vid-area .maq-box .marquee-list1{animation: aniScroll 60s linear  infinite;}
.brand-wrap .vid-area .maq-box .marquee-list2{animation: aniScroll-2 60s linear  infinite;}
.brand-wrap .vid-area .maq-box .marquee-list h1{font-size: 19rem; white-space: nowrap; color: #DA2027; font-weight: 700; font-family: 'Oswald'; line-height:1; letter-spacing: -3px;}
.brand-wrap .vid-area .maq-box .marquee-list h1:nth-child(2){-webkit-text-stroke-width: 2px;font-style: normal;letter-spacing: -1.2px;text-transform: uppercase;-webkit-text-stroke: 2px #DA2027; color: transparent; }


@media(max-width:1024px){
.brand-wrap .vid-area .video-play img{max-width:60px;}
.brand-wrap .vid-area .maq-box .marquee-list h1:nth-child(2){-webkit-text-stroke: 1px #DA2027;}
.brand-wrap .vid-area{padding:100px 0;}
.brand-wrap .vid-area .maq-box .marquee-list{bottom:-80px;}
.brand-wrap .vid-area video{width: auto; height: 350px; object-fit: cover; max-width: 70%; margin: 0 auto;}
.brand-wrap .vid-area .maq-box .marquee-list h1{font-size:5.4rem; line-height:1;}
}


.brand-wrap .media-kungfu{padding: 200px 0; background-color: #DA2027; margin-top: 200px;}
.brand-wrap .media-kungfu .box{display: flex; align-items: flex-end;}
.brand-wrap .media-kungfu .box .media-links{width: 35%;background-color: #000;}
.brand-wrap .media-kungfu .box .media-links li a{color: #DA2027;font-size: 8rem;color: #DA2027; font-weight: 500;font-family: 'Oswald';  padding:10px 20px;  border-bottom: 1px solid #DA2027; width: 100%; box-sizing: border-box; transition: 0.3s;}
.brand-wrap .media-kungfu .box .media-links li a:hover{color: #fff;}
.brand-wrap .media-kungfu .box .thumbnail{width: 65%;}
.brand-wrap .media-kungfu .thumbnail{max-width:1085px; margin-left: auto; margin-right: 0;}
.brand-wrap .media-kungfu .thumbnail img{ width: 100%;}




@media(max-width:1024px){
.brand-wrap .media-kungfu{padding:50px 0 0 0; margin-top:100px;}
.brand-wrap .media-kungfu .box{flex-direction: column;}
.brand-wrap .media-kungfu .box .media-links, .brand-wrap .media-kungfu .box .thumbnail{width:100%;}
.brand-wrap .media-kungfu .box .thumbnail{padding-left:20px;}
.brand-wrap .media-kungfu .box .media-links li a{font-size:3.2rem;}
}












/*! franchiise*/ 
.franchiise-wrap .franchiise-banner img{width: 100%; vertical-align: bottom;}






/*! franchiise sales*/ 
.franchiise-sales{padding: 160px 0 150px 0; background-image: url('https://tanghwakongfu515.cafe24.com/bizdemo162554/img/image/sales-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;position: relative;}
.franchiise-sales .sales-box{height: 700px; max-width: 1000px; margin: 0 auto;}
.franchiise-sales .sales-box button{background-color: transparent; border: none; outline: none;  cursor: pointer;}
.franchiise-sales .sales-swiper{height: 100%;}
.franchiise-sales .sales-box .swiper-slide{text-align: center;}
.franchiise-sales .sales-box .slider__prev,.franchiise-sales .sales-box .slider__next{text-align: center; margin: 20px 0;}
.franchiise-sales .sales-box .swiper-slide img{margin:0 auto;}


.franchiise-sales .box .title{margin-bottom: 120px;}
.franchiise-sales .box .title h3{font-size:6.4rem ; font-family: 'gamtanRoad'; color: #fff; text-align: center; line-height:1.3;}
.franchiise-sales .box .title h3 strong{color:#DA2027; font-weight:400;}
.franchiise-sales .box .title h3 small{font-size:6.4rem;}
.franchiise-sales .disc{position: absolute; bottom:50px; right: 50px; color: #7e7e7e;;}  
.franchiise-sales .disc p{font-size: 1.6rem; text-align: right; line-height: 1.3;}




@media(max-width:1024px){
  .franchiise-sales .sales-box{height: 300px;}
  .franchiise-sales{background-image: url('https://tanghwakongfu515.cafe24.com/bizdemo162554/img/image/m-sales-bg.webp'); padding: 60px 0 ;}
  .franchiise-sales .box .title{margin-bottom: 40px;}
  .franchiise-sales .box .title h3 small{font-size: 2.4rem;}
  .franchiise-sales .box .title h3 {font-size: 3.6rem; line-height: 1.15;}
  .franchiise-sales .sales-swiper img{margin: 0 auto;}
  .franchiise-sales .slider__next,.franchiise-sales .slider__prev{display: none;}
  .franchiise-sales .disc{left: 50%; transform: translateX(-50%);  width: 100%; bottom:65px;}
  .franchiise-sales .disc p{text-align: center;}
}






/*! franchiise-brand*/ 
.franchiise-brand .video video{width:100%;}
.franchiise-brand{background-color: #000; padding: 160px 0;}
.franchiise-brand .box .title{color: #fff; text-align: center;}
.franchiise-brand .box .title h3{font-size: 6.4rem;  font-family: 'gamtanRoad'; margin-bottom: 20px; line-height:1.2;}
.franchiise-brand .box .title h5{font-size: 2.8rem;letter-spacing: -1px;}
.franchiise-brand .box .title h3 small{font-size:6.4rem;}


@media(max-width:1024px){
.franchiise-brand{padding: 0 0 60px 0;}
.franchiise-brand .box .title h3 small{font-size: 2.4rem; }
  .franchiise-brand .box .title h3{font-size: 3.6rem; line-height: 1.15; margin-bottom:10px;}
  .franchiise-brand .box .title h5{font-size: 1.8rem;}
}
/*! franchiise-data*/ 
.franchiise-data{padding: 100px 0 ; background-color: #da2027;}
.franchiise-data .box .title{color: #fff; text-align: center;}
.franchiise-data .box .title h3{font-size: 6.4rem;  font-family: 'gamtanRoad'; margin-bottom: 20px; display:block;}
.franchiise-data .numbers {max-width: 1440px; margin: 0 auto; margin-top: 160px;}
.franchiise-data .numbers ul{display: flex; justify-content: space-between;}
.franchiise-data .numbers ul li {text-align: center;}
.franchiise-data .numbers ul li .number{position: relative; display: flex;align-items: flex-end; justify-content: center;}
.franchiise-data .numbers ul li .number::after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 160px;height: 160px; background-color: #fff; border-radius: 150px;}
.franchiise-data .numbers ul li .number h5{font-size: 6.4rem; z-index: 1; color: #DA2027; font-family: 'Oswald'; font-weight: 600; line-height:1;}
.franchiise-data .numbers ul li .number span{font-size: 2rem;z-index: 1; color: #D1D1D1;}
.franchiise-data .numbers ul li > span{margin-top: 70px; font-size:2.4rem ; color: #fff; font-weight:600;}
.franchiise-data .box .title h3 small{font-size:6.4rem; }


@media(max-width:1024px){
.franchiise-data{padding: 60px 0 10px 0 !important;}
.franchiise-data .numbers{margin-top:60px;}
  .franchiise-data .numbers ul li .number h5{font-size: 3.2rem; }
.franchiise-data .numbers ul li .number span{font-size: 1.4rem; }
.franchiise-data .numbers ul li .number span{display: none;}
.franchiise-data .numbers ul li .number::after{width: 78px; height: 78px;}
  .franchiise-data .box .title h3{font-size: 3.6rem;line-height: 1.15;}
  .franchiise-data .box .title h3 small{font-size: 2.4rem;}
  .franchiise-data .numbers ul{justify-content: center; flex-wrap: wrap;}
  .franchiise-data .numbers ul li{width: 30%; margin-bottom: 50px;}
  .franchiise-data .numbers ul li > span{font-size: 1.6rem; margin-top: 40px; white-space:nowrap;}
}
/*! franchiise-business*/
.franchiise-business{padding: 160px 0 160px 0; background-image: url('https://tanghwakongfu515.cafe24.com/bizdemo162554/img/image/franchiise-business-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;position: relative; background-color: #000;}
.franchiise-business .box .title{margin-bottom: 120px; color: #fff; text-align: center;}
.franchiise-business .box .title h3{font-size:6.4rem ; font-family: 'gamtanRoad'; color: #fff; text-align: center; margin-bottom: 20px;}
.franchiise-business .box .title h3 small{font-size:6.4rem ;}
.franchiise-business .box .title h5{font-size: 2.8rem; font-weight:500; letter-spacing: -1px;}
.franchiise-business .video{max-width: 1340px;  margin: 0 auto;}
.franchiise-business .video{position: relative;}
.franchiise-business .video video{width: 100%; border: 20px solid transparent;border-image: linear-gradient(to right, #626367 0%, #000000 100%);border-image-slice: 1; }
.franchiise-business .video .ico{position: absolute; top: -70px; right: -50px;}




@media(max-width:1024px){
.franchiise-business .video video{border:none;}
.franchiise-business .video .ico{max-width:250px; right:-30px;}
.franchiise-business .video .ico  img{width:100%;}
  .franchiise-business .video{width: 80%}
  .franchiise-business{padding: 100px 0;}
  .franchiise-business .box .title h3 small{font-size: 2.4rem;}
  .franchiise-business .box .title h3{font-size: 3.6rem; line-height: 1.3;}
  .franchiise-business .box .title h5{font-size:1.4rem;}
}




/*! franchiise-closing*/
.franchiise-closing{padding: 100px 0 ; background-color: #da2027;}
.franchiise-closing .box .title{color: #fff; text-align: center;}
.franchiise-closing .box .title h3{font-size: 6.4rem;  font-family: 'gamtanRoad'; margin-bottom: 20px; line-height:1.2;}
.franchiise-closing .box .thumbnail {text-align: center;}
.franchiise-closing .box .title h3 small{font-size:6.4rem;}


@media(max-width:1024px){
.franchiise-closing{padding: 60px 0 ; }
  .franchiise-closing .box .title h3 small{font-size: 2.4rem;}
  .franchiise-closing .box .title h3{font-size: 3.6rem; line-height: 1.15;}
  .franchiise-closing .box .title p {font-size: 1.8rem; line-height: 1.3;}
  .franchiise-closing .box .thumbnail{margin-top: 50px;}
  .franchiise-closing .box .thumbnail img{width: 80%; margin: 0 auto;}
}




/*! franchiise-power-sec*/
.franchiise-wrap .franchiise-power{ background-color: #000; padding: 160px 0; background-image: url('https://tanghwakongfu515.cafe24.com/bizdemo162554/img/image/franchiise-power-bg.webp'); background-size: cover; background-repeat: no-repeat; background-position: center;position: relative; background-color: #000; overflow-x: hidden;}
.franchiise-wrap .franchiise-power .txt{color: #fff; text-align: center; position: relative;}
.franchiise-wrap .franchiise-power .txt .line-jul{position: absolute;top: 0px;z-index: 1; width:100%}
.franchiise-wrap .franchiise-power .txt .line-jul img{width:100%;}
.franchiise-wrap .franchiise-power .txt h5{color:#DA2027; font-family: 'Oswald'; font-weight:500 ; font-size: 3.2rem;}
.franchiise-wrap .franchiise-power .txt h4{font-size: 6.4rem; font-weight: 400; margin: 20px 0 50px 0; line-height: 1.2; font-family: 'gamtanRoad';}
.franchiise-wrap .franchiise-power .txt h4 strong{color: #DA2027;}
.franchiise-wrap .franchiise-power .txt h4 small{font-size:6.4rem;}
.franchiise-wrap .franchiise-power .bg img{width: 100%;}
.franchiise-wrap .franchiise-power .crape-box{display: flex; height:500px; position: relative;}
.franchiise-wrap .franchiise-power .crape-box .marquee-list{position: absolute;top: 30% ; left: 0;display: flex; }
.franchiise-wrap .franchiise-power .crape-box .marquee-list li{margin: 0 20px;}
.franchiise-wrap .franchiise-power .crape-box .marquee-list1{animation: aniScroll 60s linear  infinite;}
.franchiise-wrap .franchiise-power .crape-box .marquee-list2{animation: aniScroll-2 60s linear  infinite;}
@media(max-width:1024px){
  .franchiise-wrap .franchiise-power .txt h4 {font-size: 3.6rem;}
  .franchiise-wrap .franchiise-power .txt h4 small{font-size: 2.4rem;}
  .franchiise-wrap .franchiise-power .txt .line-jul img{width: 100%;}
  .franchiise-wrap .franchiise-power .txt .line-jul {top: 100%;}
  .franchiise-wrap .franchiise-power .crape-box{height: 350px;}
  .franchiise-wrap .franchiise-power .crape-box .marquee-list{top: 15%;}
}
/*! franchiise-strategy-sec*/




.franchiise-strategy{padding:100px 0 150px 0;}
.franchiise-strategy .box .title{ color: #fff; text-align: center;}
.franchiise-strategy .box .title h3{font-size:6.4rem ; font-family: 'gamtanRoad'; color: #fff; text-align: center; margin-bottom: 20px;}
.franchiise-strategy .box .title p{font-size: 2.8rem; line-height: 1.3; font-weight:500; letter-spacing: -1px; }
.franchiise-wrap .franchiise-strategy{padding: 100px 0;  background-color: #DA2027;}
.franchiise-wrap .franchiise-strategy .strategy-slide{position: relative;}
.franchiise-wrap .franchiise-strategy .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .franchiise-wrap .strategy-sec .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{color:#fff;}




.franchiise-wrap .franchiise-strategy .strategy-swiper{padding:100px 0;}
.franchiise-wrap .franchiise-strategy .strategy-slide .swiper-slide{transform: scale(0.9);}
.franchiise-wrap .franchiise-strategy .strategy-slide .swiper-slide a{width:100%; border:none; outline:none;}
.franchiise-wrap .franchiise-strategy .strategy-slide .swiper-slide-active{transform: scale(1.1); margin-right:60px;}
.franchiise-wrap .franchiise-strategy .strategy-slide .thumbnail img{width: 100%; vertical-align: bottom;}
.franchiise-wrap .franchiise-strategy .strategy-slide .slide-item{position: relative;}
.franchiise-wrap .franchiise-strategy .strategy-slide .slide-item .txt {text-align: center; color: #fff; }
.franchiise-wrap .franchiise-strategy .swiper-slide .slide-item .txt{opacity: 0; visibility: hidden;}
.franchiise-wrap .franchiise-strategy .swiper-slide-active .slide-item .txt{opacity: 1; visibility: visible;}
.franchiise-wrap .franchiise-strategy .strategy-slide .slide-item .txt h5{font-size:2.4rem ; font-weight: 600;}
.franchiise-wrap .franchiise-strategy .strategy-slide .slide-item .txt p{font-size: 2rem; margin-top: 15px; line-height: 1.5;  font-weight:600;}
.franchiise-wrap .franchiise-strategy .strategy-slide .slide-item .number{position: absolute; top: 20px; left: 20px; color:#DA2027 ; font-size: 5.5rem; font-family: 'Oswald'; font-weight: 200;}
.franchiise-wrap .franchiise-strategy .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top: auto; bottom: 0; max-width: 710px;    left: 50%;transform: translateX(-50%); background-color: #AF0000;}
.franchiise-wrap .franchiise-strategy .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #fff;}
  .franchiise-strategy .box .title b{font-weight:500;}


@media(max-width:1024px){
  .franchiise-wrap .franchiise-strategy{padding: 100px 0;}
  .franchiise-strategy .box .title h3{font-size: 3.6rem;}
  .franchiise-strategy .box .title b{font-size:24px; font-weight:500;}
  .franchiise-strategy .box .title p{font-size: 1.8rem;}
  .franchiise-wrap .franchiise-strategy .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{max-width: 80%;}
}




/*! franchiise-why-sec*/
.franchiise-why{padding:160px 0 0px 0; background-color: #000; overflow-x: hidden;}
.franchiise-why .box .title{ color: #fff; text-align: center;}
.franchiise-why .box .title h3{font-size:6.4rem ; font-family: 'gamtanRoad'; color: #fff; text-align: center; margin-bottom: 20px;}
.franchiise-why .box .title p{font-size: 2.4rem; line-height: 1.3; font-weight:500; letter-spacing: -1px;}
.franchiise-why .box .reason-box{max-width: 1240px; margin: 0 auto; display: flex;  justify-content: center; gap:100px; margin-top: 100px;}
.franchiise-why .box .reason-box .reason .txt{color:#fff; text-align: center;  margin-bottom:60px;}
.franchiise-why .box .reason-box .reason .txt h4{font-size:4.8rem ; font-family: 'Oswald';}
.franchiise-why .box .reason-box .reason .txt h5{font-size:2.8rem ; margin: 25px 0; font-weight: 700; line-height: 1.3;}
.franchiise-why .box .reason-box .reason .txt p{font-size:1.8rem ; line-height: 1.56;}




.franchiise-why .box .reason-box .reason{display: flex; justify-content: center; align-items: center; flex-direction: column; background: linear-gradient(180deg, #DA2027 0%, #AF0000 100%); width: 488px; height: 488px; padding: 40px; border-radius: 100%;}




@media(max-width:1024px){
.franchiise-why{padding:60px  0 0 0;}
  .franchiise-why .box .reason-box{position: relative; overflow-x: hidden;}
  .franchiise-why .box .reason-box{margin-top: 50px; margin-bottom:0;}
  .franchiise-why .box .reason-box .reason .txt h4{font-size:2.4rem ;}
  .franchiise-why .box .reason-box .reason .txt h5{font-size: 1.8rem; margin:5px 0;}
  .franchiise-why .box .reason-box .reason .txt p{font-size: 1.4rem;}
  .franchiise-why .box .title h3{font-size: 3.6rem;}
  .franchiise-why .box .title p{font-size: 1.8rem;line-height:1.4;}
  .franchiise-why .box .reason-box{height: 500px;}
  .franchiise-why .box .reason-box .reason{position: absolute;  width: 300px; height: 300px;filter: blur(3px);}
  .franchiise-why .box .reason-box .reason.active{z-index: 1;filter: blur(0);}
  .franchiise-why .box .reason-box .reason1{left: -10%;}
  .franchiise-why .box .reason-box .reason2{right: -10%;}
}




.text-marquee{padding:100px 0; background-color: #000; overflow-x: hidden;}


franchiise-wrap .text-marquee{padding:60px 0 100px 0;}
.text-marquee  .box{display: flex; height:200px; position: relative;}
.text-marquee  .marquee-list{position: absolute;top: 0 ; left: 0;display: flex;}
.text-marquee  .marquee-list1{animation: aniScroll 60s linear  infinite;}
.text-marquee  .marquee-list2{animation: aniScroll-2 60s linear  infinite;}
.text-marquee  .marquee-list li{margin:0 30px;}
.text-marquee  .marquee-list li .txt{text-align: center; color: #fff;font-weight:600 ; padding:20px 10px;font-size: 2.4rem; }
.text-marquee  .marquee-list li .txt span{font-size: 190px; white-space: nowrap; font-family: 'Oswald'; color: #DA2027;}
.text-marquee .box2 .marquee-list li .txt span{-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #DA2027;font-family: Oswald;color: transparent;font-style: normal;letter-spacing: -5.707px;text-transform: uppercase;}




@media(max-width:1024px){
  .text-marquee  .box{height: 70px;}
  .text-marquee  .marquee-list li .txt span{font-size: 60px;}
  .text-marquee .marquee-list li .txt{padding: 0;}
  .text-marquee .box2{margin-top: 10px;}
}






/*! franchiise-differentiation*/
.franchiise-differentiation{padding:100px 0 100px 0; background-color: #da2027;}
.franchiise-differentiation .box .title{ color: #fff; text-align: center; margin-bottom: 100px;}
.franchiise-differentiation .box .title h3{font-size:6.4rem ; font-family: 'gamtanRoad'; color: #fff; text-align: center; margin-bottom: 20px;}
.franchiise-differentiation .franchiise-differentiation-slide{max-width: 1440px; margin: 0 auto; padding: 40px; box-sizing: border-box; background-color:#C51C22 ; border-radius: 10px;}
.franchiise-differentiation .franchiise-differentiation-slide .swiper-slide{text-align: center;}
.franchiise-differentiation .franchiise-differentiation-slide .txt {color: #fff;}
.franchiise-differentiation .franchiise-differentiation-slide .txt h5{font-size:2.4rem; margin: 20px 0; font-weight: 700;}
.franchiise-differentiation .franchiise-differentiation-slide .txt p{font-size:1.8rem ; line-height: 1.3;}
.franchiise-differentiation .franchiise-differentiation-slide .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.franchiise-differentiation .franchiise-differentiation-slide .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{color: #fff;}
.franchiise-differentiation .franchiise-differentiation-slide .swiper-slide-next{border-right: 2px solid #da2027;border-left: 2px solid #da2027;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.franchiise-differentiation .franchiise-differentiation-box{display: none;}
.franchiise-differentiation .franchiise-differentiation-box .txt {color: #fff; text-align: center;}
.franchiise-differentiation .franchiise-differentiation-box .thumbnail{text-align: center;}
.franchiise-differentiation .franchiise-differentiation-box .txt h5{font-size:1.8rem; margin: 20px 0 10px 0; font-weight: 700;}
.franchiise-differentiation .franchiise-differentiation-box .txt p{font-size:1.4rem ; line-height: 1.3;}
.franchiise-differentiation .franchiise-differentiation-box ul li{margin-bottom: 60px;}




@media(max-width:1024px){
  .franchiise-differentiation .box .title{margin-bottom: 40px;}
  .franchiise-differentiation .franchiise-differentiation-box{display: block;}
  .franchiise-differentiation .box .title h3{font-size: 3.6rem;}
  .franchiise-differentiation-slide{display: none;}
.franchiise-differentiation .franchiise-differentiation-box ul li{margin-bottom:30px;}
}
/*! franchiise-procedure*/
.franchiise-procedure{padding:160px 0 160px 0; background-color: #000;}
.franchiise-procedure .box .title{ color: #fff; text-align: center; margin-bottom: 100px;}
.franchiise-procedure .box .title h3{font-size:6.4rem ; font-family: 'gamtanRoad'; color: #fff; text-align: center; margin-bottom: 20px;}
.franchiise-procedure .box .procedure-list{position: relative;}
.franchiise-procedure .box .procedure-list::after{content: ""; position: absolute; top: 45%; left: 0; width: 100%; height: 3px; background-color: #da2027;} 
.franchiise-procedure .box .procedure-list ul{display: flex; justify-content: space-between; max-width: 1440px; margin: 0 auto; z-index: 1; position: relative;}
.franchiise-procedure .box .procedure-list ul li {color: #fff; text-align: center;}
.franchiise-procedure .box .procedure-list ul li .thumbnail{margin: 20px 0 40px 0;}
.franchiise-procedure .box .procedure-list ul li .num{font-size:4.8rem ; color: #DA2027; font-family: 'Oswald';}
.franchiise-procedure .box .procedure-list ul li h5{font-size:2.4rem ; margin-bottom: 10px; font-weight:700;}
.franchiise-procedure .box .procedure-list ul li span{font-size:2rem ;line-height: 1.3; color: #808080;}




@media(max-width:1024px){
.franchiise-procedure .box .title{margin-bottom:40px;}
  .franchiise-procedure .box .procedure-list::after{display: none;}
  .franchiise-procedure .box .procedure-list ul{display: none;}
  .franchiise-procedure .box .procedure-list .thumbnail{display: block; padding: 0 20px; box-sizing: border-box;}
  .franchiise-procedure .box .procedure-list .thumbnail  img{width: 100%; } 
}


/*brand introduction*/




    .introduction-visual{background: radial-gradient(100% 100% at 51.15% 100%, #2D2D2D 20%, #101010 70%); padding-top:55px;}
    .introduction-visual .thumbnail img{width: 100%;}
    .introduction-visual .txt{text-align: center; margin: 150px 0 50px 0;}
    .introduction-visual .txt h2{font-size: 12rem; color: #DA2027; font-family: 'Oswald'; font-weight: 600;}
    .introduction-visual .txt p{font-size: 2.4rem; color:#fff; line-height: 1.5; margin-top: 30px;}
    .introduction-visual .txt p strong{font-weight: 700;}
    @media(max-width:1024px){
        .introduction-visual .txt h2{font-size: 4.8rem;}
        .introduction-visual .txt p{font-size: 1.6rem;}




    }
    .brand-power{background-color:#DA2027 ;  overflow: hidden;}
    .brand-power .txt{text-align: center; color: #fff; padding: 150px 0 0 0; position: relative;}
    .brand-power .txt h2{font-size: 10rem; font-family: 'Oswald'; z-index: 1; position: relative; line-height:1; letter-spacing: -1px}
    .brand-power .txt h2:nth-child(2){letter-spacing: -1.2px;text-transform: uppercase;-webkit-text-stroke: 1px #fff;color: transparent;}
    .brand-power .txt p{ font-size:2.4rem ; margin: 50px 0 100px 0; line-height: 1.3; z-index: 1; position: relative;}
    .brand-power .txt p strong{ font-weight: 700;}
    .brand-power .txt h4{font-size: 4.8rem; font-weight: 800;z-index: 1; position: relative;}
    .brand-power .txt h4 strong{ background: var(--gold-gradient, linear-gradient(90deg, #FBBB5D 43.8%, #F4EEBF 75.79%, #AF7840 116.51%));background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
    .brand-power .txt .chopsticks{position: absolute;}
    .brand-power .txt .chopsticks1{left: -50px;top: 0;}
    .brand-power .txt .chopsticks2{right: -150px;top: 50px;}
    .brand-power .crape-box{overflow: hidden; position: relative; display: flex;}
    .brand-power .crape-box .bg{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .brand-power .crape-list {display: flex;column-gap: 20px;width: 100%; z-index: 1;}
    .brand-power .crape-rollring{padding:105px 0; z-index: 1;position: relative;}
    @media(max-width:1024px){
    .brand-power .crape-rollring{padding:50px 0 105px 0; }
        .brand-power .txt .chopsticks1{left: -40%;top: 0;}
        .brand-power .txt .chopsticks2{right: -60%;top: 20%;}
        .brand-power .txt h2{font-size: 4.5rem;}
        .brand-power .txt p{font-size: 1.6rem;margin: 20px 0 250px 0; padding: 0 20px;}
        .brand-power .txt h4{font-size: 2.4rem;}
        .brand-power .txt{padding:200px 0 0 0;}
    }
    @media(max-width:500px){
        .brand-power .txt .chopsticks1{left: -75%;top: 0%;}
        .brand-power .txt .chopsticks2{right: -75%;top: 35%;}
    }
    .history{padding: 100px 0;}
    .history .tit{padding-left: 150px; margin-bottom: 100px; color: #DA2027;}
    .history .tit h5{font-size: 4rem; margin-bottom: 0px;}
    .history .tit h3{font-size: 6.4rem; font-weight: 800;}
    .history .history-slide-box{position: relative;padding-left: 150px;}
    .history .history-slide-box::after{content: ""; position: absolute; left: 0; top: 50px; background-color: #DA2027; height: 20px; width: 100%;}
    .history .history-slide-box .txt{color: #DA2027; margin-top: 40px;}
    .history .history-slide-box .txt h5{font-size: 3rem;  font-family: 'Oswald'; font-weight: 500; margin-bottom: 20px;}
    .history .history-slide-box .txt p{font-size: 1.8rem;font-weight: 700; margin-top: 5px; line-height: 1.3;}


    @media(max-width:1024px){
.history .history-slide-box::after{height:15px;}
.history .history-slide-box .swiper-slide img{width:auto;}
        .history .history-slide-box .swiper-slide{text-align: center;}
        .history .tit{padding: 0; margin-bottom:50px; text-align: center;}
        .history .tit h5{font-size: 2.4rem;}
        .history .tit h3{font-size: 3.6rem;}
        .history .history-slide-box .txt{margin-top: 10px;}
        .history .history-slide-box .txt h5{margin-bottom: 10px;font-size:2.4rem ;}
        .history .history-slide-box .txt p{font-size: 1.4rem;}
        .history .history-slide-box{padding-left: 0;}
    }
    .ideology .box{display: flex; gap: 50px; align-items: center;}
    .ideology .box > div{width: 50%;}
    .ideology .box .thumbnail {text-align: right;}
    .ideology .box .thumbnail img{width: 100%; max-width: 714px;}
    .ideology .box .txt{color: #DA2027;  max-width: 720px; position: relative;}
    .ideology .box .txt h5{font-size: 4rem; font-weight: 600; line-height:1;}
    .ideology .box .txt h4{font-size: 6.4rem; font-weight: 800; margin: 20px 0 70px 0; line-height:1;}
    .ideology .box .txt p{font-size: 2.4rem; line-height: 1.5;}
    .ideology .box .txt p strong{font-weight: 700;}
.ideology .txt .chise-symbol{position:absolute; position: absolute; left: 44%; top: -60px;}
    @media(max-width:1024px){
.ideology .txt .chise-symbol{left:50%;transform: translateX(-50%);}
        .ideology .box{flex-direction: column; gap:80px;}
        .ideology .box > div{width: 100%;}
        .ideology .box .thumbnail{text-align: center;}
        .ideology .box .txt{text-align: center; padding: 0 10px; box-sizing: border-box;}
        .ideology .box .txt h5{font-size: 2.4rem;}
    .ideology .box .txt h4{font-size: 3.6rem; margin: 10px 0 30px 0;}
    .ideology .box .txt p{font-size: 1.4rem; }
    }




    @media(max-width:500px){
.ideology .txt .chise-symbol {max-width:150px;}
}
    .k-maratang {background-image: url('https://tanghwakongfu515.cafe24.com/bizdemo162554/img/image/k-maratang-bg.png'); padding: 450px 0 100px 0; margin-top: 100px;}
    .k-maratang .txt {max-width: 1440px; margin: 0 auto; color: #fff;}
    .k-maratang .txt h5{font-size: 4rem; font-weight: 500;}
    .k-maratang .txt h4{font-size: 6.4rem;font-weight: 700; margin: 0px 0 50px 0;}
    .k-maratang .txt p{font-size: 2.4rem; font-weight:300 ; line-height: 1.5 ;}
    @media(max-width:1024px){
        .k-maratang{background-image: unset; background-color: #000; padding:0 0  50px 0;}
        .k-maratang .thumbnail img{width: 100%;}
        .k-maratang .txt{text-align: center; padding: 20px; box-sizing: border-box;}
        .k-maratang .txt h5{font-size: 2.4rem;}
        .k-maratang .txt h4{font-size: 3.6rem; margin: 0px 0 30px 0;}
        .k-maratang .txt p{font-size: 1.4rem; }
    }
    .kungfu-time{padding: 100px 0; background-color: #D21D24;}
    .kungfu-time .disc{text-align: center; color: #fff; margin-top: 30px ;}
    .kungfu-time .disc p {font-size: 2.4rem; line-height: 1.5;}
    .kungfu-time .thumbnail img{width: 100%;}




@media(max-width:1024px){
.kungfu-time{padding:0;}
    .kungfu-time .disc {display: none;}
}
    .tang-character{background-color:#D21D24; padding: 100px 0;}
    .tang-character .character1 img{width: 100%; max-width: 710px; margin: 0 auto;}
    .tang-character .character2 img{width: 100%; max-width: 712px; margin: 0 auto;}    
    .tang-character .title{text-align: center; color: #fff;}
    .tang-character .title h5{font-size: 4rem; margin-top: 20px;}
    .tang-character .title h4{font-size: 6.4rem; font-weight: 700; margin: 0px 0 100px 0;}
    .tang-character .tang-introduction{display: flex; align-items: center; max-width: 1440px; margin: 0 auto;}
    .tang-character .tang-introduction > div{width: 50%; color: #fff;}
    .tang-character .tang-introduction > .txt span{font-size: 3rem; font-weight:700;}
    .tang-character .tang-introduction > .txt h4{font-size: 12rem; margin:10px 0 50px 0;font-weight: 400; line-height:1; font-family: 'gamtanRoad';}
    .tang-character .tang-introduction > .txt p{font-size: 2.4rem; line-height: 1.5;}
    @media(max-width:1024px){
        .tang-character .title{padding: 0 20px;}
    .tang-character .title h5{font-size: 1.8rem;}


    .tang-character .title h4{font-size: 3.6rem; margin:0 0 100px 0}
    .tang-character .tang-introduction{flex-direction: column;}
    .tang-character .tang-introduction > div{width: 100%;}
    .tang-character .tang-introduction > .txt{padding: 0 20px ; text-align: center; box-sizing: border-box;}
    .tang-character .tang-introduction > .txt span{font-size: 2rem; line-height: 1.3;}
    .tang-character .tang-introduction > .txt h4{font-size: 8rem; }
    .tang-character .tang-introduction > .txt p{font-size: 1.4rem; }
}
@media(max-width:1024px){
.tang-character .tang-introduction > .txt h4{margin:20px 0 50px 0;}
}
.version{background-color: #101010; padding: 100px 0;}
.version .box .txt h2{    text-align: center;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #B0B0B0;font-family: Oswald;font-size: 16rem;font-style: 500;font-weight: 600;line-height: 90%;letter-spacing: -3.2px;text-transform: uppercase;color: transparent;}
.version .box > .txt{position: relative; padding: 200px 0 0 0;}
.version .character-ico{position: absolute;}
.version .character-ico1{top: 5%; left: 20%;}
.version .character-ico2{top: 40%; left: 30%;}
.version .character-ico3{top: 15%; left: 50%;}
.version .character-ico4{top: 60%; left:60%;}
.version .character-ico5{top: 55%; left: 17%;}
.version .character-ico6{top: 80%; left: 70%;}
.version .interior-zone{margin-top: 200px;}
.version .interior-tange{max-width: 1024px; margin: 0 auto;position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center;}
.version .interior-tange .txt {color: #fff; font-size: 2.8rem; text-align: center; line-height: 1.3;}
.version .interior-tange .txt strong{font-weight: 700;}
.version .interior-img{position: relative;max-width: 1440px;margin:-70px auto 0 auto;}
.version .interior-img .disc{position: absolute; left:50px; bottom:50px; color: #fff; font-size: 2rem; line-height: 1.5;}
@media(max-width:1024px){
    .version .box .txt h2{font-size: 5rem;    -webkit-text-stroke-width: 1px;}
    .version .box > .txt{padding: 50px 0 0 0;}
    .version .character-ico1{top: 0%; left: 10%;}
    .version .character-ico2{top: 40%; left: 20%;}
    .version .character-ico3{top: 5%; left: 50%;}
    .version .character-ico4{top: 55%; left:65%;}
    .version .character-ico5{top: 55%; left: 3%;}
    .version .character-ico6{top: 80%; left: 80%;}
    .version .character-ico img{max-width: 70px;}
    .version .interior-zone{margin-top: 100px;}
    .version .interior-img{margin: -30px auto 0 auto; padding: 0 10px 0 20px;}
    .version .interior-img img{width: 100%;}
    .version .interior-tange{width: 90%;}
    .version .interior-tange img{max-width: 125px;}
    .version .interior-tange .txt{font-size: 1.6rem; text-align: left;}
    .version .interior-img .disc{font-size: 1.4rem; text-align: center; left:50%; transform: translateX(-50%); width: 100%;}
}
.goods{background-color: #101010; padding: 100px 0;}
.goods .box .thumbnail{text-align: center;}
.goods .box p{text-align: center; font-size: 2.4rem; color: #fff; line-height: 1.3; margin-top: 50px;}




@media(max-width:1024px){
    .goods .box{padding:  0 20px;}
    .goods .box .thumbnail img{width: 100%;}
    .goods .box p{font-size:1.6rem;}
}




.story-envet .crape-box{overflow: hidden; position: relative; display: flex;}
    .story-envet .crape-box .bg{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .story-envet .crape-list {display: flex;column-gap: 20px;width: 100%; z-index: 1;}
    .story-envet .crape-rollring{padding:105px 0; z-index: 1;position: relative;}






.story-earth .box{position: relative;}
.story-earth .box img{width: 100%;}
.story-earth .txt{position: absolute; bottom: 200px; left: 50%; transform: translateX(-50%);}
.story-earth .txt p { color: #fff; font-size: 2.4rem; line-height: 1.5; text-align: center; font-weight: 300;}
.story-earth .txt p strong{font-weight: 700;}
@media(max-width:1024px){
    .story-earth .txt{bottom:40px;width: 100%;}
    .story-earth .txt p {font-size: 1.6rem; }
}
.story-envet{overflow: hidden; background-color: #101010; padding: 50px 0;}
.story-envet .envet-marquee > p{font-size: 2.4rem; color:#fff; text-align: center; line-height: 1.3;}
.story-envet .envet-marquee .box{display: flex; height:650px; position: relative;}
.story-envet .envet-marquee .marquee-list{position: absolute;top: 0 ; left: 0;display: flex; padding: 30px 0 15px 0; background-color: #101010;}




.story-envet .envet-marquee .marquee-list1{animation: aniScroll 60s linear  infinite;}
.story-envet .envet-marquee .marquee-list2{animation: aniScroll-2 60s linear  infinite;}
.story-envet .envet-marquee .marquee-list li{margin:0 30px;}
.story-envet .envet-marquee .marquee-list li .txt{text-align: center; color: #A0A0A0;font-weight:600 ; padding:20px 10px;font-size: 2.4rem;  }




@media(max-width:1024px){
    .story-envet .envet-marquee > p{padding: 0 20px;}
    .story-envet .envet-marquee .marquee-list li .txt, .story-envet .envet-marquee > p{font-size: 1.5rem;}
    .story-envet .envet-marquee .box{height: 410px;}
    .story-envet .envet-marquee .marquee-list  img{height: 300px;}
}
/*menu page*/




 html{
  scroll-behavior: smooth;
}
    .menu-wrap{background-color: #DA2027;}
    .menu-visual video{width: 100%;}
    .tit-rolling li{display: flex; align-items: center;}
    .tit-rolling li .line-txt{text-align: center;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #FFF;text-transform: uppercase; color: transparent;}
    .tit-rolling li span{font-size: 7rem; color: #fff;font-family: Oswald;line-height: normal;letter-spacing: 2.1px; white-space: nowrap; font-weight:600; margin:0 20px; letter-spacing: -1px; line-height:1;}  
    .tit-rolling{overflow: hidden; padding: 0px 0;}
    .tit-rolling .rolling-box {display: flex; height:100px; position: relative; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
    .tit-rolling .rolling-box .marquee-list{position: absolute;top: 0 ; left: 0;display: flex; padding: 10px 0 10px 0; }
    .tit-rolling .rolling-box .marquee-list1{animation: aniScroll 60s linear  infinite;}
    .tit-rolling .rolling-box .marquee-list2{animation: aniScroll-2 60s linear  infinite;}
    .tit-rolling .rolling-box .marquee-list li{margin:0 30px;}
    .menu-title{border-bottom: 2px solid #fff;}
    .menu-title h4{font-size: 2.8rem; text-align: center; padding: 20px ; color: #fff;}
    .menu-title h4 strong{font-weight: 700; line-height: 1.3;}






    .menu-category{position: fixed; bottom: 50px; left: 50%; transform: translateX(-50%);background-color: #fff; padding: 20px 40px; border-radius: 7px;}
    .menu-category ul {display: flex;  align-items: center; }
    .menu-category ul li{padding: 0 20px;}
    .menu-category ul li:not(:last-child){border-right: 2px solid #cccccc;}
    .menu-category ul li a{ color: #CCCCCC; font-size: 2rem; transition: 0.3s;}
    .menu-category ul li:hover a{color: #DA2027;}
@media(max-width:1024px){
    .tit-rolling .rolling-box{height: 85px;}
    .tit-rolling li span{font-size: 4rem;}
    
}
.menu-section{padding-bottom: 100px;}
.menu-section .menu-list{max-width: 1440px; margin: 0 auto; padding: 50px 0;}
.menu-section .menu-list li {background-color: #fff; padding:5px 5px 15px 5px;background: #F1EEE9;box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.15);}
.menu-section .menu-list ul{display: grid; grid-template-columns: repeat(5,1fr); gap: 50px 70px;}
.menu-section .menu-list li .txt{text-align: center; margin-top: 10px;}
.menu-section .menu-list li .txt h5,.menu-section .menu-list li .txt p {font-size: 1.6rem; font-weight: 500; color: #DA2027;}
.menu-section .menu-list li .txt h5{font-weight: 700; margin-bottom: 7px;}
.menu-section .menu-list li .menu-img img{width: 100%;}
@media(max-width:1024px){
    .menu-category ul li{padding: 0 10px;}
    .menu-category ul li a{font-size: 1.3rem; white-space: nowrap;}
    .menu-title h4{font-size: 1.6rem;}
    .menu-category{padding: 20px;}
    .menu-section{padding-right: 20px; padding-left: 20px;}
    .menu-section .menu-list ul{    grid-template-columns: repeat(2, 1fr); gap: 20px;}
    .menu-section .menu-list li .txt h5,.menu-section .menu-list li .txt p {font-size: 1.4rem; line-height: 1.3;}
}








.franchiise-introduction .franchiise-banner img{width: 100%;}






/*! franchiise-text-marqueee*/
.franchiise-introduction .text-marquee{padding:100px 0; background-color: #da2027; overflow:hidden;}
.franchiise-introduction .text-marquee  .box{display: flex; height:200px; position: relative;}
.franchiise-introduction .text-marquee  .marquee-list{position: absolute;top: 0 ; left: 0;display: flex;}
.franchiise-introduction .text-marquee  .marquee-list1{animation: aniScroll 100s linear  infinite;}
.franchiise-introduction .text-marquee  .marquee-list2{animation: aniScroll-2 100s linear  infinite;}
.franchiise-introduction .text-marquee  .marquee-list3{animation: aniScroll-3 100s linear  infinite;}
.franchiise-introduction .text-marquee  .marquee-list4{animation: aniScroll-4 100s linear  infinite;}






.franchiise-introduction .text-marquee  .marquee-list li{margin:0 30px;}
.franchiise-introduction .text-marquee  .marquee-list li .txt{text-align: center; color: #fff;font-weight:600 ; padding:20px 10px;font-size: 2.4rem; }
.franchiise-introduction .text-marquee  .marquee-list li .txt span{font-size: 190px; white-space: nowrap; font-family: 'Oswald'; color: #fff; line-height:0.9;}
.franchiise-introduction .text-marquee .box2 .marquee-list li .txt span{-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: #fff;font-family: Oswald;color: transparent;font-style: normal;font-weight: 600; /* 171.198px */letter-spacing: -5.707px;text-transform: uppercase;}
.franchiise-introduction .text-marquee .box3 .marquee-list li .txt,.franchiise-introduction .text-marquee .box3 .marquee-list li{margin: 0; padding: 0; }
.franchiise-introduction .text-marquee .box3{margin-top: 20px;}
@keyframes aniScroll-3{
    0%{ transform: translateX(0%) }
    100%{ transform: translateX(100%) }
}
@keyframes aniScroll-4{
    0%{ transform: translateX(-100%) }
    100%{ transform: translateX(0%) }
}


@keyframes aniScroll{
    0%{ transform: translateX(0%) }
    100%{ transform: translateX(-100%) }
}




  /* 100%¿¡¼­ 0%À¸·Î À̵¿ÇÏ´Â ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes aniScroll-2{
    0%{ transform: translateX(100%) }
    100%{ transform: translateX(0%) }
}


@media(max-width:1024px){
.franchiise-introduction .text-marquee{padding:40px 0;}
  .franchiise-introduction   .text-marquee  .box{height: 70px;}
  .franchiise-introduction .text-marquee  .marquee-list li .txt span{font-size: 60px;}
  .franchiise-introduction .text-marquee .marquee-list li .txt{padding: 0;}
  .franchiise-introduction .text-marquee .box2{margin-top: 10px;}
  .franchiise-introduction .text-marquee .box3{height: 130px;}
  .franchiise-introduction .text-marquee .box3 img{width: 230px;}
}
/*! franchiise-asia-game*/
.franchiise-introduction .asia-game{padding: 250px 0 150px 0; background-image: url('https://tanghwakongfu515.cafe24.com/bizdemo162554/img/image/asia-game-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;position: relative;}
  .franchiise-introduction .box{position: relative;}
.franchiise-introduction .asia-game .video{text-align: center; position: relative;}
.franchiise-introduction .asia-game .video video{max-width: 940px; margin: 0 auto;  width:100%;}
.franchiise-introduction .asia-game .video img{position: absolute; top: -35%; right: 13%;}
.franchiise-introduction .asia-game h3{display:none;}
.franchiise-introduction .title h3{ text-align: center; color: #fff; font-family: 'gamtanRoad'; font-size: 3rem; margin-bottom: 40px; line-height: 1.3;  }
@media(max-width:1024px){
  .franchiise-introduction .title h3{font-size: 3rem; display: block; margin-bottom:10px;}
  .franchiise-introduction .asia-game{padding: 200px 20px 200px 20px;background-image: url('https://tanghwakongfu515.cafe24.com/bizdemo162554/img/image/m-asia-game-bg.png');}
  .franchiise-introduction .asia-game .video img{display: none;}
  .franchiise-introduction .asia-game .asia-title-img{position: absolute; top: -75%; left: 50%; transform: translateX(-50%); max-width: 80%; width: 100%;}
}




/*! franchiise-franchiise-choice*/
.franchiise-introduction .franchiise-choice{padding: 160px 0 0 0; background-color: #000;}
.franchiise-introduction .franchiise-choice .title {text-align: center;}
.franchiise-introduction .franchiise-choice .title h3{font-size: 64px;color: #fff; font-family: 'gamtanRoad'; line-break: 1.3;}
.franchiise-introduction .franchiise-choice .title h3 small{font-size:64px;}
.franchiise-introduction .franchiise-choice .choice-box{display: flex; align-items: center;justify-content: center; padding: 120px 0; margin: 0 auto;}
.franchiise-introduction .franchiise-choice .choice-box .thumbnail{text-align: center;}
.franchiise-introduction .franchiise-choice .choice-box > div{width: 50%;}
.franchiise-introduction .franchiise-choice .choice-box .txt{color: #fff; padding-left: 240px;}
.franchiise-introduction .franchiise-choice .choice-box .txt span{font-size:2rem ;font-family: 'Oswald';color: #DA2027; font-weight:500;}
.franchiise-introduction .franchiise-choice .choice-box .txt h4{font-size:4.8rem ; font-family: 'gamtanRoad'; margin: 0px 0 30px 0; line-height: 1.3; font-weight:400;}
.franchiise-introduction .franchiise-choice .choice-box .txt h4 strong{color: #DA2027;font-weight:400;}
.franchiise-introduction .franchiise-choice .choice-box .txt p{font-size: 2.4rem; line-height: 1.5;letter-spacing: -1px;}
.franchiise-introduction .franchiise-choice .choice-box .txt p strong{font-weight: 700; line-height: 1.5;}
.franchiise-introduction .franchiise-choice .choice-box5 {flex-direction: column; align-items: flex-start; padding-left: 240px;}
.franchiise-introduction .franchiise-choice .choice-box5 .thumbnail{display: flex; align-items: center; gap: 20px;}
.franchiise-introduction .franchiise-choice .choice-box5 > div{width: 100%;}
.franchiise-introduction .franchiise-choice .choice-box5 .txt{padding: 0; margin-bottom: 60px;}
.franchiise-introduction .franchiise-choice .choice-box2,.franchiise-introduction .franchiise-choice .choice-box4,.franchiise-introduction .franchiise-choice .choice-box6{background-color:#181818 ;}




@media(max-width:1024px){
.franchiise-introduction .franchiise-choice .choice-box .txt span{margin-bottom:10px;}
  .franchiise-introduction .franchiise-choice{margin-top: -3px; padding:60px 0 0 0;}
  .franchiise-introduction .franchiise-choice .choice-box{padding: 50px 20px;}
  .franchiise-introduction .franchiise-choice .title h3{font-size: 3.6rem; line-height:1.15;}
  .franchiise-introduction .franchiise-choice .title h3 small{font-size: 2.4rem;}
  .franchiise-introduction .franchiise-choice .choice-box{flex-direction: column;}
  .franchiise-introduction .franchiise-choice .choice-box > div{ width: 100%;}
  .franchiise-introduction .franchiise-choice .choice-box .txt{padding-left: 0; text-align: center; margin-bottom: 60px;}
  .franchiise-introduction .franchiise-choice .choice-box .txt h4{font-size: 2.8rem; line-height:1.15;}
  .franchiise-introduction .franchiise-choice .choice-box .txt p{font-size: 1.6rem;}
  .franchiise-introduction .franchiise-choice .choice-box .thumbnail img{width: 80%;}
  .franchiise-introduction .franchiise-choice .choice-box5 .thumbnail{flex-direction: column;}
}




.franchiise-introduction .franchiise-review{padding: 100px 0 100px 0; background-image: url('https://tanghwakongfu515.cafe24.com/bizdemo162554/img/image/franchiise-review-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;position: relative; overflow: hidden;}
.franchiise-introduction .franchiise-review .title{ text-align: center; color: #fff;}
.franchiise-introduction .franchiise-review .title h4{font-size: 6.4rem; font-family: 'gamtanRoad'; margin-bottom: 20px;}
.franchiise-introduction .franchiise-review .title h4 small{font-size: 6.4rem; }
.franchiise-introduction .franchiise-review .title p{font-size: 2.4rem; font-weight:500;}




@media(max-width:1024px){
.franchiise-introduction .franchiise-review{padding:60px 0;}
.franchiise-introduction .franchiise-review .title h4 small{font-size: 2.4rem; }
  .franchiise-introduction .franchiise-review .title h4{font-size: 3.6rem; line-height: 1.15;margin-bottom: 10px;}
  .franchiise-introduction .franchiise-review .title small{font-size: 2.4rem;}
  .franchiise-introduction .franchiise-review .title p{font-size: 1.6rem;}
  .franchiise-introduction .review-marquee .marquee-box .marquee-list{top: 0;}
}






.franchiise-introduction .review-marquee .marquee-box{display: flex; height:500px; position: relative; margin-top:50px;}
.franchiise-introduction .review-marquee .marquee-box .marquee-list{position: absolute;top: 10% ; left: 0;display: flex; }
.franchiise-introduction .review-marquee .marquee-box .marquee-list li{margin: 0 20px;}
.franchiise-introduction .review-marquee .marquee-box .marquee-list1{animation: aniScroll 60s linear  infinite;}
.franchiise-introduction .review-marquee .marquee-box .marquee-list2{animation: aniScroll-2 60s linear  infinite;}




@media(max-width:1024px){
  .franchiise-introduction .review-marquee .txt h4 {font-size: 3.6rem;}
  .franchiise-introduction .review-marquee .txt h4 small{font-size: 2.4rem;}
  .franchiise-introduction .review-marquee .txt .line-jul img{width: 100%;}
  .franchiise-introduction .review-marquee .txt .line-jul {top: 100%;}
  .franchiise-introduction .review-marquee .marquee-box{height: 400px;}
  .franchiise-introduction .review-marquee .marquee-box .marquee-list{top: 0;}
}




.franchiise-delivery{background-color: #000;padding: 160px 0; overflow: hidden;}
.franchiise-delivery .title{max-width: 1440px; margin: 0 auto; color: #fff;}
.franchiise-delivery .title span{font-size: 2.4rem; font-weight:400;}
.franchiise-delivery .title h4{ font-size: 6.4rem;font-family: 'gamtanRoad'; margin: 10px 0 60px 0; line-height: 1.2; font-weight:400;}
.franchiise-delivery .title h4 strong{color: #DA2027; font-weight:400;}
.franchiise-delivery .delivery-txt{background-color: #DA2027; color: #fff; padding: 50px 0;}
.franchiise-delivery .delivery-txt ul{max-width: 1440px ; margin: 0 auto;  display: flex; gap: 80px;}
.franchiise-delivery .delivery-txt ul li h5{font-size: 2.4rem; margin-bottom: 30px; font-weight: 700; line-height: 1.3;}
.franchiise-delivery .delivery-txt ul li p{font-size: 1.8rem; line-height: 1.5;}
.franchiise-delivery .box{position: relative;}
.franchiise-delivery .delivery-truck{position: absolute; top: 45%; right: 0%; transform: translateY(-50%);}




@media(max-width:1024px){
.franchiise-delivery .title h4{margin:5px 0 60px 0;}
  .franchiise-delivery{padding:60px 0;}
  .franchiise-delivery .title{text-align: center;}
  .franchiise-delivery .title h4{font-size: 3.6rem;}
  .franchiise-delivery .title span{font-family: 'gamtanRoad';}
  .franchiise-delivery .title h4 strong{color: #fff;}
.franchiise-delivery .delivery-txt{padding:40px;}
  .franchiise-delivery .delivery-txt ul{flex-direction: column;}
  .franchiise-delivery .delivery-txt ul li{text-align: center;}
  .franchiise-delivery .delivery-txt ul li h5{font-size: 1.8rem; margin-bottom: 10px;}
  .franchiise-delivery .delivery-txt ul li p{font-size: 1.4rem;}
  .franchiise-delivery .delivery-truck{position: unset;}
.franchiise-delivery .delivery-txt ul{gap:40px;}
}






/*! franchiise-closing*/
.franchiise-closing{padding: 100px 0 ; background-color: #da2027;}
.franchiise-closing .box .title{color: #fff; text-align: center;}
.franchiise-closing .box .title h3{font-size: 6.4rem;  font-family: 'gamtanRoad'; margin-bottom: 20px;}
.franchiise-closing .box .thumbnail {text-align: center; margin-top: 50px; }
.franchiise-closing .box .thumbnail img{margin: 0 auto;}
.franchiise-closing .box .title p {font-size: 2.4rem; line-height: 1.3; font-weight:500;}
@media(max-width:1024px){
.franchiise-closing{padding:60px 0;}
  .m-delivery-truck img{width: 100%; vertical-align: bottom;}
  .franchiise-closing .box .title h3 small{font-size: 2.4rem;}
  .franchiise-closing .box .title h3{font-size: 3.6rem; line-height: 1.15;}
  .franchiise-closing .box .title p {font-size: 1.8rem; line-height: 1.3;}
  .franchiise-closing .box .thumbnail{margin-top: 50px;}
  .franchiise-closing .box .thumbnail img{width: 80%; margin: 0 auto;}
}












.guide-wrap .top-banner{position: relative;}
.guide-wrap .top-banner img{width: 100%;}
.guide-wrap .top-banner .title {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; color:#fff; width:100%;}
.guide-wrap .top-banner .title h3{font-size:6.4rem;font-family: 'gamtanRoad'; margin-bottom:40px;}
.guide-wrap .top-banner .title p{font-size:2.4rem; line-height:1.3; fop}




.guide-wrap .guid-curriculum {padding: 80px 0;}
.guide-wrap .guid-curriculum .title{text-align: center;}
.guide-wrap .guid-curriculum .title h4{font-size: 4.8rem; font-weight: 900;}
.guide-wrap .guid-curriculum .title p{font-size: 2.4rem;  margin-top: 50px; font-weight:500;}
.guide-wrap .guid-curriculum .thumbnail{margin-top: 50px;}
.guide-wrap .guid-curriculum .thumbnail img{max-width: 1301px; margin: 0 auto;}
    
@media(max-width:1024px){
.guide-wrap .guid-curriculum{padding:50px 0;}
  .guide-wrap .guid-curriculum .title p{display: none;}


}
.guide-wrap .guide-procedure{padding: 80px 0;}
.guide-wrap .guide-procedure .title{text-align: center; margin-bottom: 50px;}
.guide-wrap .guide-procedure .title h4{font-size: 4.8rem; font-weight: 700;}




.guide-wrap .guide-procedure .box .procedure-list{position: relative;}
.guide-wrap .guide-procedure .box .procedure-list::after{content: ""; position: absolute; top: 45%; left: 0; width: 100%; height: 2px; background-color: #da2027;} 
.guide-wrap .guide-procedure .box .procedure-list ul{display: flex; justify-content: space-between; max-width: 1440px; margin: 0 auto; z-index: 1; position: relative;}
.guide-wrap .guide-procedure .box .procedure-list ul li {color: #fff; text-align: center; flex: 1;}
.guide-wrap .guide-procedure .box .procedure-list ul li .thumbnail{margin: 20px 0 40px 0;}
.guide-wrap .guide-procedure .box .procedure-list ul li .num{font-size:4.8rem ; color: #DA2027; font-family: 'Oswald';}
.guide-wrap .guide-procedure .box .procedure-list ul li h5{font-size:2.4rem ; margin-bottom: 10px; color: #000; font-weight: 800;}
.guide-wrap .guide-procedure .procedure-list ul li span{font-size:2rem ;line-height: 1.3; color: #808080;}






@media(max-width:1024px){
.guide-wrap .guide-procedure{padding:50px 0;}
.guide-wrap .guide-procedure .title h4{font-size:32px;}
.guide-wrap .guide-procedure .title{margin-bottom:40px;}
  .guide-wrap .guide-procedure .procedure-list::after{display: none;}
  .guide-wrap .guide-procedure .procedure-list ul{display: none;}
  .guide-wrap .guide-procedure .procedure-list .thumbnail{display: block; padding: 0 20px; box-sizing: border-box;}
  .guide-wrap .guide-procedure .procedure-list .thumbnail  img{width: 100%; } 
  .guide-procedure .thumbnail img{width: calc(100% - 40px);}
  .guide-procedure .thumbnail{text-align: center;}
}






.guide-expense .box{padding: 160px 0;}
.guide-expense .box .title{text-align: center; margin-bottom: 100px;}
.guide-expense .title h4{font-size: 4.8rem; font-weight: 700;}
.guide-expense .expense-box {width: 100%;margin: 20px auto; position: relative;}
.guide-expense .expense-box .expense-ico{position: absolute;top: -80px;left: 100px; z-index: 1;}
.guide-expense .expense-box .total{max-width: 1440px; margin: 0 auto; text-align: center; padding: 20px 0; background-color: #000; }
.guide-expense .expense-box .total p{font-size: 2.4rem; color: #fff;}
.guide-expense .expense-box .total small{font-size: 1.8rem;}
.guide-expense .expense-box table {width: 100%;border-collapse: collapse;min-width: 600px;max-width: 1440px;margin: 0 auto;}




.guide-expense tr td:first-child,.guide-expense  tr td:last-child{font-weight: 600;}
.guide-expense th,.guide-expense td {line-height: 1.3;padding: 25px 10px;text-align: left;font-size: 2.1rem;text-align: center;}
.guide-expense td{font-weight:500;}
.guide-expense th {background-color: #D91F26;color: white;text-align: center;font-weight: 800;}
.guide-expense .total {font-weight: bold;text-align: right;background-color: #f5f5f5;}
.guide-expense  .expense-box1{margin-bottom: 200px;}
.guide-expense  .expense-box2 .total p{opacity: 0;visibility: hidden;}
.expense-table-img img{width:100%;}
@media (max-width: 1024px) {


.guide-expense  .expense-box1{margin-bottom:50px;}
.guide-expense .box .title{margin-bottom:40px;}
.guide-expense .expense-box .expense-ico{left:0; top:-60px;}
  .guide-expense tr td:first-child, .guide-expense tr td:last-child{vertical-align: middle;}
  .guide-expense tr td:nth-child(2), .guide-expense tr th:nth-child(2){vertical-align: middle;}
  .guide-expense .expense-box .total p small{font-size: 1.4rem;}
  .guide-expense .expense-box .total p{font-size: 1.6rem;}
  .guide-expense .box{padding: 50px 20px;}
  .guide-expense .expense-box table{min-width: auto;}
  .guide-expense   th, .guide-expense td {padding: 5px;font-size: 14px;}
.guide-expense th{padding:21px 5px;}
}




.guide-interior .box{padding: 100px 0 200px 0;}
.guide-interior .box .title{text-align: center; margin-bottom: 50px;}
.guide-interior .title h4{font-size: 4.8rem; font-weight: 700;}
.guide-interior .interior-top img{vertical-align: bottom;}
.guide-interior .interior-top{display: flex; align-items: center; justify-content: space-between; max-width: 1440px ; margin: 0 auto; border-bottom:20px solid #D91F26 ;}
.guide-interior .interior-top ul{display: flex; gap: 40px;}
.guide-interior .interior-top ul li {text-align: center;}
.guide-interior .interior-top ul li  p {font-size: 1.6rem; color: #7E7E7E; line-height: 1.3; margin-top:20px;}
.guide-interior  .interior-imgs{margin-top: 20px;}
.guide-interior  .interior-imgs ul{display: grid; grid-template-columns: repeat(3,1fr); max-width: 1440px; margin:0 auto; gap: 20px;}
.guide-interior  .interior-imgs ul li img{vertical-align: bottom;}
.guide-interior  .interior-imgs ul li{align-self: end;text-align: right;}
.guide-interior  .interior-imgs ul li .disc{text-align: right;}
.guide-interior  .interior-imgs ul li .disc h5{font-size: 3.6rem; color: #DA2027; font-weight: 800; line-height: 1.3; margin-bottom: 10px;}
.guide-interior  .interior-imgs ul li .disc p{font-size: 2.4rem; color: #676767;}
@media(max-width:1024px){
.guide-interior .box{padding:50px 20px;}
  .guide-interior .interior-imgs li:nth-child(5),.guide-interior .interior-imgs li:nth-child(6),.guide-interior .interior-imgs li:nth-child(7),.guide-interior .interior-imgs li:nth-child(8){display: none;}
  .guide-interior .interior-imgs ul li .disc h5{font-size: 2.8rem;}
  .guide-interior .interior-imgs ul li .disc p{font-size: 1.8rem;}
  .guide-interior .interior-imgs ul li .disc{margin-top: 40px; padding: 20px; box-sizing: border-box;}
  .guide-interior .interior-top ul li p{font-size: 1.2rem;}
  .guide-interior .interior-top ul{padding: 0 20px; gap: 0;justify-content: space-between;  gap: 20px; margin-bottom: 50px;}
  .guide-interior .interior-top ul li{flex: 1;}
  .guide-interior .title h4{font-size: 3.2rem;}


  .guide-interior .interior-top img{width: 100%;}
  .guide-interior .interior-top{flex-direction: column;}
  .guide-interior .interior-imgs ul li img {width: 100%;}
  .guide-interior .interior-imgs ul{grid-template-columns: repeat(1,1fr);}
}






.guide-form{background-image: url('https://tanghwakongfu515.cafe24.com/bizdemo162554/img/image/guide-form-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;position: relative; padding:100px ; 0 }
.guide-form .guide-form-box{max-width:1000px; margin:0 auto;}
.guide-form .formmail_title_bgcolor, .guide-form  td.formmail_cell_bgcolor{ background-color: transparent; font-family: 'Pretendard Variable'; border:none;}
.guide-form .formmail_title_bgcolor{padding:10px 0; }
.guide-form .formmail_title_bgcolor font, .guide-form  td.formmail_cell_bgcolor font{color:#fff !important; font-size:28px; }
.guide-form  .formmail_border{width:100% !important; }


.guide-form  table td.formmail_cell_bgcolor textarea[name="description1"]{width:100%;}
.guide-form input{border:none !important; outline:none !important; padding:20px 0;}
.guide-form textarea{font-family: 'Pretendard Variable'; }
.guide-form table > tbody > tr > td > table > tbody > tr:nth-child(6) textarea{height:150px !important; width:100%;}
.guide-form table > tbody > tr > td > table > tbody > tr > td{color:#fff;}


.guide-form-tables > tbody > tr:first-child, .guide-form-tables > tbody > tr:last-child{display:none;}
.guide-form-tables  > tbody > tr{height:100px;}
.guide-form-title {color:#fff; text-align:center; padding-bottom:30px; border-bottom:2px solid #fff; margin-bottom:30px;}


.guide-form-title h5{font-size:4.8rem; font-weight:700; margin-bottom:10px;}
.guide-form-title p{font-size:2.4rem}
.guide-form-title p strong{color:#DA2027;}
.guide-form table > tbody > tr:nth-child(7) td > table > tbody > tr:first-child{display: flex ; flex-direction: column; align-items: center; margin: 20px 0;}
.submit-button{font-size:2.8rem !important;}
@media(max-width:1024px){
.guide-form{padding:120px 20px 100px 20px;}
.guide-form-title h5{font-size:28px;}
.guide-form-title p{font-size:14px;}
.guide-form th,.guide-form td, .guide-form td.formmail_cell_bgcolor{padding:0 !important;}


.guide-form input{padding:10px;}
.guide-form-tables > tbody > tr{height:60px;}
.guide-form .formmail_title_bgcolor font, .guide-form td.formmail_cell_bgcolor font{font-size:16px; margin-right:20px;}
.submit-button{margin:0 !important;font-size:1.8rem !important; }
}
@media(max-width:500px){




}
.guide-more{background-color: #000; padding: 200px 0 100px 0;}
.guide-more .more-box{max-width: 1440px; margin: 0 auto; background-color: #D91F26; padding: 150px 40px 40px 40px; box-sizing: border-box; position: relative; border-radius:15px;}
.guide-more .more-box .title{margin-bottom: 50px;}
.guide-more .more-box .title h5{color: #fff; font-family: 'gamtanRoad'; font-size: 4.8rem;text-align: center;}
.guide-more .more-box ul{display: flex;justify-content: space-between;}
.guide-more .more-box ul li{position: relative;}
.guide-more .more-box ul li .txt{position: absolute; top: 70px; left: 20px;color: #fff;}
.guide-more .more-box ul li .txt span{font-size: 1.8rem;font-family: 'Oswald';}
.guide-more .more-box ul li .txt h5{font-size: 3.2rem; font-weight: 700; margin-top: 10px;}
.guide-more .more-box ul li img{width: 100%;border-radius:15px;}
.guide-more .more-box .more-ico{position: absolute; left: 50%;top: -120px; transform: translateX(-50%);}




@media(max-width:1024px){
.guide-more .more-box ul li .txt h5{font-size:2.4rem;}
  .guide-more{padding: 110px 0 60px 0;}
.guide-more .more-box .title{margin-bottom:30px;}
  .guide-more .more-box .title h5{font-size: 2.8rem;}
  .guide-more .more-box .more-ico{top:-8%;text-align: center;}
  .guide-more .more-box .more-ico img{max-width: 100%;}
  .guide-more .more-box{padding: 50px 20px 20px 20px; margin: 20px; border-radius:10px;}
  .guide-more .more-box ul{flex-direction: column; gap: 20px;}
  
}
.franchiise-success .box .success-title{position: relative;}
.franchiise-success .box .success-title .chinese-logo{position: absolute; left: -50%; bottom: 0;}
.franchiise-success .box .success-title .story-tange{position: absolute; right:0; bottom: 0%;}
.franchiise-success .box .success-title .disc{position: absolute; right: 20px; text-align: left; top: 15%;}
.franchiise-success .box .success-title .disc h5{color: #fff; font-size:4.8rem;font-family: 'gamtanRoad'; font-size:64px;}
.franchiise-success .box .success-title .disc h5:last-child{margin-top:40px; font-size:80px;line-height:1.2;}
.franchiise-success .box .success-title .disc strong{color:#fff;font-size:6.4rem;}
.franchiise-success .box{display: flex;}
.franchiise-success .box .success-title{width: 35%; background-color:#da2027; padding:100px 0;}
.franchiise-success .box .success-slide{width: 65%;background-color:#181818 ;padding:100px 0;}
.franchiise-success .box .success-slide .success-slide-top{padding: 60px 0;}
.franchiise-success .box .success-slide .thumbnail {text-align: center;}
.franchiise-success .box .success-slide .thumbnail img{max-width: 911px; margin: 0 auto;}
.franchiise-success .box .success-slide .content{max-width: 911px; margin: 0 auto; color: #fff; margin-top: 20px;}
.franchiise-success .box .success-slide .content ul li{margin-bottom: 60px;}
.franchiise-success .box .success-slide .content ul li h5{font-size:2.8rem;  font-family: 'gamtanRoad'; margin-bottom: 10px;}
.franchiise-success .box .success-slide .content ul li p{font-size: 2.4rem; line-height: 1.3;}
.franchiise-foot-banner{margin-top:-3px;}


@media(max-width:1024px){
.franchiise-success .box .success-title .chinese-logo{left:-10%;}
.franchiise-success .box .success-title .chinese-logo{max-width:180px;}
  .franchiise-success .box .success-title .chinese-logo img{width: 100%;}
.franchiise-success .box .success-title .disc h5:first-child{font-size:2.4rem;}
.franchiise-success .box .success-title .disc h5:last-child{margin-top:0px;}
  .franchiise-success .box .success-title .story-tange{max-width:180px}
  .franchiise-success .box .success-title .story-tange img{width:100%;}
  .franchiise-success .box .success-slide .content{padding: 0 20px; margin-top: 0;}
  .franchiise-success .box .success-slide .content ul li h5{font-size:2rem; }
.franchiise-success .box .success-slide .content ul li p{font-size: 1.4rem; }
.franchiise-success .box .success-slide .thumbnail{text-align: right;}
  .swiper-backface-hidden .swiper-slide img{width: 90%; margin-right: auto; margin-left: 0;}
  .franchiise-success .box .success-slide .thumbnail img{margin: 0; margin-left: auto; margin-right: 0;}
  .franchiise-success{background-color: #181818;}
  .franchiise-success .box .success-title .attack-logo{position: absolute; top: 50%; right: -10%; transform: translateY(-50%);}
  .franchiise-success .box .success-title .attack-logo img{max-width: 230px;}
  .franchiise-success .box .success-title{ background-color: #DA2027;}


  .franchiise-success .box .success-title .disc{position: relative; text-align: left; top: auto;right: auto; padding: 0 20px; z-index:11;}
  .franchiise-success .box .success-title .disc h5{font-size:3.8rem ; line-height: 1.3;}


  
  .franchiise-success .box{flex-direction: column;}
  .franchiise-success .box .success-slide .success-slide-top{background-color: #181818; padding: 0; margin-bottom:40px;}
.franchiise-success .box .success-slide .content ul li:last-child{margin-bottom:0;}
  .franchiise-success .box .success-title{width: 100%;  padding:50px 0;}
.franchiise-success .box .success-slide{width: 100%;padding:50px 0 50px  0;}
}
.franchiise-foot-banner .thumbnail img{vertical-align: bottom; width:100%;}




@media(max-width:1024px){
.left-section{gap:10px !important;}
.top-bar{padding:10px !important;}
.phone-number{gap:5px !important;}
}








@media(max-width:1660px){
.guid-nav.fixed{top:66px !important;}
.guide-wrap .guide-procedure .procedure-list ul li span, .guid-nav .swiper-slide a{font-size:1.4rem !important;;}
.header .two_dep li a, .header .nav > .call> a, .header .nav > li > a{font-size:1.4rem;}
.header .nav{gap:37px;}
#modalPopup_d table tbody tr td img {max-width:300px;}
.pop-bottom-content{font-size:13px !important;} 
.select-selected, .input-field{font-size:14px !important; }
.submit-btn, .inquiry-btn, .phone-number{font-size:24px !important;}
.phone-number img{width:30px !important;}
.guide-expense .title h4, .guide-wrap .guide-procedure .title h4{font-size:4rem;}
.map-wrap .title h3, .guide-wrap .top-banner .title h3{font-size:4.8rem !important;}
.map-wrap .title p, .guide-wrap .top-banner .title p{font-size:2.1rem !important;}
.tidings-nav .tidings-list ul li a{font-size:1.6rem;}


.tang-character .tang-introduction > .txt h4{font-size:9rem;}
.franchiise-sales .box .title h3, .franchiise-introduction .franchiise-choice .title h3, .franchiise-brand .box .title h3 small, .feedback-wrap .title h3, .inquiry-wrap .title h3, .contribution-wrap .title h3, .tang-character .title h4 ,.k-maratang .txt h4, .ideology .box .txt h4{font-size:4.8rem !important;}
.franchiise-introduction .franchiise-choice .choice-box .txt h4{font-size:4rem;}
.franchiise-procedure .box .title h3, .franchiise-why .box .title h3, .franchiise-strategy .box .title h3, .franchiise-brand .box .title h3, .franchiise-business .box .title h3, .franchiise-closing .box .title h3, .franchiise-closing .box .title h3 small{font-size:4.4rem !important;}
.detail-title h3 ,.tang-character .title h5, .k-maratang .txt h5, .ideology .box .txt h5{font-size:3.2rem;}
.tang-character .tang-introduction > .txt span{font-size:2.6rem;}
.franchiise-success .box .success-slide .content ul li h5, .franchiise-why .box .title p, .franchiise-strategy .box .title p, .franchiise-brand .box .title h5, .detail-title p, .contribution-wrap .title p ,.menu-title h4{font-size:2.1rem;}
.guide-interior .interior-imgs ul li .disc p, .guide-expense th, .guide-expense td, .guide-wrap .guide-procedure .box .procedure-list ul li h5, .franchiise-introduction .franchiise-choice .choice-box .txt p, .franchiise-success .box .success-slide .content ul li p, .story-envet .envet-marquee > p, .tang-character .tang-introduction > .txt p, .k-maratang .txt p, .ideology .box .txt p{font-size:1.8rem;}
.guide-interior .interior-imgs ul li .disc h5{font-size:2.8rem;}




}@media(max-width:768px){.guid-nav.fixed{top:60px !important;}}