/* ///// 메인페이지 ////// */

.main-visual{
  padding : 4rem 0 1.6rem
}

.video-wrapper{
  border: none;
  background-color: transparent;
  padding : 0;
}

.video-player{
  border-radius: 0px;
  height : auto;
}

.swiper-slide{
  padding : 0;
  padding-bottom: 2rem;
}

.swiper-slide h2{
  font-size : clamp(1.8rem, 1.8rem + 1vw, 2.2rem);
}

.play-icon{
  width : 100px;
}

.swiper .swiper-button-next, .swiper .swiper-button-prev{
  top: 96%;
  width: 20px;
  height: 20px;
}

.video-info{
  flex-direction: column;
  gap: 1rem;
}

.video-info-inner{
  width: 90%;
  max-width: none;
  justify-content: center;
  padding : 2rem 0 1rem;
}

.video-info-inner span{
  font-size: 1.1rem;
}

.video-info a{
  background : none;
  padding: 0;
}

.video-info a:hover{
  background: none;
}

.video-info-link{
  width: 85%;
  display : flex;
  justify-content: flex-end;
}

.video-info-link a{
  font-size: 1.1rem;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
  font-size: 1rem;
}

.swiper-button-prev:after{
  font-size: 1rem;
}

.swiper-button-next{
  left: 70px;
  background-color: var(--grey-30);
}

.swiper-button-prev{
  left : 30px;
  background-color: var(--primary-30);
}

.program-info{
  padding : 30px 0 0;
}

.info-inner{
  width : auto;
  flex-direction: column;
  align-items: stretch;
}

.info-item .desc::after{
  display: none;
}

.mobile-header-bottom-inner a{
  font-size: 1.2rem;
  padding : 7px 18px 5px 18px;
}

.info-item{
  padding-bottom: 2.8rem;
  margin-bottom: 2.8rem;
  border-bottom : 1px solid var(--primary-70);
}

.info-item:last-child{
  border-bottom: none;
  margin-bottom: 0;
}

.info-item .number{
  font-size: 7rem;
}

.info-item .infinity{
  font-size : 20rem
}

.info-item .label{
  margin-bottom: 1.6rem;
}

.info-item .desc{
  font-size: 1.5rem
}

.success-story{
  padding : 40px 0 0;
}

.success-story .main-title{
  font-size: 2.2rem;
}

.brand-title{
  font-size: 5.6rem;
}

.star-icon{
  margin : 1.6rem 0;
}

.success-story .sub-title{
  font-size : 2.6rem;
}

.franchise-info{
  display : flex;
  flex-direction: column;
  align-items: center;
  padding : 5rem 0 0;
  background-color : var(--primary-10);
}

.franchise-info .btn-business{
  position : static;
}

.franchise-info .btn-business{
  font-size: 1.2rem;
  transform : none;
  background-image: none;
  padding : 1.2rem 0 1rem;
  color : var(--primary-70);
  border-bottom : 1px solid var(--primary-70);
  margin : 1.6rem 0 4rem;
}

.tutoring-section{
  padding : 4rem 0 4.3rem;
}

.tutoring-section:before{
  display : none;
}

.tutoring-section:after{
  display : none;
}

.tutoring-section .logo-area{
  padding-bottom: 8.7rem;
  margin-bottom: 1.7rem;
}

.tutoring-section .logo-area img{
  width : 42px;
}

.tutoring-section .main-title img{
  width : 90%;
}

.notice-text{
  font-size: 1.4rem;
}

.tutoring-section .title-area a{
  margin: 2rem 0 5rem;
}

.tutoring-section .title-area p{
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
  word-break: keep-all;
  padding: 0 0.5rem;
}

.features-grid{
  padding : 0 2rem;
  gap : 1.2rem;
  grid-template-columns: repeat(2, 1fr);
}

.feature-card{
  border : 1px solid var(--grey-90);
  padding : 22px 0 25px;
  box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.1);
}

.feature-card h3{
  font-size: 1.6rem;
  line-height: 1.5;
}

.feature-card img{
  width: 33px;
  margin-bottom: 1.7rem;
}

.title-area{
  margin-bottom: 4rem;
}

.find-section .container{
  width : auto;
  padding : 4rem 0 3rem;
}

