@charset "utf-8";

:root {
  --point-color01: #D8AE58;
  --point-color02: #FF5F00;
  --point-color03: #3A784A;
}

.sub3 .sub-tit-wr{padding-top: 8rem;}
.sub3 .top-tit-bx{position: relative; width: 100%;height: 100vh;background-position: top;background-repeat: no-repeat;background-size: cover;}
.sub3 .top-tit-bx strong{display: block; font-size: var(--fontSize-39);color: #fff;font-weight: 600;text-align: center;padding-top: 25rem;}


section.top-wr{position: sticky;top: 0;height: 100vh;overflow: hidden;z-index: 1;}
section.content{position: relative;background: #fff;min-height: 150vh;isolation: isolate; z-index: 5; }
section.content .cont{position: relative;z-index: 3;}
/* section.content::before{
  content: "";
  position: absolute;
  left: 50%;
  top: -36rem;
  width: var(--r);
  height: var(--r);
  transform: translateX(-50%);
  border-radius: 50%;
  background: #fff;
  pointer-events: none;
  z-index: 1;
} */
 section.content::before{
  content: "";
  position: absolute;
  left: 0;
  top: -60rem;
  background: url(/theme/basic/img/sub/sub03/semicircle.png) no-repeat top / cover;
  width: 100%;
  height: 69.9rem;
  pointer-events: none;
  z-index: 1;
}



/*  */
.sub3 .cont1{padding-bottom: 17.5rem;}
.sub3 .icon-bx{position: relative;top: -7rem;justify-content: space-between;z-index: 3;}
.sub3 .icon-bx::before{
  position: absolute;
  content: '';
  width: calc(100% - 17rem);
  height: 30rem;
  top: -19rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.sub3 .icon-bx > li{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.sub3 .icon-bx strong{display: block;font-size: var(--fontSize-25);font-weight: bold;text-align: center;line-height: 35px;margin-top: 2rem;}
.sub3 .icon-bx .bx{position: relative;z-index: 3;}




.sub3 .cmn-txtBx h3,
.sub3 .cmn-txtBx {text-align: center;}
.sub3 .cmn-txtBx h3 {font-size: var(--fontSize-50);line-height: 60px;color: #D6AD58;font-weight: 400;}
.sub3 .cmn-txtBx h3 b {font-weight: 600;}
.sub3 .cmn-txtBx p {margin-top: 7rem;font-size: var(--fontSize-25);line-height: 45px;color: #181817;letter-spacing: -0.25px;}



/* ******************************** */
/* ******************************** */
/*  */
.sub3-pg1 .sub-tit-wr h3,
.sub3-pg1 .sub-tit-wr p{color: var(--point-color01);}
.sub3-pg1 .top-tit-bx{background-image: url(/theme/basic/img/sub/sub03/pg1_top_bg.jpg);}

.sub3-pg1 .cont1 .icon-bx::before{background: url(/theme/basic/img/sub/sub03/pg1_cont1_bg.png) no-repeat center / cover;}
.sub3-pg1 .cont1 .icon-bx{color: var(--point-color01);}
.sub3-pg1 .cont1 .icon-bx > li:nth-child(2){position: relative; top: -29rem}

.sub3-pg1 .cont2 .flex-bx{justify-content: center;}
.sub3-pg1 .cont2 .flex-bx > li{}
.sub3-pg1 .cont2 .flex-bx > li.imgBx{}
.sub3-pg1 .cont2 .flex-bx > li.txtBx{font-size: var(--fontSize-25);line-height: 45px;}
.sub3-pg1 .cont2 .flex-bx > li.txtBx b{font-weight: 600;}
.sub3-pg1 .cont2 .flex-bx strong{font-size: var(--fontSize-30);font-weight: 700;line-height: 52px;}

.sub3-pg1 .cmn-txtBx{padding: 17.3rem 0 20rem}
.sub3-pg1 .cmn-txtBx h3 {color: #D6AD58;}

.sub3-pg1 .cont4{padding-bottom: 26.5rem;}
.sub3-pg1 .sub3-cmn-swiper .swiper-slide-active{background-color: #D6AD58 !important;}
.sub3-pg1 .sub3-cmn-swiper .swiper-slide{background-color: #FFF7EC;}
.sub3-pg1 .sub3-cmn-swiper .swiper-slide strong{color: #D6AD58;border-bottom: 1px solid #D6AD58;}
.sub3-pg1 .sub3-cmn-swiper .swiper-button-next {background: url(/theme/basic/img/sub/sub03/pg1_ico_next.png) no-repeat center / contain;}
.sub3-pg1 .sub3-cmn-swiper  .swiper-button-prev {background: url(/theme/basic/img/sub/sub03/pg1_ico_prev.png) no-repeat center / contain;}




/* ******************************** */
/*  */
.sub3-pg2 .sub-tit-wr h3,
.sub3-pg2 .sub-tit-wr p{color: var(--point-color01);}
.sub3-pg2 .top-tit-bx{background-image: url(/theme/basic/img/sub/sub03/pg2_top_bg.jpg);}

.sub3-pg2 .cmn-txtBx {position: relative;top: -20em;padding-bottom: 0;}
.sub3-pg2 .cmn-txtBx h3 {color: var(--point-color02);}

.sub3-pg2 .sub3-cmn-swiper .swiper-wrapper{margin: 2rem 0}
.sub3-pg2 .sub3-cmn-swiper .swiper-slide-active{background-color: var(--point-color02) !important;}
.sub3-pg2 .sub3-cmn-swiper .swiper-slide{background-color: #FFF7EC;}
.sub3-pg2 .sub3-cmn-swiper .swiper-slide strong{color: var(--point-color02);border-bottom: 1px solid var(--point-color02);}
.sub3-pg2 .sub3-cmn-swiper .swiper-button-next {background: url(/theme/basic/img/sub/sub03/pg2_ico_next.png) no-repeat center / contain;}
.sub3-pg2 .sub3-cmn-swiper .swiper-button-prev {background: url(/theme/basic/img/sub/sub03/pg2_ico_prev.png) no-repeat center / contain;}
.sub3-pg2 .sub3-cmn-swiper .swiper-slide-active{transform: scale(1) rotate(-3deg) !important;}

.sub3-pg2 .cont3{padding: 22rem 0 26rem}
.sub3-pg2 .cont3 .flex-bx{justify-content: center;gap: 10.9rem}
.sub3-pg2 .cont3 h4{display: block; font-size: var(--fontSize-50);color: var(--point-color02);line-height: 62px;letter-spacing: -2.5px;}
.sub3-pg2 .cont3 p{font-size: var(--fontSize-25);color: #181817;font-weight: 300;letter-spacing: -0.25px;line-height: 40px;margin-top: 5.2rem;}
.sub3-pg2 .cont3 .grid-4{gap: 5.7rem;margin-top: 12rem;}
.sub3-pg2 .cont3 .grid-4 .img{}

.sub3-pg2 .cont4{background-color: #FFF7EC;padding: 22rem 0 24rem}
.sub3-pg2 .cont4 .tit-img{margin: 0 auto;padding-bottom: 10.7rem;}
.sub3-pg2 .cont4 .pizza-list{grid-gap: 10rem 6.5rem;}
.sub3-pg2 .cont4 .pizza-list > li{display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* .sub3-pg2 .cont4 .pizza-list > li.fix .img{animation: tiltBack 3s ease-in-out infinite;will-change: transform;} */
.sub3-pg2 .cont4 .pizza-list .box-img{}
.sub3-pg2 .cont4 .pizza-list .box-img .img{margin: 0 auto}
.sub3-pg2 .cont4 .pizza-list .i-bx{margin-top: 3.7rem;width: 100%;}
.sub3-pg2 .cont4 .pizza-list .tit{position: relative; padding-bottom: 1.5rem;border-bottom: 1px solid var(--point-color02);}
.sub3-pg2 .cont4 .pizza-list .tit::after{position: absolute;content: '';width: 5px;height: 5px;border-radius: 100%;background-color: var(--point-color02);bottom: -3px;right: -1px;z-index: 2;}
.sub3-pg2 .cont4 .pizza-list h4{font-size: var(--fontSize-28);font-weight: 500;color: var(--point-color02);letter-spacing: -0.67px;text-align: center;line-height: 33px;}
.sub3-pg2 .cont4 .pizza-list p{font-size: var(--fontSize-25);color: #231815;letter-spacing: -1.25px;line-height: 30px;text-align: center;margin-top: 1rem;}
.sub3-pg2 .cont4 .mid-name{padding-top: 18.5rem}

@keyframes tiltBack {
  0%   { transform: rotate(0deg); }
  10%  { transform: rotate(10deg); }
  20%  { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}


.sub3-pg2 .cont4 .mid-name b{color: var(--point-color02);}
.sub3-pg2 .cont4 .mid-name .icon{margin-top: 4.6rem;}
.sub3-pg2 .cont4 .more-btn{display: block; margin-top: 5.7rem;background-color: var(--point-color02);border: 1px solid var(--point-color02); padding: 1rem 2rem;width: 22rem;border-radius: 31rem;font-size: var(--fontSize-35);color: #fff;text-align: center;font-weight: 600;transition: .4s;}
.sub3-pg2 .cont4 .more-btn:hover{background-color: transparent;color: var(--point-color02);}



/* ******************************** */
/*  */
.sub3-pg3 .sub-tit-wr h3,
.sub3-pg3 .sub-tit-wr p{color: var(--point-color01);}
.sub3-pg3 .top-tit-bx{background-image: url(/theme/basic/img/sub/sub03/pg3_top_bg.jpg);}
.sub3-pg3 .c-tit{display: flex;align-items: center;justify-content: center;margin-bottom: 5.4rem;}
.sub3-pg3 .c-tit h3{background-color: #3A784A;padding: .8rem 4rem;border-radius: 25rem;font-size: var(--fontSize-25);color: #fff;text-align: center;font-weight: 400;}

.sub3-pg3 .cmn-txtBx{padding: 22rem 0 20rem}
.sub3-pg3 .cmn-txtBx h3 {color: var(--point-color03);}

.sub3-pg3 .cont1{position: relative;}
.sub3-pg3 .cont1 .icon-bx::before{background: url(/theme/basic/img/sub/sub03/pg1_cont1_bg.png) no-repeat center / cover;}
.sub3-pg3 .cont1 .icon-bx{color: var(--point-color03);}
.sub3-pg3 .cont1 .icon-bx > li:nth-child(2),
.sub3-pg3 .cont1 .icon-bx > li:nth-child(3),
.sub3-pg3 .cont1 .icon-bx > li:nth-child(4){position: relative;}
.sub3-pg3 .cont1 .icon-bx > li:nth-child(2),
.sub3-pg3 .cont1 .icon-bx > li:nth-child(4){top: -21rem}
.sub3-pg3 .cont1 .icon-bx > li:nth-child(3){top: -29rem}
.sub3-pg3 .cont1 .box-img{position: absolute;top: 10rem;left: 50%;transform: translateX(-50%);z-index: 1;}
.sub3-pg3 .cont1 .box-img .img{margin: 0 auto;}

.sub3-pg3 .cont3{padding-bottom: 20rem;}
.sub3-pg3 .sub3-cmn-swiper .swiper-wrapper{margin: 2rem 0}
.sub3-pg3 .sub3-cmn-swiper .swiper-slide-active{background-color: var(--point-color03) !important;}
.sub3-pg3 .sub3-cmn-swiper .swiper-slide{background-color: #F4F4EA;}
.sub3-pg3 .sub3-cmn-swiper .swiper-slide strong{color: #3A784A;border-bottom: 1px solid #3A784A;}
.sub3-pg3 .sub3-cmn-swiper .swiper-button-next {background: url(/theme/basic/img/sub/sub03/pg3_ico_next.png) no-repeat center / contain;}
.sub3-pg3 .sub3-cmn-swiper .swiper-button-prev {background: url(/theme/basic/img/sub/sub03/pg3_ico_prev.png) no-repeat center / contain;}
.sub3-pg3 .sub3-cmn-swiper .swiper-slide-active{transform: scale(1) rotate(3deg) !important;}

.sub3-pg3 .cont4{background-color: #F4F4EA;padding-top: 20rem}
.sub3-pg3 .line-bx{}
.sub3-pg3 .line-bx strong{display: block;font-weight: 500;color: var(--point-color03);line-height: 37px;letter-spacing: -0.76px;border-bottom: 1px solid var(--point-color03);padding-bottom: 1.5rem;}
.sub3-pg3 .line-bx p{color: #231815;line-height: 30px;margin-top: 1.5rem;}

.sub3-pg3 .cont4 .flex-bx1{padding-bottom: 5.8rem;gap:4rem;align-items: flex-end;}
.sub3-pg3 .cont4 .flex-bx1 .line-bx{padding-bottom: 5rem;}
.sub3-pg3 .cont4 .flex-bx1 .line-bx strong{font-size: var(--fontSize-32);}
.sub3-pg3 .cont4 .flex-bx1 .line-bx p{font-size: var(--fontSize-25);}

.sub3-pg3 .cont4 .line-tit{position: relative;margin-bottom: 3.8rem;background-color: #F4F4EA; }
.sub3-pg3 .cont4 .line-tit h4,
.sub3-pg3 .cont4 .line-tit span{display: inline-block;}
.sub3-pg3 .cont4 .line-tit h4{position: relative;background-color: #F4F4EA;  font-size: var(--fontSize-40);font-weight: 600;color: var(--point-color03);line-height: 48px;z-index: 2;padding-right: 4rem;}
.sub3-pg3 .cont4 .line-tit::after{position: absolute;content: ''; top: 50%;left: 0;transform: translateY(-50%);background-color: var(--point-color03);width: 100%;height: 1px;z-index: 1;}
.sub3-pg3 .cont4 .grid-2{gap: 5rem 7rem;}
.sub3-pg3 .cont4 .grid-2 > li{display: flex;align-items: center;gap: 5rem}
.sub3-pg3 .cont4 .grid-2 .line-bx{padding-top: 3rem;}
.sub3-pg3 .cont4 .grid-2 .line-bx strong{font-size: var(--fontSize-28);}
.sub3-pg3 .cont4 .grid-2 .line-bx p{font-size: var(--fontSize-25);}
.sub3-pg3 .cont4 .box-img .img{mix-blend-mode: multiply;}


.sub3-pg3 .cont5{background-color: #F4F4EA;padding: 20rem 0 18rem}
.sub3-pg3 .barnd-mapBx{}
.sub3-pg3 .barnd-mapBx > li:not(:last-child){padding-bottom: 17.9rem;}
.sub3-pg3 .mapBx,
.sub3-pg3 .root_daum_roughmap {height: 51.8rem !important;}
.sub3-pg3 .add-list {width: calc(100% - 40rem);}
.sub3-pg3 .mid-name b{color: var(--point-color03);}
.sub3-pg3 .mid-name .icon{margin-top: 4.6rem;}




/* ******************************** */
/* common slide */
.sub3-swiper-cont{overflow: hidden;}
.sub3 .sub3-cmn-swiper{margin: 0 -20rem}
.sub3 .sub3-cmn-swiper .swiper-slide{padding: 8rem 7rem;transition: .4s;}
.sub3 .sub3-cmn-swiper strong, .sub3 .sub3-cmn-swiper p{text-align: center;color: #fff;}
.sub3 .sub3-cmn-swiper strong{display: block;padding-bottom: 2.8rem;font-size: var(--fontSize-40);line-height: 48px;}
.sub3 .sub3-cmn-swiper p{font-size: var(--fontSize-25);color: #181817;line-height: 39px;margin-top: 3.6rem;}
.sub3 .sub3-cmn-swiper .swiper-slide{transform: scale(.8);}
.sub3 .sub3-cmn-swiper .swiper-slide-active{transform: scale(1);}
.sub3 .sub3-cmn-swiper .swiper-slide-active strong,
.sub3 .sub3-cmn-swiper .swiper-slide-active p{color: #fff;}
.sub3 .sub3-cmn-swiper .swiper-slide-active strong{border-bottom: 1px solid #fff;}
.sub3 .sub3-cmn-swiper .swiper-button-next, .sub3 .sub3-cmn-swiper .swiper-button-prev{width: 5.2rem;height: 5.2rem;}
.sub3 .sub3-cmn-swiper .swiper-button-next{right: 69rem;}
.sub3 .sub3-cmn-swiper .swiper-button-prev{left: 69rem;}
.sub3 .sub3-cmn-swiper .swiper-button-next::after,
.sub3 .sub3-cmn-swiper .swiper-button-prev::after {display: none;}




@media all and (max-width:1800px) {
  .sub3 .top-tit-bx strong{padding-top: 12rem;}
}
@media all and (max-width:1400px) {
  .sub3 .icon-bx{top: -11rem;}
  .sub3 .icon-bx .bx{width: 16rem;}
  .sub3 .icon-bx strong{font-size: 2.3rem;}

  .sub3-pg1 .cont1 .icon-bx > li:nth-child(2){top: -27rem;}
  .sub3-pg1 .cont1 .icon-bx > li:nth-child(1), .sub3-pg1 .cont1 .icon-bx > li:nth-child(3){margin-top: -22rem;}
  .sub3-pg1 .cont2 .flex-bx .img{width: 45rem;}
  .sub3-pg1 .cont2 .flex-bx strong, .sub3-pg1 .cont2 .flex-bx > li.txtBx{font-size: 2.3rem;}
  .sub3-pg1 .cont2 .flex-bx > li.txtBx{line-height: 36px;}

  .sub3 .sub3-cmn-swiper .swiper-button-prev{left: 52rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-next{right: 52rem;}

  .sub3-pg2 .cont3 .flex-bx img{width: 22rem;}
  .sub3-pg2 .cont3 h4{font-size: 4rem;line-height: 50px;}
  .sub3-pg2 .cont3 p{font-size: 2.3rem;line-height: 33px;}
  .sub3-pg2 .cont3 .grid-4{grid-gap: 4rem;}
  .sub3-pg2 .cont4 .tit-img{width: 34rem;}
  .sub3-pg2 .cont4 .pizza-list p{font-size: 2.3rem;line-height: 33px;}
  .sub3-pg2 .cont4 .pizza-list p br.br_pc{display: none;}
  .sub3-pg2 .cont4 .pizza-list > li.fix .box-img{width: 100%;}
  .sub3-pg2 .cont4 .pizza-list > li .box-img{width: 20rem;}

  .sub3-pg3 .cont1 .icon-bx .bx{width: 14rem;}
  .sub3-pg3 .cont1 .icon-bx > li:nth-child(1), .sub3-pg3 .cont1 .icon-bx > li:nth-child(5){margin-top: -22rem;}
  .sub3-pg3 .cont1 .box-img{top: 0;}
  .sub3-pg3 .cont4 .flex-bx1 > li.imgBx{width: 65%;}
  .sub3-pg3 .cont4 .flex-bx1 > li.txtBx{width: 45%;}
  .sub3-pg3 .cont4 .grid-2 .line-bx p br.br_pc{display: none;}
  .sub3-pg3 .add-list{width: calc(100% - 16rem);}

}
@media all and (max-width:1200px) {
  .sub3 .cmn-txtBx h3{font-size: 4.5rem;}
  .sub3 .cmn-txtBx p{font-size: var(--fontSize-23);line-height: 35px;margin-top: 3.5rem;}
  .sub3 .sub3-cmn-swiper .swiper-slide{padding: 3rem}
  .sub3 .sub3-cmn-swiper strong{font-size: 3rem;padding-bottom: 2rem;}
  .sub3 .sub3-cmn-swiper p{font-size: 2rem;line-height: 30px;margin-top: 2rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-prev{left: 46rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-next{right: 46rem;}
}
@media all and (max-width:1100px) {
  .sub3 .sub3-cmn-swiper .swiper-button-prev{left: 40rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-next{right: 40rem;}
}
@media all and (max-width:960px) {
  .sub-tit-wr h3{font-size: 6rem;}
  .sub3 .top-tit-bx strong{font-size: 3.6rem;padding-top: 15rem;}
  section.content{margin-top: -10rem;}
   section.content::before{top: -41rem;height: 54rem;}
   .sub3 .cont1{padding-bottom: 3rem;}
  .sub3 .icon-bx{top: 0;}
  .sub3 .icon-bx .bx{width: 13rem;}
  .sub3-pg1 .cont1 .icon-bx > li:nth-child(2){top: -26rem;}
  .sub3-pg1 .cont1 .icon-bx > li:nth-child(1), .sub3-pg1 .cont1 .icon-bx > li:nth-child(3){margin-top: -28rem;}
  .sub3 .icon-bx strong{font-size: 2rem;line-height: 30px;}
  .sub3-pg1 .cont2 .flex-bx .img{width: 26rem;}
  .sub3-pg1 .cont2 .flex-bx > li.txtBx{margin-left: 2rem;}
  .sub3-pg1 .cont2 .flex-bx strong, .sub3-pg1 .cont2 .flex-bx > li.txtBx{font-size: 2rem;line-height: 30px;}
  .sub3-pg1 .cmn-txtBx{padding: 12rem 0}
  .sub3 .cmn-txtBx h3{font-size: 3.5rem;line-height: 42px;}
  .sub3 .cmn-txtBx p{font-size: 2rem;line-height: 30px;margin-top: 2.5rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-prev{left: 33.8rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-next{right: 33.8rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-next, .sub3 .sub3-cmn-swiper .swiper-button-prev{width: 4rem;height: 4rem;}

  .sub3-pg2 .cont3 .flex-bx{gap: 3rem}
  .sub3-pg2 .cont3 .flex-bx img{width: 18rem;}
  .sub3-pg2 .cont3 h4{font-size: 3.5rem;}
  .sub3-pg2 .cont3 p{font-size: 2rem;line-height: 30px;}
  .sub3-pg2 .cont3 .grid-4{grid-gap: 2.5rem;margin-top: 13.5rem}
  .sub3-pg2 .cont4{padding: 22rem 0}
  .sub3-pg2 .cont4 .tit-img{width: 26rem;}
  .sub3-pg2 .cont4 .pizza-list{grid-gap: 6rem 4rem;grid-template-columns: repeat(2,1fr);}
  .sub3-pg2 .cont4 .pizza-list h4{font-size: 2.3rem;line-height: 33px;}
  .sub3-pg2 .cont4 .pizza-list p{font-size: 2rem;line-height: 30px;min-height: 9rem;}
  .sub3-pg2 .cont4 .pizza-list .i-bx{margin-top: 1.5rem;}
  .sub3-pg2 .cont4 .mid-name{padding-top: 6rem;padding-bottom: 0;}
  .sub3-pg2 .cont4 .mid-name .icon{width: 5rem;margin-top: 2rem;}
  .sub3-pg2 .cont4 .more-btn{font-size: 2.8rem;margin-top: 2rem;}

  .sub3-pg3 .cont1 .icon-bx .bx{width: 10rem;}
  .sub3-pg3 .cont1 .icon-bx::before{height: 16rem;}
  .sub3-pg3 .cont1 .icon-bx strong{font-size: 1.8rem;line-height: 27px;}
  .sub3-pg3 .cont1 .icon-bx > li:nth-child(3){top: -27rem;}
  .sub3-pg3 .cont1 .box-img{width: 33rem;}

  .sub3-pg3 .cont4 .line-tit h4{font-size: 3.2rem;}
  .sub3-pg3 .cont4 .flex-bx1 .line-bx strong{font-size: 2.8rem;line-height: 38px;}
  .sub3-pg3 .cont4 .flex-bx1 .line-bx p{font-size: 2rem;line-height: 30px;}
  .sub3-pg3 .cont4 .grid-2{grid-gap: 6rem 3rem;}
  .sub3-pg3 .cont4 .grid-2 > li{gap: 2rem}
  .sub3-pg3 .cont4 .grid-2 .line-bx strong{font-size: 2.3rem;line-height: 33px;}
  .sub3-pg3 .cont4 .grid-2 .line-bx p{font-size: 2rem;line-height: 30px;}
  .sub3-pg3 .mid-name .icon{width: 5rem;margin-top: 2rem;}
}
@media all and (max-width:820px) {
  .sub3-pg1 .cont1 .icon-bx > li:nth-child(1), .sub3-pg1 .cont1 .icon-bx > li:nth-child(3){margin-top: -33rem;}
}
@media all and (max-width:768px) {

}
@media all and (max-width:700px) {
  section.content::before{top: -30rem;height: 35rem;}
  .sub3 .icon-bx{top: 4rem;}
  .sub3 .icon-bx::before{height: 15rem;}
  .sub3 .icon-bx strong{font-size: 1.8rem;line-height: 26px;}
  .sub3-pg1 .cont2 .flex-bx .img{width: 23rem;}
  .sub3-pg1 .cont2 .flex-bx strong, .sub3-pg1 .cont2 .flex-bx > li.txtBx{font-size: 1.8rem;}
  .sub3 .cmn-txtBx h3{font-size: 3rem;line-height: 41px;}
  .sub3 .cmn-txtBx p{font-size: 1.8rem;line-height: 28px;margin-top: 2rem;}
  .sub3 .sub3-cmn-swiper .swiper-slide{padding: 2rem}
  .sub3 .sub3-cmn-swiper .swiper-button-prev{left: 30rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-next{right: 30rem;}
  .sub3 .sub3-cmn-swiper strong{font-size: 2.6rem;padding-bottom: 1.5rem;}
  .sub3 .sub3-cmn-swiper p{font-size: 1.8rem;line-height: 28px;margin-top: 1.5rem;}

  .sub3-pg3 .cont4 .grid-2{grid-template-columns: 1fr;grid-gap: 4rem;}
  .sub3-pg3 .cont4 .grid-2 .line-bx{width: 100%;}

}
@media all and (max-width:640px) {
  .sub3 .sub-tit-wr{padding-top: 6rem;}
  .sub-tit-wr h3{font-size: 4.2rem;}
  .sub3 .top-tit-bx strong{padding-top: 7rem;font-size: 2.5rem;}
  section.content{margin-top: -28rem;}
  section.content::before{height: 20rem;top: -20rem;}
  .sub3 .icon-bx{top: -8rem;display: grid;grid-template-columns: 1fr;gap: 4rem}
  .sub3 .icon-bx strong{margin-top: 1rem;}
  .sub3-pg1 .cont1 .icon-bx > li:nth-child(1), .sub3-pg1 .cont1 .icon-bx > li:nth-child(3){margin-top: 0;}
  .sub3 .icon-bx .bx{width: 11rem;}
  .sub3 .cont1{padding-bottom: 10rem;}
  .sub3 .cmn-txtBx h3{font-size: 2.3rem;line-height: 33px;}

  .sub3 .sub3-cmn-swiper{margin: 0 -20rem}
  .sub3 .sub3-cmn-swiper strong{font-size: 2rem;line-height: 30px;padding-bottom: 1rem;}
  .sub3 .sub3-cmn-swiper p{font-size: 1.6rem;line-height: 24px;margin-top: 1rem;}
  .sub3 .sub3-cmn-swiper p br.br_pc{display: none;}
  .sub3 .sub3-cmn-swiper .swiper-button-next, .sub3 .sub3-cmn-swiper .swiper-button-prev{width: 3.2rem;height: 3.2rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-prev{left: 23.5rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-next{right: 23.5rem;}

  .sub3-pg1 .cont1 .icon-bx > li:nth-child(2){top: 0;}
  .sub3-pg1 .cont1 .icon-bx::before{display: none;}
  .sub3-pg1 .cont2 .flex-bx{flex-direction: column;align-items: flex-start;}
  .sub3-pg1 .cont2 .flex-bx > li.imgBx{margin: 0 auto;padding-bottom: 3rem;}
  .sub3-pg1 .cont2 .flex-bx > li.txtBx{margin-left: 0;}
  .sub3-pg1 .cont2 .flex-bx > li.txtBx br.br_pc{display: none;}
  .sub3-pg1 .cont2 .flex-bx strong, .sub3-pg1 .cont2 .flex-bx > li.txtBx{text-align: center;}
  .sub3-pg1 .cmn-txtBx{padding: 10rem 0;}
  .sub3-pg1 .cont4{padding-bottom: 10rem;}

  .sub3-pg2 .cont1{padding-bottom: 0;}
  .sub3-pg2 .cont3{padding: 10rem 0;}
  .sub3-pg2 .cont3 .flex-bx{flex-direction: column;align-self: flex-start;}
  .sub3-pg2 .cont3 .flex-bx img{width: 13rem;}
  .sub3-pg2 .cont3 h4, .sub3-pg2 .cont3 p{text-align: center;}
  .sub3-pg2 .cont3 h4{font-size: 2.5rem;line-height: 36px;}
  .sub3-pg2 .cont3 h4 br.br_pc{display: none;}
  .sub3-pg2 .cont3 p{font-size: 1.8rem;line-height: 30px;margin-top: 2rem;}
  .sub3-pg2 .cont3 .grid-4{grid-gap: 1.5rem;grid-template-columns: 1fr 1fr;padding: 0 var(--sub-inner-pd);margin-top: 8rem;}

  .sub3-pg2 .cont4{padding: 10rem 0}
  .sub3-pg2 .cont4 .tit-img{width: 20rem;padding-bottom: 8rem;}
  .sub3-pg2 .cont4 .pizza-list{grid-template-columns: 1fr;}
  .sub3-pg2 .cont4 .pizza-list .tit{padding-bottom: 1rem;}
  .sub3-pg2 .cont4 .pizza-list h4{font-size: 2rem;}
  .sub3-pg2 .cont4 .pizza-list p{font-size: 1.8rem;line-height: 28px;min-height: auto;}
  .sub3-pg2 .cont4 .pizza-list p br.br_pc{display: inline-block;}
  .sub3-pg2 .cont4 .mid-name .icon{width: 4rem;}
  .sub3-pg2 .cont4 .more-btn{font-size: 2rem;padding: .6rem 2rem;width: 17rem;}


  .sub3 .cont1{padding-bottom: 0;}
  .sub3-pg3 .cont1 .icon-bx > li:nth-child(2), .sub3-pg3 .cont1 .icon-bx > li:nth-child(4){top: 0;}
  .sub3-pg3 .cont1 .icon-bx > li:nth-child(3){top: 0;}
  .sub3-pg3 .cont1 .icon-bx > li:nth-child(1), .sub3-pg3 .cont1 .icon-bx > li:nth-child(5){margin-top: 0;}
  .sub3-pg3 .cont1 .box-img{position: relative;top: -2.5rem;}

  .sub3-pg3 .cmn-txtBx{padding: 10rem 0}
  .sub3-pg3 .cont3{padding-bottom: 10rem;}
  .sub3-pg3 .cont4{padding-top: 10rem;}
  .sub3-pg3 .cont4 .flex-bx1{flex-direction: column;align-items: flex-start;gap :2rem}
  .sub3-pg3 .cont4 .flex-bx1 > li.imgBx, .sub3-pg3 .cont4 .flex-bx1 > li.txtBx{width: 100%;}
  .sub3-pg3 .cont4 .flex-bx1 .line-bx{padding-bottom: 0;}
  .sub3-pg3 .cont4 .flex-bx1 .line-bx strong, .sub3-pg3 .cont4 .grid-2 .line-bx strong{font-size: 2rem;line-height: 30px;}
  .sub3-pg3 .cont4 .flex-bx1 .line-bx p, .sub3-pg3 .cont4 .grid-2 .line-bx p{font-size: 1.8rem;line-height: 30px;}
  .sub3-pg3 .cont4 .line-tit{padding-bottom: 1.5rem;}
  .sub3-pg3 .cont4 .line-tit h4{font-size: 2.3rem;line-height: 33px;}
  .sub3-pg3 .cont4 .grid-2{grid-gap: 6rem;}
  .sub3-pg3 .cont4 .grid-2 > li{flex-direction: column;gap: 1rem}
  .sub3-pg3 .cont4 .grid-2 .box-img{width: 20rem;}
  .sub3-pg3 .cont4 .grid-2 .line-bx{padding-top: 0;}

  .sub3-pg3 .mid-name .icon{width: 4rem;}
  .sub3-pg3 .c-tit h3{font-size: 2rem;padding: .6rem 4rem}
  .sub3-pg3 .mapBx, .sub3-pg3 .root_daum_roughmap{height: 32rem !important;}

  .sub3-pg3 .cont5{padding: 10rem 0}
  .sub3-pg3 .c-tit{margin-bottom: 4rem;}
  .sub3-pg3 .c-tit h3{font-size: 1.8rem;}
  .sub3-pg3 .barnd-mapBx > li:not(:last-child){padding-bottom: 12rem;}
  .sub3-pg3 .add-list{width: 100%;}
  .sub3-pg3 .add-list > li{padding: 2rem}
  .sub3-pg3 .add-list .icon{width: 2.6rem;}


}
@media all and (max-width:360px) {
  .sub-tit-wr p{font-size: 1.8rem;}
  .sub3 .top-tit-bx strong{font-size: 2.3rem;}

  .sub3 .icon-bx strong{font-size: 1.6rem;line-height: 24px;}
  .sub3 .cmn-txtBx h3{font-size: 2.2rem;line-height: 33px;}
  .sub3 .cmn-txtBx p{font-size: 1.6rem;line-height: 26px;margin-top: 1.5rem;}
  .sub3-pg1 .cont2 .flex-bx > li.imgBx{padding-bottom: 2rem;}
  .sub3-pg1 .cont2 .flex-bx .img{width: 20rem;}
  .sub3-pg1 .cont2 .flex-bx strong, .sub3-pg1 .cont2 .flex-bx > li.txtBx{font-size: 1.6rem;line-height: 26px;}
  .sub3 .sub3-cmn-swiper .swiper-button-next, .sub3 .sub3-cmn-swiper .swiper-button-prev{width: 3rem;height: 3rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-prev{left: 22.5rem;}
  .sub3 .sub3-cmn-swiper .swiper-button-next{right: 22.5rem;}


  .sub3-pg2 .cont3{padding: 10rem 0}
  .sub3-pg2 .cont3 h4{font-size: 2.2rem;line-height: 32px;}
  .sub3-pg2 .cont3 p{font-size: 1.6rem;line-height: 25px;margin-top: 1.5rem;}
  .sub3-pg2 .cont3 .grid-4{margin-top: 4.5rem;}
  .sub3-pg2 .cont4 .tit-img{width: 16rem;padding-bottom: 6rem;}
  .sub3-pg2 .cont4 .pizza-list p{font-size: 1.6rem;line-height: 25px;}
  .sub3-pg2 .cont4 .pizza-list > li .box-img{width: 17rem;}
}