.find-section .top-area{
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.find-section .text-area h2{
  font-size: 3rem;
  text-align: center;
}

.find-section .text-area p{
  font-size: 1.5rem;
  margin-bottom: 3rem;
}

.find-section .bottom-area{
  padding : 2.4rem 0;
  background: var(--secondary-20);
}

.find-section .bottom-area .bottom-area-inner{
  width : 100%;
  text-align: center;
  font-size: 2.4rem;
}

.find-section .bottom-area .bottom-area-inner span{
  font-size: 1.8rem;
  margin-right: 1rem;
  margin-left: 0;
}

.news-section{
  padding : 4rem 0 3.7rem;
}

.news-section h2{
  font-size: 3rem;
  text-align: center;
}

.news-grid{
  gap: 1.2rem;
  padding : 0 2rem;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 3.2rem;
}

.recruit-section{
  padding : 4rem 0 6rem;
}

.recruit-section .container{
  flex-direction: column;
  align-items: normal;
  padding : 0 2rem;
}

.recruit-section .left-area h2{
  font-size: 3rem;
}

.recruit-section .left-area .bottom-area{
  margin: 9rem 0 4rem;
}

.recruit-section .left-area .bottom-area img{
  width : 60px;
}

.recruit-section .right-area .inquiry-info .inquiry-time{
  padding-top: 2rem;
  margin-top: 0;
}

.recruit-section .right-area .inquiry-info .inquiry-item h3{
  font-size: 1.5rem;
}

.recruit-section .right-area .inquiry-info .inquiry-item .phone{
  font-size: 3rem;
}

.recruit-section .right-area .inquiry-info .inquiry-time h3{
  font-size: 1.5rem;
}

.recruit-section .right-area .inquiry-info .inquiry-time p{
  font-size: 1.5rem;
}

/* ///// 메인페이지 ////// */

/* ///// 커리큘럼 ////// */

.curriculum .img-box{
  width : 100%;
  max-width: 350px;
  margin : 0 auto;
}

.curriculum .img-box > img{
  display: none;
}

.curriculum .img-box .mobile-cur{
  display: block;
  width: 100%;
  max-width : 350px;
}

.curriculum{
  padding : 4rem 0 0;
  background-image: none;
}

.curriculum .curriculum-top{
  background-image: url('../img/cur-bg01.png');
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}

.curriculum .text-box .sub-title{
  font-size: 1.8rem;
  margin-bottom: 2.6rem;
  padding : 0 1rem;
  word-break: keep-all;
}

.curriculum .text-box h2{
  font-size: 3rem;
  line-height: 1.5;
}

.curriculum .text-box h2::after{
  transform : translate(-150px, -50%);
}

.curriculum .text-box h2::before{
  transform : translate(150px, -50%);
}

.curriculum .popup-box_wrap{
  padding : 4.5rem 0;
  flex-direction: column;
  background-color: var(--primary-40);
}

.curriculum .popup-box{
  width : 100%;
  max-width: 340px;
  margin : 0 auto;
  text-align: center;
}

.curriculum .popup-box h3{
  font-size: 2rem;
}

.curriculum .popup-box img{
  height : auto;
}

.curriculum-100{
  padding : 4rem 0;
}

.curriculum-100 h2{
  font-size: clamp(2.5rem, 0.5rem + 1vw, 3rem);
}

.curriculum-100 .desc{
  font-size: 1.8rem;
}

.better-graph{
  padding : 0rem 2rem;
}

.better-graph .better-graph-inner{
  height: 380px;
  display : none;
}

.graph-img{
  width: 100%;
}

.better-graph .better-graph-inner .blue-graph{
  right : auto;
  left : 34px;
}

.better-graph .better-graph-inner .red-graph{
  top: 14px;
  right : auto;
  left: 5%;
}

.better-graph .better-graph-inner .red-graph .graph-img{
  width: 120%;
  height : auto;
}

.better-graph .better-graph-inner .top-title{
  font-size: 2.2rem;
}

.better-graph .better-graph-inner .bottom-title{
  font-size: 2.2rem;
}

.better-graph .better-graph-inner .red-arr.red-arr01{
  top: 236px;
}

.better-graph .better-graph-inner .red-arr.red-arr02{
  top: 160px;
}

.mobile-better-graph{
  display: block;
  width: 100%;
}

.learner-types{
  padding : 4rem 0;
}

.learner-container{
  flex-direction: column;
}

.learner-box{
  margin : 0 2rem;
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom : 1px solid var(--secondary-50);
}

.learner-box:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.learner-box p::after{
  display: none;
}

.learner-box h3{
  font-size: 2.2rem;
}

.learner-box p{
  font-size: 1.6rem;
}

.curriculum-content{
  padding : 4rem 0;
}

.curriculum-content > .title-area .sub-title{
  font-size: 1.4rem;
  line-height: 1.5;
}

.curriculum-content .main-title{
  font-size: 3rem;
  line-height: 1.5;
  margin-bottom: 4rem;
}

.book-showcase{
  margin-bottom: 3.2rem;
}

.book-showcase .book-series{
  width : 100%;
}

.book-showcase .book-count{
  width: 162px;
  height: 162px;
  right : 50%;
  top: 70%;
  transform : translateX(50%);
}

.book-showcase .book-series img{
  transform : none;
  width: 100%;
}

.book-showcase .book-count .neo-heavy{
  margin-bottom: 0;
}

.book-showcase .book-desc{
  padding : 11rem 0 3rem;
  font-size: 1.8rem;
  margin-top: -2.5rem;
  border-radius: 0 0 18px 18px;
}

.additional-books .icon img{
  width: 48px;
}

.additional-books .title-area .sub-title{
  font-size: 2rem;
}

.additional-books-inner{
  flex-direction: column;
}

.additional-books-inner .book-item{
  flex : 1;
}

.additional-books-inner .icon:last-child img{
  transform : rotate(90deg);
  margin-top: 2.6rem;
}


.additional-books-inner .book-item img{
  width: 100%;
  max-width: 245px;
}

.additional-books-inner .book-title{
  font-size: 1.8rem;
}

.additional-books .title-area .icon{
  margin-bottom: 3.2rem;
}


.content-philosophy{
  padding : 2.7rem 0;
}

.philosophy-title{
  font-size: 2.6rem;
  margin-top: 2.4rem;
}

.textbook-intro .title-area .main-title{
  font-size: 3rem;
}

.textbook-intro{
  padding : 4rem 0;
}

.textbook-container{
  gap : 1.2rem;
}

.textbook-item{
  flex-direction: column;
  padding : 4.2rem 0 0;

}

.textbook-content ul li{
  font-size: 1.2rem;
}

.textbook-content ul li:before{
  top : 9px;
}

.textbook-item.item-left{
  align-self: flex-start;
  background-color: var(--primary-30);
  border-radius: 50px 0 0 0;
}

.textbook-item.item-left .textbook-content{
  padding : 1rem 0 3.2rem 8%;
}

.textbook-item.item-left .textbook-image{
  order : -1;
}

.textbook-item .textbook-image img{
  width: 100%;
}

.textbook-content h3{
  display : none;
}

.mobile-book-title{
  display : block;
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 1.6rem;
  text-align: center;
  order : -1;
}

.textbook-item.item-right{
  background-color: var(--secondary-20);
  border-radius: 0 50px 0 0;
}

.textbook-item.item-right .textbook-content{
  padding : 1rem 0 3.2rem 8%;
  margin-left: 0;
  border-radius : 0;
}

.textbook-item.item-left .textbook-content{
  margin-right: 0;
}

.textbook-item.item-last .textbook-content h4{
  font-size: 1.5rem;
}

/* ///// 커리큘럼 ////// */


/* ///// 학습시스템 ////// */

.system-content{
  padding-bottom : 4rem;
}

.meta-thinking img{
  width: 100%;
}

.meta-intro{
  margin : 3.2rem 0;
}

.system-content .meta-intro h2{
  font-size: 2.6rem;
  line-height: 1.5;
}

.system-content .meta-intro h2 span{
  display : block;
}

.system-content .meta-intro p{
  font-size: 1.8rem;
  word-break: keep-all;
  padding : 0 1rem;
  line-height: 1.6;
}

.meta-classroom img{
  width: 100%;
  max-width : 350px;
  margin : 0 auto;
}

.meta-process{
  padding : 4rem 0 0;
  height : auto;
}

.meta-process h2{
  width: 90%;
  max-width : 350px;
  font-size: 2.2rem;
  padding : 1.5rem 0;
}

.process-list .process-item{
  width : 100%;
  padding : 0 2rem;
}

.process-list .process-item img{
  width: 100%;
}

.process-list .process-item:nth-child(2){
  transform : translateY(-46px);
}

.process-list .process-item:nth-child(3){
  transform : translateY(-92px);
}

.process-list .process-item:nth-child(4){
  transform : translateY(-138px);
}

.learning-system{
  padding : 4rem 0 8rem;
  gap: 3.2rem;
}

.learning-system h2{
  font-size: 2.2rem;
  margin-bottom: 0;
}

.learning-system .feature-icons{
  flex-direction: column;
  gap : 2.7rem;
}

.learning-system .feature-icons .feature-item img{
  width: 100%;
  max-width: 308px;
  margin : 0 auto;
}

.learning-system .feature-icons .feature-item p{
  font-size: 1.5rem;
  margin-top: 2rem;
}

.program-structure{
  margin-top: 1.6rem;
}

.program-structure img{
  width: 100%;
  max-width : 350px;
  margin : 0 auto;
}

/* ///// 학습시스템 ////// */

/* ///// 브랜드소개 ////// */

.section-brand01{
  padding: 4rem 0 2rem;
}
.section-brand01 h2{
  font-size: 3rem;
}

.section-brand01 .brand01-img{
  padding : 0 2rem;
}

.section-brand01 .brand01-img img{
  width: 100%;
}

.section-brand02{
  padding : 0 0 4rem;
}

.section-brand02 .brand02-list{
  gap : 1.2rem;
  grid-template-columns: repeat(1, 282px);
}

.section-brand02 .brand02-list .brand02-item{
  padding : 4rem 0 3.2rem;
}

.section-brand02 .brand02-list .brand02-item h3{
  font-size: 3rem;
}

.section-brand02 .brand02-list .brand02-item img{
  margin : 2rem 0;
}

.section-brand02 .brand02-list .brand02-item p{
  font-size: 1.5rem;
}

.section-brand02 h2{
  font-size: 1.8rem;
  margin : 4rem 0 3.2rem;
}

.section-brand02 .brand02-img img{
  width: 100%;
}

.section-brand03{
  padding : 8.4rem 0 4rem;
  background-image: url('../img/mobile/bg.png');
}

.brand03-text h2{
  font-size: 3rem;
  font-weight: 800;
  line-height: 1.5;
  margin-bottom: 1.6rem;
}

.brand03-text p{
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
}

.section-brand04 .brand03-text p{
  font-size: 1.8rem;
  line-height: 1.6;
}

.section-brand03 .brand03-list{
  margin-top: 3.2rem;
  grid-template-columns: repeat(2, 159px);
  gap: 1.2rem;
}

.section-brand03:after{
  display : none;
}

.section-brand04{
  padding : 4rem 0 6rem;
  background-size : 96px;
}

.section-brand04 .brand04-list{
  padding : 3.2rem 0 ;
}

.section-brand04 .brand04-list .brand04-item{
  width: 90%;
  max-width : 350px;
  margin : 0 auto;
  padding : 1.5rem 0;
}

.section-brand04 .brand04-list .brand04-item p{
  font-size: 1.5rem;
  line-height: 1.8;
}

.section-brand04 p{
  font-size: 1.8rem;
  line-height: 1.6;
}
/* ///// 브랜드소개 ////// */

/* ///// BI 캐릭터 ////// */
.section-bi01{
  padding : 4rem 0;
}

.section-bi01 .bi-text img{
  position: relative;
  width: 116px;
  z-index: 1;
  margin-bottom: -17px;
}


.bi-text h2{
  position: relative;
  z-index: 0;
  max-width : 350px;
  height: 210px;
  font-size: 3rem;
  padding-top: 3.5rem;
  line-height: 1.5;
}

.bi-text span{
  position : absolute;
  font-size: 1.2rem;
}

.bi-text span:first-of-type{
  top: 17px;
  left : 50%;
  transform : translateX(-165%);
}

.bi-text span:last-of-type{
  top: 17px;
  left : 50%;
  transform : translateX(250%);
}

.intro-character{
  position: relative;
  z-index: 1;
  margin-top: -97px;
  background-image: url('../img/mobile/bg_ribbon.png');
  padding : 8rem 0 10rem;
}

.intro-text-wrap .intro-text h3{
  font-size: 2.2rem;
}

.intro-text-wrap .intro-text p{
  font-size: 1.5rem;
}

.intro-text-wrap .intro-text .intro-text-p{
  font-size: 1.8rem;
}

.section-bi02{
  margin-top: 0;
}

.section-bi02 h2{
  font-size: 3rem;
}

.bi-img img{
  width: 100%;
}

.bi-img-wrap .bi-img h3{
  font-size: 1.1rem;
  margin-bottom : 1rem;
  padding-left: 2rem;
}

.bi-img-wrap .bi-img:nth-child(2){
  margin-bottom: 4rem;
}
/* ///// BI 캐릭터 ////// */

/* ///// 회원가입 - 약관동의 ////// */
.sub_content .content_title{
  display : flex;
  align-items: flex-end;
  justify-content: space-between;
  padding : 0 2rem 1.6rem;
}

.auth-title{
  font-size: 3rem;
  margin-bottom: 3rem;
}

.sub_content{
  padding : 4rem 0;
}

.content_title h1{
  font-size: 2.4rem !important;
}

.login-content{
  padding : 4rem 0 10rem;
}

.login-input-box{
  padding : 0 2rem;
}

/* ///// 오시는 길 ////// */
.section-location01{
  padding : 4rem 0;
}

.section-location01 h2{
  font-size: 3rem;
  word-break: keep-all;
  margin-bottom: 3.2rem;
}

.root_daum_roughmap_landing{
  width: 90% !important;
  margin: 0 auto !important;
  height: 300px !important;
}

.root_daum_roughmapdiv{
  width: 90% !important;
}

.wrap_map{
  height: 300px !important;
}

.wrap_controllers{
  display : none;
}

.tit_controllers{
  display : none;
}

.wrap_btn_roadview{
  display : none;
}

.hide{
  display : none;
}

.location-info p{
  font-size: 1.8rem;
}

.location-info{
  margin-bottom: 4rem;
}

.location-method .location-method-item:nth-of-type(1) img{
  width: 80px;
}

.location-method .location-method-item:nth-of-type(2) img{
  width: 100%;
  max-width : 350px;
}

.location-method .location-method-item:nth-of-type(3) img{
  width:100%;
  max-width : 350px;
}

/* ///// 입회 안내 ///// */

.member-guide{
  padding : 4rem 0 0;
}

.guide-logo img{
  width: 120px;
}

.member-guide::before{
  display : none;
}

.member-guide::after{
  display : none;
}

.guide-title{
  font-size: 3rem;
}

.guide-subtitle{
  font-size: 1.8rem;
  margin-bottom: 3.2rem;
}

.guide-list{
  padding : 0 2rem;
}

.guide-item{
  width : 100%;
  max-width : 350px;
  margin : 0 auto;
  padding : 1.5rem 2.4rem 3.5rem 2.4rem;
  height : auto;
  background-size: 100% 100%;
}

.guide-item img{
  width : 28px;
}

.btn-consult {
  position: static;
  transform : none;
  display : block;
  font-size: 1.1rem;
  width : 92px;
  padding : 0.5rem 0;
  text-align: center;
  margin-top : 0.5rem;
}

.guide-item p{
  font-size: 1.4rem;
  text-align: left;
}

.guide-item.highlight{
  padding : 1.5rem 2.4rem 1.5rem 2.4rem;
  background-size: 100% 100%;
}

.member-search{
  margin-top: -90px;
  padding : 14rem 0 6rem;
  background-image: url('../img/mobile/bg_customer_part2.png');
  background-color: var(--secondary-30);
}

.bottom-icon{
  margin-top: 3.2rem;
  margin-bottom: 0;
}

.member-guide .bottom-icon img{
  width: 48px;
  position: relative;
  z-index: 16;
}

.member-search .search-title{
  font-size: 3rem;
  color : var(--grey-80);
}

.member-search .step1-area{
  padding : 5.2rem 3rem 4rem;
  border-radius : 16px 16px 0 0;
  box-shadow: 0 3px 0px 0 rgba(0, 0, 0, 0.1);
}

.local-search, .dong-search{
  flex-direction: column;
  gap: 2rem;
}

.member-search .step-title{
  font-size: 1.4rem;
  left: 20px;
  padding : 7px 18px 11px 17px;
  border-radius: 0 0 6px 6px;
}

.member-search .search-area h4{
  font-size: 1.4rem;
}

.member-search .search-area .notice{
  font-size: 0.9rem;
}

.search-area h5{
  font-size: 1rem;
  padding-left: 0;
}

.search-area .input-wrap{
  flex : 1;
  justify-content: center;
}

.result-table table th{
  font-size: 1.2rem;
}

.result-table table th:first-child{
  display : none;
}

.result-table tbody > tr > td:first-child{
  display : none;
}


.member-search .search-area .search-text{
  gap: 1.2rem;
}

.step2-area{
  padding : 4rem 2rem;
  border-radius : 16px 16px 0 0;
  box-shadow: 0 3px 0px 0 rgba(0, 0, 0, 0.1);
}

.step2-area::before{
  display : none;
}

.popup-header h2{
  font-size: 1.8rem;
}

.privacy-popup{
  padding : 4rem 2rem;
  max-height:none;
}

.privacy-list li{
  font-size: 1.3rem;
}

.description{
  font-size: 1.3rem;
}

.step2-form .form-item h4{
  font-size: 1.4rem;
}

.text-field-wrap{
  width : auto;
}


.step2-form-item-wrap{
  gap: 0.8rem;
}

.custom-select.small-select .select-btn{
  width: 90px;
  padding-left: 1rem;
  background-size: 10px;
}

.step2-form-item-wrap .text-field-common.text-field-small{
  width: 70px;
}

.step2-form-item-wrap .custom-select.small-select #fld_hp1{
  width: 70px;
}

.step2-form .form-item{
  gap: 1rem;
}

.step2-form .info-wrap .info-right h5{
  font-size: 1.1rem;
}

.checkbox-border-label{
  font-size: 1.4rem;
  white-space: nowrap;
  padding-left: 40px;
}

.step2-form .info-wrap .info-right p{
  font-size: 0.9rem;
}

.checkbox-border-label:before{
  width: 28px;
  height: 28px;
}

.checkbox-border:checked + .checkbox-border-label:after{
  width: 6px;
  height: 13px;
  left: 10px;
}

.step2-form .info-wrap .info-left{
  gap: 3.2rem;
}

.step2-form-text::before{
  display : none;
}

.step2-form-text{
  margin-left: 0;
  margin-top: 3.2rem;
  font-size: 1.2rem;
  padding: 1.5rem;
  text-align: center;
}

/* ///// 입회 안내 ///// */

/* ///// 가맹 개설 안내 ///// */
.center-info01{
  padding : 4rem 0 3.6rem;
}

.center-info01-text h3{
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}

.center-info01-text h2{
  font-size: 4.2rem;
  margin-bottom: 1rem;
}

.center-info01-text p{
  font-size: 1.4rem;
}

.center-info01-img{
  gap : 2rem;
}

.center-info01-text{
  margin-bottom: 3.2rem;
}

.center-info01-img img{
  width: 100%;
  max-width : 124px;
  margin : 0 auto;
}

.center-info01-img .img-item p{
  font-size: 1.5rem;
}

.center-info01-img .img-item:nth-of-type(2) img{
  width: 100%;
  max-width : 32px;
  margin : 0 auto;
}

.center-info01-img .img-item:nth-child(2){
  margin-top: 77px;
}

.center-info02{
  padding : 4rem 0 0;
}

.center-info02-text h3{
  font-size: 1.8rem;
  margin-bottom: 1.6rem;
}

.center-info02-text h2{
  font-size: 3rem;
  margin : 1.6rem 0 4rem;
}

.center-info02-img{
  border-radius: 0px;
  padding : 4rem 1.5rem;
}

.center-info02-img h3{
  font-size: 2.2rem;
  line-height: 1.5;
}

.center-info02-img p{
  font-size: 1.1rem;
}

.center-info02-img .img-item{
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  margin-top: 2.4rem;
}

.center-info02-img .img-item img{
  width: 100%;
  max-width : 360px;
  padding : 3.2rem 3rem;
  background: #F7F9EA80;
  border: 1px solid var(--primary-30);
}

.center-info03 h2{
  font-size: 2.2rem;
  padding: 4rem 0;
  letter-spacing: -0.02em;
}

.center-info04{
  padding : 4rem 0;
}

/* 가맹점 지원 이미지 그리드 레이아웃 */
.center-info04-img-wrap{
  grid-template-columns: repeat(2, 170px);
  gap: 1.2rem;
  justify-content: center;
}

.center-info04-img-wrap .img-item{
  max-width: 170px;
  margin: 0 auto;
  border-radius: 18px;
}

.center-info04-img-wrap .img-item h4{
  font-size: 1.4rem;
  
}

.center-info04-img-wrap .img-item img{
  width: 100%;
  max-width : 152px;
}

.center-info04-img-wrap .img-item p{
  font-size: 1.2rem;
}

.center-info05{
  padding : 4rem 0;
}

.center-info05 h2{
  font-size: 2.2rem;
  letter-spacing: -0.02em;
}

.center-info06{
  padding : 4rem 0 4.2rem;
}

.center-info06-text img{
  width: 100%;
  max-width : 112px;
}

.center-info06-text h2{
  font-size: 3rem;
  margin : 1.6rem 0 2rem;
}

.center-info06-text h3{
  font-size: 1.8rem;
  line-height: 1.6;
}

.center-info06 p{
  font-size: 15px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: -0.02em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.center-info06-process-imgs{
  display : flex;
  flex-direction: column;
  gap: 3.2rem;
}

.center-info06-process-imgs img{
  width: 232px;
  max-width : 232px;
  margin : 0 auto;
}

.center-info06 .step{
  text-align: center;
  margin: 0 auto;
}

.center-info06 .btn-franchise{
  position : static;
  transform: none;
  width: 157px; /* 모바일에서도 버튼 너비 유지 */ 
  height: 44px;
  margin: 0 auto;
}

.center-info06 .outer-circle{
  width: 232px; 
  height: 232px; 
  background-color: white; 
  border: 1px solid black;
  color: white; 
  border-radius: 50%; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  position: relative; 
  margin: 0 auto;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  flex-direction: column;
}

.center-info06 .inner-circle{
  width: 33px; 
  height: 34px; 
  background-color: #1ACEEA; 
  color: white; 
  border-radius: 50%; 
  top: 20%; /* 상단으로부터 20% 아래 위치 */ 
  transform: translateY(-50%);
  display: flex; 
  align-items: center; 
  justify-content: center; 
  position: absolute;
  font-size: 18px;
  font-weight: 800;
}

.center-info06 .outer-circle p{
  font-family: 'NanumSquareNeoExtraBold';
  font-style: normal;
  font-weight: 800;
  font-size: 22px;
  line-height: 150%;
  display: flex; 
  align-items: center; 
  text-align: center; 
  letter-spacing: -0.02em;
  color:#108293;
  top: 50%; /* 상단으로부터 20% 아래 위치 */ 
  transform: translateY(20%);
  margin: 10px 0 5px; /* 위와 아래에 여백 추가 */
}

.center-info06 .outer-circle span{
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  display: flex; 
  align-items: center; 
  text-align: center; 
  letter-spacing: -0.02em;  
  top: 70%; /* 상단으로부터 20% 아래 위치 */ 
  transform: translateY(40%);
  color:#108293;
}

.center-info06 .button-container{
  text-align: center;
  margin-top: 20px; /* outer-circle 아래에 여백 추가 */
}

.center-info07{
  padding : 4rem 0 9.2rem;
  background-color: var(--secondary-30);
  background-image: url("../img/mobile/bg_part2.png");
}

.center-info07 h2{
  font-size: 3rem;
  margin-bottom: 3.2rem;
}

.center-info07-img{
  padding : 0 2rem;
  gap : 1rem;
}

.center-info07-img .img-item{
  width: 100%;
}

.center-info07-img .img-item img{
  width: 100%;
  max-width : 110px;
}

.center-info07-img .img-item p{
  font-size: 1.5rem;
  padding : 0.5rem 0;
  border-radius: 6px;
  max-width : 110px;
  margin : 0.68rem auto 0;
}

.center-info08{
  margin : 0;
  padding : 1.2rem 0 6rem;
}

.center-info08 h2{
  font-size: 3rem;
  
}

.center-info08-form{
  padding: 5.6rem 3rem 4rem;
  border-radius: 0;
  border: 1px solid var(--grey-90);
  box-shadow: 0px 7px 0px 0px rgba(0, 0, 0, 0.1);
}

.center-info08-form::before{
  width: 96px;
  top: -27px;
  left: 20px;
}

.center-info08-form-wrap:before{
  display : none;
}

.step2-form .select-btn{
  width : 102px;
  background-size: 14px;
  background-position: right 6px center;
}

.step2-form .select-btn:nth-of-type(2){
  width : 112px;
}

.center-info08 .step2-form .form-item h4{
  padding-top: 1rem;
}

.center-info08 .text-field-common{
  max-width : 224px;
}

.center-info08-form-tel{
  font-size: 1.8rem;
  width : calc(100% - 40px);
  padding : 1.3rem 0;
  gap : 2.4rem;
}

.section-session01{
  padding : 4rem 0;
}

.top-text{
  margin-bottom: 2.4rem;
}

.top-text h2{
  font-size: 3rem;
}

.top-text p{
  font-size: 1.8rem;
  line-height: 1.6;
}

.section-session01 .lst-head li{
  border-radius: 0;
}

.section-session01 .lst-head li .td{
  flex : 1;
}

.section-session01 .clr .td{
  font-size: 1.2rem;
  padding: 0.5rem;
}

.section-session01 .lst-head li .td:nth-child(1){
  display : none;
}

.section-session01 .lst-body li .td:nth-child(2){
  width : 15%;
}

#idBoardList1.lst-body li .td:first-child{
  display : none;
}

.section-session01 .clr{
  padding: 0;
  justify-content: center;
}

.section-session01 .clr .btn-primary-small-secondary050-default-label{
  white-space: nowrap;
  padding : 1rem;
  font-size: 1.2rem;
}

.section-session01 .clr .td.col_name02{
  padding: 1rem;
}

#idBoardList.lst-body li .td{
  flex : 1;
  line-height: 1.5;
  padding : 3%;
  text-align: left;
}

#idBoardList.lst-body li .col_no{
  display : none;
}

.section-session01 .lst-head li .td{
  font-size: 1.2rem;
  padding : 1.2rem 0;
}

.section-session02{
  padding : 4rem 0 6rem;
}

.section-session02 h2{
  font-size: 3rem;
  margin-bottom: 2.4rem;
}

.section-session02-form{
  width : calc(100% - 4rem);
  padding: 0;
  border: 1px solid var(--grey-90);
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}

.section-session02 .form-item{
  flex-direction: column;
  padding : 0 16px;
}

.section-session02-form .double-input input:first-child{
  display : flex;
}

.section-session02 .section-session02-form .form-item{
  margin-bottom: 0;
}

.form-item-wrap{
  display : flex;
}

.flex-item{
  flex-direction:row !important;
}

.section-session02 .section-session02-form .flex-item .text-field-long{
  width : 224px;
}

.section-session02 .section-session02-form .text-field-long{
  width : 100%;
  border : none;
}

.section-session02 .section-session02-form .double-input{
  width : auto;
}

.section-session02 .step2-form .form-wrap{
  gap: 0;
}

.section-session02 .step2-form .form-wrap > .form-item:nth-child(1){
  border-bottom : 1px solid var(--grey-30);
}

.step2-form .info-wrap{
  margin-top: 3.2rem;
  padding: 0 1.6rem;
}

.form-item02{
  border-bottom : 1px solid var(--grey-30);
  border-right : 1px solid var(--grey-30);
}

.form-item03{
  border-bottom : 1px solid var(--grey-30);
}

.form-item04{
  border-bottom : 1px solid var(--grey-30);
}

.form-item05{
  border-bottom : 1px solid var(--grey-30);
}

#fld_name{
  border : 1px solid var(--grey-30);
  margin-bottom: 1rem;
}

.section-session02 .step2-form {
  padding : 3rem 0 4rem;
}

.section-session02 .step2-form .form-item.flex-item{
  align-items: center;
}

.section-session02 .step2-form .form-item.flex-item h4{
  font-size: 1.4rem;
  color: var(--grey-90);
  padding-top: 0;
}

.section-session02 .step2-form .form-item.flex-item.mt20{
  margin-top: 2rem;
}

.section-session02 .section-session02-form .double-input input:first-child{
  margin-bottom : 0;
}

.section-session02 .step2-form .form-item h4{
  font-size: 1.1rem;
  color: var(--grey-60);
}

.step2-form .info-wrap .info-left{
  padding-top: 3rem;
  gap: 3rem;
}

.step2-form .info-wrap .info-right p{
  margin-bottom: 2rem;
}

/* ///// 가맹 개설 안내 ///// */

/* ///// 전국 지사 안내 ///// */
.section-office01{
  padding : 4rem 0 4rem;
}

.section-office01 .office-btn-item{
  width: 100%;
  padding : 0 2rem;
}

.office-btn-item:nth-child(2){
  display : none;
}

.text-field-search-wrap .btn-search{
  display : block;
}

.text-field-search-wrap .btn-search{
  padding : 0 1rem;
}

.section-office01 .office-btn-item .text-field-search-wrap{
  max-width: none;
}

.section-office01 .lst-head ul li:nth-child(1){
  display : none;
}

.section-office01 .lst-body li div:nth-child(1){
  display : none;
}

.section-office01 .lst-head ul{
  justify-content: space-between;
}

.section-office01 .lst-body .clr{
  justify-content: space-between;
}

.col_date .ar-button{
  white-space: nowrap;
  font-size: 1.1rem;  
  padding: 1rem 0.6rem;
}

.lst-body .col_date:nth-child(5) .ar-button{
  white-space: nowrap;
  font-size: 1.1rem;
  padding: 1rem 0.6rem;
}

.section-office01 .list_board{
  margin-bottom: 3.2rem;
  border : none;
}

.section-office01 .lst-head{
  border : none;
  background: var(--primary-30);
}

.section-office01 .lst-head ul li{
  font-size: 1.2rem;
  padding : 2.3rem 0;
  white-space: nowrap;
  flex: 1;
}

.section-office01 .lst-body .td{
  font-size: 1rem;
  flex: 1;
}

.office-btn-item.mobile-br{
  text-align: center;
}

.office-btn-item-01{
  background: var(--primary-30);
  padding : 4rem 0 3.2rem;
}

.office-btn-item-01 a{
  box-shadow: none;
}

.office-btn-item.mobile-br .office-contact {
  padding : 1.8rem 0;
  font-size: 1.8rem;
  font-weight: 800;
  background: var(--primary-20);
}

.office-btn-item.mobile-br .office-contact .tel{
  display : inline-block;
  margin-left: 1rem;
}

.section-office01 .paginate{
  margin-top: 3.2rem;
}

.section-branch{
  padding : 4rem 0 3.2rem;
}

.section-branch .top-text img{
  width: 120px;
}

.section-branch .top-text{
  margin-bottom: 0;
}

.section-branch h2{
  margin : 1.6rem 0;
}

.section-branch02{
  padding : 4rem 2rem;
}

.section-branch02 h2{
  font-size: 3rem;
  margin-bottom: 2.4rem;
}

.section-branch02 .branch-list{
  gap: 1.4rem;
  grid-template-columns: repeat(2, 1fr);
}

.section-branch02 .branch-list .branch-item{
  padding-top: 1.6rem;
  height: 144px;
}

.section-branch02 .branch-list .branch-item h3{
  font-size: 1.8rem;
  margin-bottom: 1.4rem;
}

.section-branch02 .branch-list .branch-item p{
  font-size: 1.2rem;
  height: auto;
}

.section-branch02 .branch-list .branch-item .branch-icon{
  margin-bottom: 1.4rem;
}

.branch-icon img{
  width: 20px;
}

.section-branch03 {
  padding : 4rem 0 7.4rem;
  background-image: url('../img/mobile/bg_part3.png');
  background-color : var(--primary-30);
}

.section-branch03 h2{
  font-size: 3rem;
  margin-bottom: 2.4rem;
}

.section-branch03 .branch-process .branch-info h3{
  padding: 0;
  text-align: center;
  background-image: none;
  margin-bottom: 2.4rem;
  font-size: 1.8rem;
}

.section-branch03 .branch-process .branch-info .branch-info-inner{
  padding : 3.5rem 2.4rem 3.2rem 2.8rem;
}

.section-branch03 .branch-process .branch-info .branch-info-inner:after{
  width: 40px;
  height: 35px;
  top: -2.8rem;
  left : 50%;
  transform: translateX(-50%);
}

.section-branch03 .branch-process .branch-info{
  padding : 0 2rem;
}

.section-branch03 .branch-process .branch-info ul li{
  padding : 0 0 0 3rem;
  background-position: left 3px top 5px;
  font-size: 1.4rem;
  background-size: 12px;
}

.section-branch03 .branch-info .mobile-br{
  display : inline-block;
  margin-right: 6px;
  width: 21px;
}

.section-branch04{
  padding: 1rem 0 4rem;
  margin-top: 0;
}

.section-branch04 h2{
  font-size: 3rem;
  margin-bottom: 2.4rem;
}

.section-branch04-form{
  padding: 4rem 3rem;
  box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}

.section-branch04-form .custom-select.small-select .select-btn{
  width: 68px;
}

.section-branch04-form .step2-form .form-item h4{
  padding-top: 1rem;
}

.section-branch04 #fld_area{
  max-width: 224px;
  width : 100%;
}

.section-branch04 #fld_content{
  max-width: 224px;
}

.section-branch04-form .step2-form .info-wrap .info-right p{
  margin-bottom: 2.7rem;
}

.section-branch04 .step2-form .info-wrap .info-left{
  padding-top: 0;
}

.section-branch04 .step2-form .info-wrap .info-left{
  gap: 3.2rem;
}

.section-branch04 .step2-form .form-wrap{
  gap: 1rem;
}

.section-branch04 #fld_name{
  margin-bottom: 0;
}

.section-branch04 .branch-contact{
  position: relative;
  width : calc(100% - 40px);
  padding: 1.2rem 0rem;
  justify-content: center;
  background-image: none;
  margin-top: 3rem;
}
.section-branch04 .branch-contact::before{
  content: '';
  position: absolute;
  top: -33px;
  left: 31px;
  width: 75px;
  height: 51px;
  background-image: url('../img/img_cat couple microphone.svg');
  background-size: 75px;
  background-repeat: no-repeat;
}

.section-branch04 .branch-contact p{
  font-size: 1.8rem;
}

.section-branch04 .branch-contact .btn-submit{
  margin-top: 2.4rem;
}

.section-branch04 .branch-contact h3{
  font-size: 1.8rem;
}

.section-branch04 .step2-form .info-wrap{
  padding : 0;
}
/* ///// 전국 지사 안내 ///// */

/* ///// 미래엔영어 소식 ///// */
.section-notice01{
  padding : 4rem 0 3.2rem;
}

.section-notice01 .notice-list{
  grid-template-columns: repeat(2, 1fr);
  padding : 0 2rem;
  margin-bottom: 3.2rem;
}

.section-notice01 .notice-list img{
  width: 100%;
  max-width : 170px;
}

.section-notice02{
  padding : 4rem 0 6rem;
}


.section-notice02 .lst-head .td{
  font-size: 1.2rem;
}


.section-notice02 .lst-head .col_hit{
  width: 20%;
}

.section-notice02 .lst-head .col_date{
width: 20%;
}
.section-notice02 .lst-body .td{
  font-size: 1.1rem;
  padding: 1.6rem 0;
}

.section-notice02 .list_board .lst-head{
  border : none;
  background: var(--grey-10);
}

.section-notice02 .list_board{
  border-bottom : 1px solid var(--grey-90);
}

.section-notice02 .lst-body .clr{
  padding : 0 1rem;
}

.section-notice02 .lst-body .col_no{
  width: 20%;
}

.section-notice02 .lst-head .col_no{
  display: none;
}

.notice-detail{
  padding : 4rem 0;
}

.notice-detail .top-text h2{
  font-size: 3rem;
  margin-bottom: 0;
}

.notice-detail .top-text{
  margin-bottom: 4rem;
}

.notice-detail .lay_hd .hgroup h1{
  font-size: 1.6rem;
  line-height: 1.5;
}

.notice-detail .lay_hd{
  padding : 2rem 0;
}

.notice-detail .scbd{
  padding : 0 2rem;
}

.notice-detail .det .hgroup dd span{
  font-size: 1.4rem;
}

.notice-detail .det .hgroup dt span{
  font-size: 1.4rem;
}

.notice-detail .det .hgroup dt span:last-child{
  margin-right: 0rem;
}

.notice-detail .ui-btn.btn-co1{
  padding : 1rem 2.5rem;
  font-size: 1.4rem;
  min-width : auto;
}
/* ///// 미래엔영어 소식 ///// */

@media (max-width : 375px){
  .step2-form .form-item{
    flex-direction: column;
  }

  .step2-form .info-wrap{
    flex-direction: column;
    gap: 2.2rem;
  }

  .step2-form .info-wrap .info-right p{
    margin-bottom: 2rem;
  }

  .notice-detail .det .hgroup{
    padding : 1rem 0;
  }

  .notice-detail .det .hgroup dl{
    flex-direction: column;
    gap: 0.5rem;
  }
}