/***************************************** ·Ñ¸µ¹è³Ê¿¡ »ç¿ëµÈ °øÅë ÁÂ¿ì¹öÆ° ÇÏ´Ü ¿µ¿ª ¹öÆ° ***************************************/
body {background:#FBF4CB;}

/* ·Ñ¸µ¹è³Ê °øÅë ÀÌÀü ´ÙÀ½ Àç»ý¹öÆ° */
.prev, .next {border-radius:50%; top:37%; position:absolute; width:70px; height:70px; display:block; cursor:pointer; z-index:10; border:2px solid rgba(255,255,255,0.4); background-color:rgba(0,0,0,0.2); background-position:center center; background-repeat:no-repeat; backdrop-filter:blur(3px); transition:all 0.3s ease; box-shadow:0 6px 12px rgba(0,0,0,0.5); text-indent:-9999px; background-size:25px; outline: none;}
.prev {left:-5%; background-image:url(../../img/main_prev.png); }
.next {right:-5%; background-image:url(../../img/main_next.png); }
.prev:hover, .next:hover { transform:scale(1.1); background-color:rgba(0,0,0,0.5);} 
.next:focus, .prev:focus {outline: none; box-shadow: none;}

@media screen and (max-width:1280px) {
.prev,
.next {width:55px; height:55px;}
}

@media screen and (max-width:767px) {
.prev,
.next {width:36px; height:36px; background-size:15px;}
} 

/* ÇÏ´Ü ·Î¿øÇü ¹öÆ° */
.slick-dots { text-align: center; margin-top:20px; padding:0; list-style: none;}
.slick-dots li {display: inline-block;margin: 0 6px;}
.slick-dots li button {width:15px;height:15px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); border: none;text-indent: -9999px;overflow: hidden;padding: 0;cursor: pointer;transition: background 0.3s;}
.slick-dots li.slick-active button { background:#FFD004; box-shadow:1px 1px 3px rgba(0,0,0,0.2);} 

@media screen and (max-width:1024px) {
.slick-dots { margin-top:10px;}
.slick-dots li {margin: 0 4px;}
.slick-dots li button {width:10px; height:10px;}
}




/*********************************¸ÞÀÎ ÅÇ¹öÆ° ¸Þ´º *********************************/ 
.sec3-tab{position:relative;display:flex;flex-wrap:wrap; width:1000px; margin:20px auto -40px; text-align:center;}
.sec3-tab a{flex:1;position:relative;background:#fff; padding:30px; line-height:1;  font-size:28px; color:#4D2308; box-sizing:border-box; z-index:2; border:1px solid #4D2308; margin:5px;  font-weight:300;  font-family: 'BMEULJIRO', sans-serif;  transition:all .4s;
text-align:center;}
.sec3-tab a.active{background-color:#4D2308;  color:#fff;  box-shadow: 0 8px 15px rgba(0,0,0,0.3);}

/*** ÅÇ ÄÁÅÙÃ÷ ¹Ú½º***/ 
.content_box {position:relative;}
.sec3-content{display:block;  position:absolute; left:0; top:0; z-index:1; opacity:0; width:100%;}
.sec3-content.active{display:block;  position:relative; opacity:1; z-index:2;}

@media screen and (max-width:1024px){
.sec3-tab{width:90%;}
.sec3-tab a{padding:20px;  font-size:24px;  margin:3px;}
}

@media screen and (max-width:767px){ 
.sec3-tab{ margin-bottom:-20px;}
.sec3-tab a{padding:11px;  font-size:18px;}
/*** ¸ð¹ÙÀÏ¿¡¼­ ÅØ½ºÆ® ÁÙ¹Ù²Þ***/ 
.sec3-tab a span {width:100%; display:block;}
}





/******************* ¼½¼Ç1. ¸ÞÀÎ ¿µ»ó°ú ÀÌ¹ÌÁö ·Ñ¸µ***********************/
.c_full {position:relative; width:100%;  height: calc(100vh - 170px);}
.main_item {overflow:hidden;width: 100%;}
.main_item .bg {position: absolute; top:0; left:0; width:100%;  height:100% !important;}
.c_full .swiper-slide-active .text_g{opacity:1; transition:1.5s 0.9s;  }
.c_full .section_inner {width:100%;  height:100%;}
.mainslide {position: relative;  width:100%; height:100% !important;}
.mainslide:before,
.mainslide:after {content:"";position: absolute;top: 0;width: 50%;height: 100%;background: #f3f3f3;z-index: 10;}
.mainslide:before {left: 0;}
.mainslide:after {right: 0;}
.mainslide:before,
.mainslide:after {width: 0;transition:width 0.9s;}
.mainslide .main_item.swiper-slide-active .bg {transition-delay:0.8s;}

/* swiper-slide-active */
.main_item .text_g .txt1  {transition:0.5s; opacity:0; transform:translateY(60px); }
.main_item.swiper-slide-active .text_g .txt1 {opacity:1; transform:translateY(0px); transition:0.9s 0.6s;}
.main_item .text_g .txt2  {transition:0.5s; opacity:0; transform:translateY(-60px); position: relative;   z-index: 10;}
.main_item.swiper-slide-active .text_g .txt2 {opacity:1; transform:translateY(0px); transition:0.9s 0.6s;}
.main_item .text_g .txt3  {transition:0.5s; opacity:0; transform:translateY(-60px); }
.main_item.swiper-slide-active .text_g .txt3 {opacity:1; transform:translateY(0px); transition:0.9s 0.6s;}

/* ½ºÆÀ ¸ð¼Ç */
.main_item .steam {  background: url('../../img/steam.png') no-repeat center bottom;  background-size: 100%;  display: block;  width:600px;  height:600px;  position: absolute;  top: 50%;  left: 50%; transform: translate(-50%, -50%) translateY(70px) scale(0.9);  opacity: 0;  transition: opacity 1s;  z-index: 101;}

/* È°¼ºÈ­ ½½¶óÀÌµå */
.main_item.swiper-slide-active .steam {  animation: steamAnimation 3s ease-out infinite;}
@keyframes steamAnimation {
0% {opacity: 0;transform: translate(-50%, -50%) translateY(60px) scale(1);}
30% {opacity: 1;}
70% {opacity: 0.5;}
100% {opacity: 0;transform: translate(-50%, -50%) translateY(-120px) scale(1.2);}
}

/* Áß¾Ó ¹®±¸ ÅØ½ºÆ® */
.main_item .text_g {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);  z-index:100;  width:100%; text-align:center;  }
.main_item .text_g .text_wrap {position:relative;}
.main_item .text_g .txt1,
.main_item .text_g .txt2{ line-height:100%; font-size:137px; color:#fff; letter-spacing:0em; font-family: 'BMEULJIRO', sans-serif;  }
.main_item .text_g .txt1 {color:#ffda00;}
.main_item .text_g   .ko {font-size: 0.92em;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3  {padding-top:25px; }
.main_item .text_g .txt3 b {display:inline-block;  font-weight:700;  font-size:34px; line-height:1;position: relative; margin:9px 0; color:#fff;}

/* ¶óÀÎ */
.main_item.swiper-slide-active .text_g .txt3 b:after { content: ""; position: absolute; bottom:-2px;left: 0;width: 100%; height:10px; background-color: rgba(255, 208, 4, 0.8);  z-index:-1;  animation: underline 3s ease forwards;}
@keyframes underline {
 from {width:0;}
 to {width:100%;}
}

.main_item .text_g .txt1 {z-index:1;}
.main_item .text_g .txt2,.main_item .text_g .txt3 {z-index:3;}

/* Áß¾Ó ÀÌ¹ÌÁö  */
.main_item .text_g .img {z-index:2; position: absolute;top: 50%;left: 50%;width:100%; text-align:center; transform: translate(-50%,-50%);}

/** µ¿¿µ»ó **/
.mmovie_con {position:relative; background:#000; overflow:hidden;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;   align-items: center;  height:100%;  position: relative;  z-index:1; }
.mmovie_con video {border:0; opacity:0.6; padding:0; margin:0;  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto; z-index: -100;  transform: translateX(-50%) translateY(-50%);  background-size: cover;  transition: 1s opacity;}
.mmovie_con .section_inner {width:100%;}

/* ÆäÀÌÂ¡ ÀÌÀü ´ÙÀ½ */
.mainslide .main_paging {position:absolute; bottom:4%; left:50%; transform:translate(-50%,0%); display:flex; justify-content:center; align-items:center; margin-left:5px; z-index:1000;}
.mainslide .main_prev {background:url(../../img/main_prev.png) no-repeat center / contain;margin-right:35px;}
.mainslide .main_next {background:url(../../img/main_next.png) no-repeat center / contain;margin-left:45px;}
.mainslide .main_arrow {width:22px; height:22px; cursor:pointer; outline:none; box-shadow:none; -webkit-tap-highlight-color:transparent; user-select:none; }

/* Ä¿ÇÇÄá ¹öÆ°*/
.mainslide .main_pagination > span.swiper-pagination-bullet {width:20px; height:20px; margin:0 10px; background-image:url('../../img/beans.png') !important;   background-repeat:no-repeat !important; background-size:contain !important; background-position:center !important; background-color:transparent !important; border:none !important; border-radius:0 !important;  user-select:none; opacity:0.6; transform:scale(0.9); transition:transform .35s cubic-bezier(.25,1.5,.5,1), opacity .3s;}

/* ACTIVE bullet */
.mainslide .main_pagination > span.swiper-pagination-bullet-active {opacity:1 !important; transform:scale(1.2) !important; background-image:url('../../img/beans.png') !important; background-repeat:no-repeat !important; background-size:contain !important; background-position:center !important; background-color:transparent !important; border:none !important; border-radius:0 !important; animation:beans-bounce .35s ease-out;}

/* Æ¢´Â ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes beans-bounce {0%{transform:scale(0.9);} 50%{transform:scale(1.3);} 100%{transform:scale(1.2);}}



@media screen and (max-width:1600px){
/* Áß¾Ó ¹®±¸ ÅØ½ºÆ® */
.main_item .text_g .txt1,
.main_item .text_g .txt2 {font-size:125px;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3 b { font-size:30px; }

/* Áß¾Ó ¹®±¸ ÀÌ¹ÌÁö */
.main_item .text_g .img img,
.main_item .text_g .img_bg img {width:550px;}
}



@media screen and (max-width:1440px){
/* Áß¾Ó ¹®±¸ ÅØ½ºÆ® */
.main_item .text_g .txt1,
.main_item .text_g .txt2 {font-size:110px;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3  b{font-size:25px;}

/* Áß¾Ó ¹®±¸ ÀÌ¹ÌÁö */
.main_item .text_g .img img,
.main_item .text_g .img_bg img {width:500px;}
}



@media screen and (max-width:1280px){
/* Áß¾Ó ¹®±¸ ÅØ½ºÆ® */
.main_item .text_g .txt1,
.main_item .text_g .txt2 {font-size:95px;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3 b {font-size:22px;}

/* Áß¾Ó ¹®±¸ ÀÌ¹ÌÁö */
.main_item .text_g .img img,
.main_item .text_g .img_bg img {width:450px;}
}


@media screen and (max-width:1024px){
.c_full { height: calc(100vh - 210px);}

/* Ä¿ÇÇÄá ¹öÆ°*/
.mainslide .main_pagination>span.swiper-pagination-bullet {width:15px;height:15px; margin: 0 5px; }

/* ÆäÀÌÂ¡*/
.mainslide .main_arrow {width:16px; height:16px; }

/* Áß¾Ó ¹®±¸ ÅØ½ºÆ® */
.main_item .text_g .txt1,
.main_item .text_g .txt2 {font-size:75px;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3  {  padding-top:10px;}
.main_item .text_g .txt3 b { font-size:18px; margin:5px 0;}
.main_item.swiper-slide-active .text_g .txt3 b:after {height:10px;}

/* Áß¾Ó ¹®±¸ ÀÌ¹ÌÁö */
.main_item .text_g .img img,
.main_item .text_g .img_bg img {width:400px;}

/* ½ºÆÀ ¸ð¼Ç */
.main_item .steam { width:400px;  height:400px;}
}



@media screen and (max-width:767px){
.c_full { height: calc(100vh - 180px);}


/* Áß¾Ó ¹®±¸ ÅØ½ºÆ® */
.main_item .text_g .txt1,
.main_item .text_g .txt2 {font-size:50px;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3 b {font-size:15px;}

/* ¶óÀÎ */
.main_item.swiper-slide-active .text_g .txt3 b:after {bottom:-2px; height:6px;}
 
/* Áß¾Ó ¹®±¸ ÀÌ¹ÌÁö */
.main_item .text_g .img img,
.main_item .text_g .img_bg img {width:250px;}

/* ½ºÆÀ ¸ð¼Ç */
.main_item .steam { width:250px;  height:250px;}
}
 
 

/***¸ÞÀÎ ÀÌ¹ÌÁö À§ ³ë¶õ ¹Ú½º ***/
.main_item:before {content: "";  position: absolute; top:0; left:0; width:100%; height:100%;  background-image: url('../../img/outline_left.png');background-repeat:no-repeat; background-position:left top; pointer-events: none; z-index:10; }
.main_item:after {content: "";  position: absolute; top:0; left:0; width:100%; height:100%;  background-image: url('../../img/outline_right.png');background-repeat:no-repeat; background-position:right top; pointer-events: none; z-index:10;}

@media screen and (max-width:1280px) {
.main_item:before,
.main_item:after {background-size:650px;}
}

@media screen and (max-width:1024px) {
.main_item:before,
.main_item:after {background-size:550px;}
}

@media screen and (max-width:700px) {
.main_item:before,
.main_item:after {background-size:350px;}
}

@media screen and (max-width:420px) {
.main_item:before,
.main_item:after {background-size:250px;}
}
















/******************* ¼½¼Ç2. ¾²¸® ºí·° // Ä«Æä ¿î¿µÀ» ´õ ½±°Ô  ***********************/
.con_block3 {width:100%; padding:0 0 7% 0; background:#FFD004 url('../../img/box3_bg.jpg') no-repeat center bottom; background-size:100%;}
.con_block3 ul {display:flex; flex-wrap:wrap; margin:0 auto; max-width:1200px; width:90%;}

/* ¹Ú½º  */
.con_block3 ul.cb_box li {width:31.33%;background: rgba(255, 245, 160, 0.5); margin:0 1%; border-radius:20px; box-sizing: border-box; box-shadow:0 12px 25px rgba(0,0,0,0.18); }
.con_block3 ul.cb_box li dl {width:100%; padding:40px 5%;}

/* Å¸ÀÌÆ² */
.con_block3 ul.cb_box li dl dt {text-align:center; font-size:44px; letter-spacing:-0.04em;  font-family: 'BMEULJIRO', sans-serif;  font-weight:500;  line-height:1; color:#4D2308; text-align:center; padding-bottom:2%; margin-bottom:5%;}

/*********************************ÅØ½ºÆ® ¹°°á ¸ð¼Ç*********************************/ 
.w_line {position: relative;display: inline-block; z-index: 0; padding-bottom:5px;}
.w_line::after { content: ""; position: absolute; left: 0; bottom:-20%; width: 110%; height: 1em; background-image: url('../../img/w_line.svg'); background-repeat: no-repeat; background-position: left bottom; background-size: contain; clip-path: inset(0 100% 0 0); transition: clip-path 3s ease; pointer-events: none;  z-index: -1;}
.w_line.active::after { clip-path: inset(0 0% 0 0); }

/*  ¾ÆÀÌÄÜ */
.con_block3 ul.cb_box li dl dt {padding-top:140px; background-position: center top; background-size:100px; background-repeat:no-repeat;}
.con_block3 ul.cb_box li:nth-child(1)  dl dt { background-image:url(../../img/box3_icon1.png);}
.con_block3 ul.cb_box li:nth-child(2)  dl dt { background-image:url(../../img/box3_icon2.png);}
.con_block3 ul.cb_box li:nth-child(3)  dl dt { background-image:url(../../img/box3_icon3.png);}

/* °£·« ¼³¸í */
.con_block3 ul.cb_box li dl dd {font-size:18px; text-align:center; line-height:1.7; color:#361715; padding-top:30px;   position:relative;}




@media screen  and (max-width:1440px) {
/* Å¸ÀÌÆ² */
.con_block3 ul.cb_box li dl dt {font-size:39px;}

/* °£·« ¼³¸í */
.con_block3 ul.cb_box li dl dd {font-size:17px;}

/*  ¾ÆÀÌÄÜ */
.con_block3 ul.cb_box li dl dt {padding-top:115px;  background-size:80px;  }
}



@media screen  and (max-width:1280px) {
/* Å¸ÀÌÆ² */
.con_block3 ul.cb_box li dl dt {font-size:33px;}

/*  ¾ÆÀÌÄÜ */
.con_block3 ul.cb_box li dl dt {padding-top:105px;  background-size:70px; }

/* °£·« ¼³¸í */
.con_block3 ul.cb_box li dl dd {font-size:16px;}
}



@media screen  and (max-width:1024px) {
.con_block3 ul.cb_box li dl {padding:25px 4%;}

/* Å¸ÀÌÆ² */
.con_block3 ul.cb_box li dl dt {font-size:28px;}

/*  ¾ÆÀÌÄÜ */
.con_block3 ul.cb_box li dl dt {padding-top:90px;  background-size:60px; }

/* °£·« ¼³¸í */
.con_block3 ul.cb_box li dl dd {font-size:14px; padding-top:20px; }

.w_line { padding-bottom:3px;}
}



@media screen  and (max-width:768px) {
.con_block3 ul.cb_box li {width:100%; margin:3% auto;}
.con_block3 ul { max-width:300px;}

/* Å¸ÀÌÆ² */
.con_block3 ul.cb_box li dl dt {font-size:25px;}

/*  ¾ÆÀÌÄÜ */
.con_block3 ul.cb_box li dl dt {padding-top:78px;  background-size:50px; }

/* °£·« ¼³¸í */
.con_block3 ul.cb_box li dl dd {font-size:13px;}
}







/*********************************************************¸ÞÀÎ ¼½¼Ç3. Since ¼Ò°³±Û*************************************************************/
.since-section {width:100%; padding:40px 0 0; background-color:#FFD004; }
.since-inner { width:100%; margin:0 auto; background-color:#ffffff; background-image:url('../../img/since_bg.jpg');  background-repeat:no-repeat;  background-position:top center; background-size:100% auto;border:1px solid #eee; box-sizing:border-box; position:relative; padding:260px 0 6%; overflow:visible; border-radius:200px 200px 0 0;}
 
/* Áß¾Ó µ¿±×¶ó¹Ì &#8211; Èò ¹Ú½º À§·Î Æ¢¾î³ª¿À°Ô */
.since-center {width:600px; height:600px; border-radius:50%; border:20px solid #FFD004;   box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);  position:absolute; left:50%; top:-160px; transform:translateX(-50%); background:#ffffff; z-index:2; display:flex; align-items:center; justify-content:center; text-align:center; padding:40px; box-sizing:border-box;  z-index:3; }

/* µÞ¹è°æ Åõ¸í¿ø */
.ring-yellow { position:absolute; left:50%; top:-190px; transform:translateX(-50%);  width:650px; height:650px; border-radius:50%;background:rgba(0, 0, 0, 0.1);  z-index:1;     clip-path:inset(190px 0 0 0); }

/* Áß¾Ó ¿ø ÅØ½ºÆ® since */
.since-center h3 { font-size:36px;  font-weight:300; line-height:1; font-family: 'BMEULJIRO', sans-serif}
.since-center .year { font-size:70px; font-weight:900; margin-bottom:35px;line-height:1;}
.since-center p { font-size:24px; line-height:1.5; }
.since-center p strong { color:#4D2308; font-weight:700; }

/* ¼ýÀÚ ¹Ú½º &#8211; ³ë¶õ ¿ø À§, µ¿±×¶ó¹Ì ¾Æ·¡ÂÊ¿¡¸¸ °ãÄ¡°Ô */
.stat-box { position:absolute; background-color:#4D2308; color:#fff; text-align:center; border-radius:70px; padding:20px 30px; display:inline-flex; flex-direction:column; min-width:320px; box-sizing:border-box;  z-index:2;}
.stat-label { font-size:17px; margin-bottom:5px; }
.stat-value { font-size:50px; font-weight:900; color:#FFD004; line-height:1;}
.stat-unit { font-size:20px; font-weight:500;  margin-left:4px; color:#fff; line-height:1;}

/* À§Ä¡ &#8211; À§ µÎ °³´Â ¹Ù±ùÂÊ, ¾Æ·¡ µÎ °³´Â Á¶±Ý ´õ ¾ÈÂÊÀ¸·Î */
.stat-left-top { top:210px; right:50%; margin-right:220px; }
.stat-right-top { top:210px; left:50%; margin-left:220px; }
.stat-left-bottom { top:360px; right:50%; margin-right:140px; }
.stat-right-bottom { top:360px; left:50%; margin-left:140px; }

/* ÇÏ´Ü ¼³¸í */
.since-bottom {position:relative; margin-top:110px; padding-top:300px; text-align:center; width:94%; margin:0 auto; }
.since-bottom p.top-text { font-size:25px;   font-weight:500; line-height:1.6; margin-bottom:42px; }
.since-bottom h2 { font-size:60px; font-weight:300; line-height:1; font-family: 'BMEULJIRO', sans-serif;  margin-bottom:35px; }
.since-bottom h2 span { display:inline-block; padding:4px 10px 0;  font-weight:300; line-height:1; background-color:#4D2308; border-radius:7px; color:#ffffff; margin-left:4px; }
.since-bottom p.note { font-size:21px; line-height:1.8; }



@media (max-width:1280px) {
/* Áß¾Ó µ¿±×¶ó¹Ì &#8211; Èò ¹Ú½º À§·Î Æ¢¾î³ª¿À°Ô */
.since-center {width:500px; height:500px;  top:-130px;  padding:30px; }

/* Åõ¸í¿ø */
.ring-yellow { top:-150px; width:540px; height:540px;  clip-path:inset(150px 0 0 0); }

/* Áß¾Ó ¿ø ÅØ½ºÆ® since */
.since-center h3 { font-size:31px;}
.since-center .year { font-size:60px;  margin-bottom:25px;}
.since-center p { font-size:21px;}

/* ¼ýÀÚ ¹Ú½º &#8211; ³ë¶õ ¿ø À§, µ¿±×¶ó¹Ì ¾Æ·¡ÂÊ¿¡¸¸ °ãÄ¡°Ô */
.stat-box { padding:10px 20px; min-width:250px;}
.stat-label { font-size:15px; }
.stat-value { font-size:40px; }
.stat-unit { font-size:18px;}

/* À§Ä¡ */
.stat-left-top { top:180px;  margin-right:200px; }
.stat-right-top { top:180px;  margin-left:200px; }
.stat-left-bottom { top:300px;   margin-right:130px; }
.stat-right-bottom { top:300px;  margin-left:130px; }

/* ÇÏ´Ü ¼³¸í */
.since-bottom {margin-top:50px; padding-top:150px;}
.since-bottom p.top-text { font-size:21px;}
.since-bottom h2 { font-size:50px; }
.since-bottom p.note { font-size:18px; }
}




/* ¸ð¹ÙÀÏ &#8211; ¼¼·Î ¹èÄ¡ */
@media (max-width:1024px) {
.since-inner {border-radius:100px 100px 0 0; }

/* ¼ýÀÚ ¹Ú½º &#8211; ³ë¶õ ¿ø À§, µ¿±×¶ó¹Ì ¾Æ·¡ÂÊ¿¡¸¸ °ãÄ¡°Ô */
.stat-box-mo {width:96%;  margin:0 auto; padding-top:140px; max-width:600px; display: flex;  flex-wrap: wrap; }
.stat-box { position:static; float:left; width:49%; margin:10px 0.5%; min-width:auto;  }

/* ÇÏ´Ü ¼³¸í */
.since-bottom {margin-top:30px; padding-top:0px;}
.since-bottom p.top-text { font-size:18px;  margin-bottom:26px; }
.since-bottom h2 { font-size:40px;  margin-bottom:22px; }
.since-bottom p.note { font-size:16px; }
}


 

@media (max-width:767px) {
.since-inner {border-radius:50px 50px 0 0; padding-top:0px;}

/* Áß¾Ó µ¿±×¶ó¹Ì &#8211; Èò ¹Ú½º À§·Î Æ¢¾î³ª¿À°Ô */
.since-center {width:85%; border-radius:50px; height:auto; border-width:10px; top:-50px;  padding:25px 15px;  position:relative;  }
 
/* Åõ¸í¿ø */
.ring-yellow {display:none;}

/* Áß¾Ó ¿ø ÅØ½ºÆ® since */
.since-center h3 { font-size:27px;}
.since-center .year { font-size:50px;}
.since-center p { font-size:14px;}

/* ¼ýÀÚ ¹Ú½º &#8211; ³ë¶õ ¿ø À§, µ¿±×¶ó¹Ì ¾Æ·¡ÂÊ¿¡¸¸ °ãÄ¡°Ô */
.stat-box-mo {padding-top:0px; margin-top:-30px;}
.stat-box { position:static; float:left; width:49%; margin:4px 0.5%; min-width:auto;}
.stat-label { font-size:13px; }
.stat-value { font-size:30px; }
.stat-unit { font-size:14px;}

/* ÇÏ´Ü ¼³¸í */
.since-bottom {margin-top:20px; }
.since-bottom p.top-text { font-size:16px;}
.since-bottom h2 { font-size:31px;}
.since-bottom p.note { font-size:14px; }
}

 






/*********************************************************¸ÞÀÎ ¼½¼Ç 4. MENU  ¸Þ´º*************************************************************/
/*  ¹è°æ*/
.all_menu_area {overflow:hidden; position:relative; text-align:center; background:#513326 url(../../img/menu_bg.jpg) no-repeat center; background-size:cover; padding:150px 0 100px; }
.all_menu {position:relative; text-align:center; width:100%; margin:0 auto; padding:0;}

/* Áß¾Ó ´ëÇ¥ Å¸ÀÌÆ²*/
.all_menu_area h4 {display:block; line-height:130%; font-size:45px; color:#fff; font-weight:300;  font-family: 'BMEULJIRO', sans-serif;  padding-bottom:40px;}

/*¹è³Ê¹Ú½º */
.menu_li{ position:inherit; padding:0; position:relative; width:90%; max-width:1500px; margin:0 auto; } 
.menu_li div.menu_box {text-align:left; }
.menu_li dl{ box-shadow:2 5px 5px rgba(0,0,0,0.3); overflow:hidden;   margin:10px; height:100%; display:flex; flex-direction:column; justify-content:space-between;  border-radius:0.7rem; position:relative;  background:#FFF6D6;}
.menu_li dl::before { content: ""; position: absolute;  inset: 0; margin:4px;  border-radius:9px;  box-sizing:border-box;  border:1px solid rgba(0,0,0,0.2);  z-index:1;  pointer-events: none; }
.menu_li dl dt{padding:13px; text-align:center; } 
.menu_li dl dt img{max-width:100%;height:auto;display:block;margin:0 auto; border:4px solid #fff;border-radius:9px;  } 

/* ÅØ½ºÆ® ¹Ú½º*/
.menu_li dl dd { position: relative; height: 155px; text-align: center;  color: #361715; }
.fade-text {max-height: 100%; overflow-y: auto; }

/* ÅØ½ºÆ® - Å¸ÀÌÆ² */
.menu_li dl dd b{display:inline-block; font-size:25px;line-height:1.3; color:#fff; padding:20px; font-weight:600;   position: relative; z-index:2;}
.menu_li dl dd b:before,
.menu_li dl dd b:after{content: ""; position: absolute;  width:100%; height:20px; top:50%; background:#4D2308; z-index:-1;  will-change: transform;}
.menu_li dl dd b:before{ margin-top:-20px; left:0;  transform: translateX(0); animation: barJoinTop 2.2s ease-in-out infinite; }
.menu_li dl dd b:after { right:0;    transform: translateX(0); animation: barJoinBot 2.2s ease-in-out infinite; }

/* Å¸ÀÌÆ² À§ÂÊ ¹Ù: ¿À¸¥ÂÊÀ¸·Î ºÙ¾ú´Ù°¡ ´Ù½Ã º¹±Í */
@keyframes barJoinTop{
  0%   { transform: translateX(0); }
  35%  { transform: translateX(0); }
  50%  { transform: translateX(3%); }  /* ÇÕÃÄÁö´Â ÁöÁ¡(°ª Á¶Àý) */
  65%  { transform: translateX(0); }
  100% { transform: translateX(0); }
}

/* Å¸ÀÌÆ² ¾Æ·¡ÂÊ ¹Ù: ¿ÞÂÊÀ¸·Î ºÙ¾ú´Ù°¡ ´Ù½Ã º¹±Í */
@keyframes barJoinBot{
  0%   { transform: translateX(0); }
  35%  { transform: translateX(0); }
  50%  { transform: translateX(-3%); } /* ÇÕÃÄÁö´Â ÁöÁ¡(°ª Á¶Àý) */
  65%  { transform: translateX(0); }
  100% { transform: translateX(0); }
}


 /* ÅØ½ºÆ® - ÀÛÀº±Û ¼³¸í±Û */
.menu_li dl dd p {font-size:19px; line-height:1.5; color:#4D2308; padding:0 3% 20px; }

/* ±×¶óµ¥ÀÌ¼Ç ¸¶½ºÅ·Àº dd */
.menu_li dl dd::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2em; background: linear-gradient(to top, #FFF6D6, transparent); pointer-events: none; }
.fade-text::-webkit-scrollbar {width:6px;}
.fade-text::-webkit-scrollbar-track { background: #96817C;}
.fade-text::-webkit-scrollbar-thumb {  background-color: #FFF6D6; border-radius: 3px;}

@media screen and (max-width:1600px) {
.all_menu_area h4 {font-size:40px;}

/* ÅØ½ºÆ® - Å¸ÀÌÆ² */
.menu_li dl dd b{ font-size:25px;}
}


@media screen  and (max-width:1280px) {
.all_menu_area h4 {font-size:34px;}

/* ÅØ½ºÆ® - Å¸ÀÌÆ² */
.menu_li dl dd b{ font-size:23px;}
}


@media screen  and (max-width:1024px) {
.all_menu_area {padding:90px 0 50px; }
.all_menu_area h4 {font-size:30px; padding-bottom:20px;}

/* ÅØ½ºÆ® - Å¸ÀÌÆ² */
.menu_li dl dd b{ font-size:20px;}
}



@media screen  and (max-width:767px) {
.all_menu_area h4 {font-size:27px;}

.menu_li{ max-width:400px;} 

 /* ÅØ½ºÆ® - Å¸ÀÌÆ² */
.menu_li dl dd b{ font-size:17px; padding:15px;}
.menu_li dl dd b:before,
.menu_li dl dd b:after{height:15px;}
.menu_li dl dd b:before{ margin-top:-15px; }

 /* ÅØ½ºÆ® - ÀÛÀº±Û ¼³¸í±Û */
.menu_li dl dd p {font-size:14px; }

/* ÅØ½ºÆ® ¹Ú½º*/
.menu_li dl dd { height:auto; }

/* ±×¶óµ¥ÀÌ¼Ç ¸¶½ºÅ·Àº dd */
.menu_li dl dd::after {dispplay:none;}
}








/******************* ¼½¼Ç5. Æ¯Â¡  (4Ä­ ¼½¼Ç ¹è³Ê)  ***********************/
.value_section{position: relative; overflow: hidden;  background:#4D2308;   text-align:left; overflow:hidden;}
.value_section .vsection {width:100%; margin:0 auto; overflow:hidden; display:block; height:840px; }
.value_section .tab_box{display: none;}
.value_section .con_box{position: relative; z-index:2; width:100%; margin:0 auto; height:100%;}
.value_section .con_box li{ float: left; width: 25%;  height:100%; padding:200px 1% 1% 1%; border-right: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.4s ease; box-sizing:border-box; background-color:transparent; transition:background-color 0.7s ease;}
.value_section .con_box li:last-child {border:none;}
.value_section .con_box li.active{background-color: rgba(0, 0,0, 0.6); backdrop-filter: blur(10px); }
.value_section .con_box li .txt_box,
.value_section .con_box li .icon{opacity: 0; text-align:center;  visibility: hidden;  transform: translateY(-15px); transition: all 0.4s ease; }
.value_section .con_box li.active .txt_box,
.value_section .con_box li.active .icon{opacity: 1; transform: translateY(0);   visibility: visible;}
.value_section .con_box li .con_wrap{display:block; vertical-align: middle; text-align:center; width:100%;}
.value_section .con_box li .con_wrap .title_box {transition: all 0.4s ease;}
.value_section .con_box li.active .con_wrap .title_box {margin-top:20px;}

/* ÀÛÀº Å¸ÀÌÆ² */
.value_section .con_box li .con_wrap .title_box h3{font-size:27px;  color: #fff;   padding:1.3%; line-height:100%; display:inline-block;  margin-bottom:20px;}

/* Å« Å¸ÀÌÆ² */
.value_section .con_box li .con_wrap .title_box h4{font-size:40px; line-height:120%; color: #FFD004;  font-weight:300; font-family: 'BMEULJIRO', sans-serif;   transition: all 0.4s ease; display:block;}

/* ¼³¸í±Û ºÎºÐ */
.value_section .con_box li .con_wrap .txt_box{margin-bottom:50px;}
.value_section .con_box li .con_wrap .txt_box p{font-size:17px; color:#fff; line-height:1.6; width:90%; margin:20px  auto; position: relative; padding-top:60px; }
.value_section .con_box li .con_wrap .txt_box p:before {width:1px; height:40px; display:block; background:#fff; content: ""; position:absolute;  top:0; left:50%; z-index: 1;  }
.value_section .value_img{position: absolute; top:0; left: 0; z-index: 1; width:100%; height:100%;}
.value_section .value_img .bg_box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; text-indent: -9999px; transform: scale(1.1); opacity: 0; transition: opacity 0.7s ease, transform 0.7s ease; }
.value_section .value_img .bg_box.active{opacity: 1; transform: scale(1);}

/**¾ÆÀÌÄÜ**/
.value_section .con_box li .icon {width:100px; height:100px; margin:0 auto; display:block; position: relative; }
.value_section .con_box li:nth-child(1) .icon{background-image: url("../../img/why_icon1.png");  animation:move_leftright 1s linear infinite;}
.value_section .con_box li:nth-child(2) .icon {background-image: url("../../img/why_icon2.png");  animation:move_updown 1s linear infinite;}
.value_section .con_box li:nth-child(3) .icon {background-image: url("../../img/why_icon3.png");  animation:move_updown 1s linear infinite;}
.value_section .con_box li:nth-child(4) .icon {background-image: url("../../img/why_icon4.png");  animation:move_updown 1s linear infinite;}

/**¹è°æÀÌ¹ÌÁö °æ·Î**/
.value_section .value_img .bg_box_01{background-image: url("../../img/why_bg_01.jpg");}
.value_section .value_img .bg_box_02{background-image: url("../../img/why_bg_02.jpg");}
.value_section .value_img .bg_box_03{background-image: url("../../img/why_bg_03.jpg");}
.value_section .value_img .bg_box_04{background-image: url("../../img/why_bg_04.jpg");}

@media screen and (max-width:1440px){
/* ÀÛÀº Å¸ÀÌÆ² */
.value_section .con_box li .con_wrap .title_box h3{font-size:24px;}

/* Å« Å¸ÀÌÆ² */
.value_section .con_box li .con_wrap .title_box h4{font-size:35px; margin-bottom:20px;}

/* ¼³¸í±Û ºÎºÐ */
.value_section .con_box li .con_wrap .txt_box{margin-bottom:30px;}
.value_section .con_box li .con_wrap .txt_box p{font-size:15px;}
}


@media screen and (max-width:1024px){
.value_section .vsection  {height:700px;}
.value_section .con_box{width:100%;}
.value_section .con_box li:first-child {border:none;}
.value_section .con_box li,
.value_section .con_box li:last-child {width: 100%;  text-align:center; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; visibility: hidden; border-right: none;}
.value_section .con_box li.active{opacity: 1; visibility: visible; z-index: 2;  background-color: transparent;  backdrop-filter: blur(0px);}
.value_section .con_box li .txt_box,
.value_section .con_box li .btn_box{opacity: 0; visibility: hidden; transform: translateY(-15px); transition: all 0.8s ease 0.6s;}

/* ÅÇ¸Þ´º */
.value_section .tab_box{display: block; width:100%; position:absolute; z-index:3; top:100px; left:50%; transform: translateX(-50%); }
.value_section .tab_box .tabMenu{max-width:800px; margin: 0 auto;}
.value_section .tab_box .tabMenu:after{content: ''; clear: both; visibility: hidden; display: block;}
.value_section .tab_box .tabMenu li{float:left; width: 25%;  text-align: center;  box-sizing: border-box; cursor: pointer; transition: color 0.3s ease;}
.value_section .tab_box .tabMenu li.active,
.value_section .tab_box .tabMenu li:hover{color: #fff; }
.value_section .tab_box .tabMenu li span{position: relative; padding-bottom: 5px; color: rgba(255, 255, 255, 0.5); font-size: 20px; }
.value_section .tab_box .tabMenu li.active span{color: rgba(255, 255, 255, 1);}
.value_section .tab_box .tabMenu li span:before,
.value_section .tab_box .tabMenu li span:after{display: block; content: ''; position: absolute;}
.value_section .tab_box .tabMenu li span:before{top: 10px; left: 50%; transform: translateX(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #fff; opacity: 0; transition: all 0.3s ease;}
.value_section .tab_box .tabMenu li.active span:before{top: -10px; opacity: 1;}
.value_section .tab_box .tabMenu li span:after{bottom: 0; left: 0; width: 100%; height: 1px; transform: translate3d(0,0,0) scaleX(0); background-color: #fff; transition: transform 0.3s ease;}
.value_section .tab_box .tabMenu li.active span:after{transform: translate3d(0,0,0) scaleX(1);}
}


@media screen and (max-width:767px){
.value_section .vsection  {height:500px;}
.value_section .tab_box{top:50px;} 
.value_section .tab_box .tabMenu li span{font-size:14px;}
.value_section .con_box li{padding-top:100px;}

/* ÀÛÀº Å¸ÀÌÆ² */
.value_section .con_box li .con_wrap .title_box h3{font-size:17px;}

/* Å« Å¸ÀÌÆ² */
.value_section .con_box li .con_wrap .title_box h4{font-size:25px;}

/* ¼³¸í±Û ºÎºÐ */
.value_section .con_box li .con_wrap .txt_box p{font-size:13px;}
/**¾ÆÀÌÄÜ**/
.value_section .con_box li .icon {width:50px; height:50px; background-size:cover; }
}
 





/******************* ¼½¼Ç6. ¸ÅÀå¾È³»***********************/
.store {width: 100%; padding:3% 0 4%; background:url(../../img/mb_bg.jpg) no-repeat center;  background-size:cover;overflow:hidden;}

/**³×ÀÌ°ÔÀÌ¼Ç ¹Ù**/
.store_slide>.store_pagination {position: relative; width:94%; margin:40px auto; height:5px;  background:#4D2308; border-radius:3px;}
.store_slide>.store_pagination>span {background:#FFD004;}

/** ÀÌ¹ÌÁö ¹Ú½º **/
.store_item { width:330px; margin-left:3%; position: relative; overflow: hidden; transition: transform 0.6s ease, filter 0.5s ease;   border-radius:20px;}
.store_item::before { content: ""; position: absolute;  inset: 0; margin:6px;  border-radius:18px;   box-sizing:border-box;  border:1px solid rgba(232, 175, 1, 0.7);  z-index:1;   pointer-events: none; }
.img_inner.bgimg { width: 100%;  height:223px;  overflow: hidden;  position: relative; background-size:cover; background-position: center;  transition: background-size 0.4s ease, filter 0.4s ease;}
.store_item:hover .img_inner.bgimg {  background-size: 110%;  filter: brightness(0.6);}

/** ÅØ½ºÆ® ¹Ú½º **/
.info_box { background-color: #4D2308; padding:25px; text-align: center; border-radius: 0 0 0 0; }
.store_name { font-size:21px; font-weight:600; color: #fff; margin-bottom:15px; }

/** ¾ÆÀÌÄÜ **/
.store_info .icon { width:20px; height:20px; background-size: cover; background-position: center; margin: 0 3px; text-decoration: none; display: inline-block; transition: color 0.3s ease; text-indent: -9999px; }
.store_info .icon:hover { color: #e9182d; transform: scale(1.2); transition: transform 0.2s ease, color 0.3s ease; }
.store_info .phone { background-image: url('../../img/sicon_tel.png'); }
.store_info .map { background-image: url('../../img/sicon_map.png'); }
.store_info .insta { background-image: url('../../img/sicon_insta.png'); }
.store_info .icon:hover { color: #e9182d; }



@media screen and (max-width:1024px) {
.store_item { width:270px;}
.img_inner.bgimg { height: 200px; }

/** ÀÌ¹ÌÁö ¹Ú½º **/
.info_box { padding: 15px;}
.store_item::before {margin:4px;}

/** ÅØ½ºÆ® ¹Ú½º **/
.info_box { padding:20px;}
.store_name { font-size:19px; margin-bottom:10px; }

/** ¾ÆÀÌÄÜ **/
.store_info .icon { width:15px; height:15px;  margin: 0 2px; }
}



@media screen and (max-width:786px) {
.store_item { width:240px;  margin-left:30px;}
.img_inner.bgimg { height: 180px; }

/** ÅØ½ºÆ® ¹Ú½º **/
.store_name { font-size:16px; margin-bottom:6px; }
}


 




/******************* ¼½¼Ç7. °í¸ÅÃâ ÇàÁø ·Ñ¸µ¹è³Ê  ***********************/
.msales { position:relative;  text-align:center; padding:3% 0 7%; background:url(../../img/msales_bg.jpg) no-repeat center; overflow:hidden; background-size:cover;}
.msales .msales_li {position:inherit; padding:0; position:relative; margin:0 auto; width:98%; }
.msales .top_tit img {animation:flicker 1s infinite;}

/* ¹Ú½º*/
.msales .profit-banner {position:relative; text-align: center;}
.msales .container {position:relative; margin: auto;  width:90%; background-color: #FFD004; padding:1.5rem ; box-sizing: border-box; border-radius:0.7rem; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);}
.msales .container::before { content: ""; position: absolute;  inset: 0; margin:3px;  border-radius:9px;   box-sizing:border-box;  border:1px solid #E8AF01;  z-index:1;   pointer-events: none; }
.msales .container > * {  position: relative;  z-index: 1;}

/* Å¸ÀÌÆ² */
h3 { color:#361715; font-size: 30px; margin-bottom:0.2rem; }

/* ¼­ºê Å¸ÀÌÆ²  */
.subtitle { color: #513326; margin-bottom:1rem; font-size:20px; font-weight:600;}

/* »ó¼¼ ¸ñÂ÷  */
.info-table { background: #fff; border: 1px solid #F6B302; border-radius: 8px; padding: 1rem; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 1rem; }
.info-table .row { display: flex; justify-content: space-between; padding: 0.5rem 0;  border-bottom: 1px solid #F7F7EF; font-size: 16px; align-items: flex-start; position: relative; /* Ãß°¡ */}

/* ¿ù¸ÅÃâ  */
.info-table .highlight { color: #782A1A; font-weight: bold; font-size: 20px; position: absolute;   right: 1.5rem; top: 0.1rem;}

/* ¿ù¼ø¼öÀÍ */
.net-profit-box { background: #361715;  padding: 1rem; border-radius:10px;}
.net-profit-box::before { content: ""; position: absolute;  inset: 0; margin:3px;  border-radius:9px;   box-sizing:border-box;  border:1px solid #593224;  z-index:1;   pointer-events: none; }
.net-profit-box  p{ color:#fff; font-size:1.4rem; }

/* °¡°Ý */
.net-profit-box .profit-highlight { color: #FAF4BC; font-size:1.8rem; font-weight: bold; }

/* ¿ø*/
.net-profit-box .unit { margin-left: 0.2rem; font-size:1.1rem;  color:#fff; }

/* ¾ç¿· Àß¸² º¸ÀÌ°Ô */
.gall_money .slick-list{ overflow: visible; }
.gall_money .slick-slide {  transition: transform .25s ease, opacity .25s ease;  opacity: .6;}
.gall_money .slick-center {  opacity: 1;}

/* ¹öÆ° À§Ä¡ Á¶Á¤ */
.msales .prev {left:4%;}
.msales .next {right:4%;}



@media screen and (max-width:1024px) {
/* Å¸ÀÌÆ² */
h3 {font-size:23px;}

/* ¼­ºê Å¸ÀÌÆ²  */
.subtitle {font-size:15px;}

/* »ó¼¼ ¸ñÂ÷  */
.info-table .row {font-size:12px;}

/* ¿ù¸ÅÃâ  */
.info-table .highlight {font-size:15px;}

/* ¿ù¼ø¼öÀÍ */
.net-profit-box { font-size:16px; }
}



@media screen and (max-width:767px) {
.msales .container { width:90%;  padding:1rem; }
}







/********************************************* ¼½¼Ç8. Ã¢¾÷ÀýÂ÷ ¾È³» *************************************************/
.procress { position: relative; padding:2% 0 5%; background: url('../../img/franchise_line_bg.gif') no-repeat left top; background-size:100%;}
.procress .box01 {padding:0; text-align: center; }
.procress .box01 ul { max-width:1340px; width:94%; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: center; }
.procress .box01 ul li { position: relative; width:24%;  float:left; background: #361715; margin:15px 0.5%;   padding:50px 40px 40px; border-radius:20px; transition: all 0.4s ease; ext-align:left;}
.procress .box01 ul li:hover { transform: scale(1.05); }

/* ¼ýÀÚ */
.procress .box01 ul li .step-num { position:absolute; right:10%; top:-10px; z-index:10px; font-size:22px; font-weight:900; color: #361715; background:#fff;   border-radius:5px; border:1px solid #BFBBB5; padding:10px 3px; }

/* ÅØ½ºÆ® */
.procress .box01 ul li .text-wrap {  text-align:left;  width:100%; display:block; }
.procress .box01 ul li .text-wrap .title { width:100%; font-size:25px; color: #fff; line-height:1.2; font-weight: bold; margin-bottom:15px; }
.procress .box01 ul li .text-wrap .desc { width:100%; margin:0 auto; font-size:18px; color: #fff; line-height: 1.7; word-break: keep-all; }

/* ¸¶Áö¸· Æ÷ÀÎÆ®  ´Ü°è */
.procress .box01 ul li:last-child  { background:#FFD004 url('../../img/mp_open.png') no-repeat right bottom;}
.procress .box01 ul li:last-child .step-num { color: #fff; background:#361715; border:none;}
.procress .box01 ul li:last-child .text-wrap .title,
.procress .box01 ul li:last-child .text-wrap .desc { color: #361715; }
.procress .box01 ul li:last-child .text-wrap .desc {padding-right:52%;}


@media screen and (max-width:1380px) {
.procress .box01 ul li { padding:40px 25px 30px;}

/* ¼ýÀÚ */
.procress .box01 ul li .step-num {font-size:20px; }

/* ÅØ½ºÆ® */
.procress .box01 ul li .text-wrap .title { font-size:23px;}
.procress .box01 ul li .text-wrap .desc { font-size:17px; }
}


@media screen and (max-width:1024px) {
.procress .box01 ul li { width:49%; margin:10px 0.5%; }

/* ¼ýÀÚ */
.procress .box01 ul li .step-num {font-size:18px;}

/* ÅØ½ºÆ® */
.procress .box01 ul li .text-wrap .title {font-size:21px; margin-bottom:10px; }
.procress .box01 ul li .text-wrap .desc { font-size:15px; }
}


@media screen and (max-width:767px) {
.procress .box01 ul li { padding:20px 15px; border-radius:10px;}

/* ¼ýÀÚ */
.procress .box01 ul li .step-num {font-size:16px; padding:3px;}

/* ÅØ½ºÆ® */
.procress .box01 ul li .text-wrap .title {font-size:17px;}
.procress .box01 ul li .text-wrap .desc { font-size:13px; }

/* ¸¶Áö¸· Æ÷ÀÎÆ®  ´Ü°è */
.procress .box01 ul li:last-child  {background-size:100px;}
}

 






/*********************************************************¸ÞÀÎ ¼½¼Ç9. Ã¢¾÷ºñ¿ë, FAQ  ÅÇ¹öÆ° ¸Þ´º*************************************************************/
.franchise {width:93%; max-width:1600px; margin:0 auto; background:#fff url('../../img/franchise_bg.jpg') no-repeat right bottom; border:1px solid #eee;  border-radius:50px; padding:3% 0 6%; }


/***************1.Ã¢¾÷FAQ  *****************/  
/* ¶³¾îÁö´Â ·¹ÀÌ¾î*/
.faq {position:relative;  text-align:center; }
.faqList {width:88%; max-width:1400px; display:block; margin:0 auto;  border-top:2px solid #4D2308;  border-bottom:1px solid #4D2308; }
.faq_box {border-bottom:1px solid #4D2308; display:block; cursor:pointer; text-align:left; }

/* Áú¹® */
.faq_box .qustion {position:relative; }
.faq_box .qustion a {display:block; position:relative; font-size:20px;  line-height:140%;  padding:20px 0 20px 60px;  font-weight:600; color:#000; }
.faq_box .qustion a:before {  content: "Q";  display: flex; justify-content: center; align-items: center; position: absolute;  left: 10px;  top: 50%;  transform: translateY(-50%);  width: 35px;
 height: 35px;  background-color: #4D2308;  color: #fff;  font-weight: bold;  font-size: 18px;  border-radius: 50%;  border-radius: 50%; line-height: 35px; }

/* ´äº¯*/
.faq_box .answer {display:none; padding:30px 60px;  border-top:1px solid  rgba(77, 32, 8, 0.3); position: relative;}
.faq_box .answer:before {  content: "A";  display: flex; justify-content: center; align-items: center; position: absolute;  left:18px;  top: 30px;   color: #4D2308;  font-weight:900;  font-size:27px; line-height:1;}
.faq_box .answer p {font-size:18px; line-height:1.6; padding-bottom:7px;}
.faq_box .answer a {color:#4D2308 ; animation:flicker 0.5s infinite;  font-weight:600;}
.faq_box .answer b { color:#000; font-weight:600; }

@media screen and (max-width:1024px) {
.faqList:before { background-size:50px; }

/* Áú¹® */
.faq_box .qustion a { font-size:15px; padding:10px 0 10px 30px;}
.faq_box .qustion a:before { left: 4px; width:20px; height:20px;  font-size: 16px;; line-height:20px; }

/* ´äº¯*/
.faq_box .answer { padding:20px 30px 15px;}
.faq_box .answer:before {left:10px;  top:20px;font-size:20px;}
.faq_box .answer p {font-size:15px;}
}

@media screen and (max-width:767px) {
.franchise {width:100%; border-radius:0;  padding:6% 0 10%; }
/* Áú¹® */
.faq_box .qustion a { font-size:15px;}
.faq_box .qustion a:before { font-size: 13px;}

/* ´äº¯*/
.faq_box .answer:before {font-size:17px;}
.faq_box .answer p {font-size:13px;}
}




/******************* Ã¢¾÷ºñ¿ë  ***********************/
table {border-collapse: collapse;  width: 100%;  border: 1px solid  rgba(0, 0, 0, 0.2);  /* ÀüÃ¼ Å×ÀÌºí ¿Ü°û */}
table th, table td {  border: 1px solid  rgba(0, 0, 0, 0.2);  /* ¼¿ ±¸ºÐ¼± */  padding: 10px;  text-align: left;}
.m_money  { z-index: 1;position:relative;  text-align:center; padding-bottom:5%;}
.tstyle_common {width:92%; max-width:1400px; margin:0 auto; padding-top:3%}
.tstyle_common thead {background:#4D2308;}
.tstyle_common tfoot {background:#FFB500;}
.tstyle_common td span {color:#fff; }
.tstyle_common thead th,
.tstyle_common tfoot th{ padding:20px 10px;  font-size:22px; color:#fff; font-weight:800; text-align:center; }
.tstyle_common td{ color:#000; padding:20px 10px;  font-size:18px;   line-height:120%; text-align:center;}
.tstyle_common td b {font-weight:800; font-size:20px;  }
.tstyle_common td b.red {color:#E9182D ; animation:flicker 0.4s infinite;}
.tstyle_common caption {font-size:0; line-height:0;}
.tstyle_common .tL {text-align:left;}

/* ÇÏ´Ü Ãß°¡ ¹®±¸ ÅØ½ºÆ® */
.txt_add {width:92%; max-width:1400px; margin:1.5% auto; text-align:left;}
.txt_add li {padding:7px 0 7px 20px; position:relative; font-size:18px; }
.txt_add li:before { content: ''; position: absolute; top:40%; left:4px; width:7px; height:7px; z-index:100; display:block; background-size:100%; background:#E9182D ; animation:rotate 6s linear infinite;}
.txt_add li b {color:#E9182D ;}

@media screen and (max-width:1024px) {
.m_money::before { background-size:50px; }
.tstyle_common thead th,
.tstyle_common tfoot th{ padding:15px 5px; font-size:17px;}
.tstyle_common td{ padding:15px 5px; font-size:14px;}
.tstyle_common td b {font-size:16px;}
.m_money .rotate_txt {margin-right:-150px;}
.txt_add li {padding:5px 0px 5px 15px;  font-size:16px; }
.txt_add li:before { left:2px; width:5px; height:5px; top:13px;}
}

@media screen and (max-width:767px) {
.tstyle_common thead th,
.tstyle_common tfoot th{ padding:12px 1px;  font-size:14px;}
.tstyle_common td{ padding:12px 1px;  font-size:12px;}
.tstyle_common td b {font-size:12px; }
.m_money .rotate_txt {margin-right:-115px;}
.txt_add li {padding:5px 0px 5px 12px;  font-size:12px; }
.txt_add li:before {width:4px; height:4px; top:11px;}
}
 



 


/******************************************************************* ¸ÞÀÎ¼½¼Ç10. Ã¢¾÷ÁÖ ÀÎÅÍºä :: À¯Æ©ºê¿µ»ó  *************************************************************/
.m_interview {width:100%;  margin:0;  padding:0  0 160px 0; position:relative; position:relative; text-align:center; background:#FFD004;}
.m_interview::before {content:""; position:absolute; margin:0; left:0; top:-250px;  height:250px; width:100%; background:#FFD004; border-top-left-radius:50% 100%; border-top-right-radius:50% 100%; z-index:-1;}
.m_interview .top_tit {margin-top:0;}
.m_interview .m_tit_big { top:auto; bottom:2%; transform:none;}
.m_interview_wrap {margin:0 auto; position:relative; width:100%;}
.m_interview .m_interview_li {padding:0; margin:0; width:100%;}

/* Ä«µå */
.m_interview_card {background:#ffffff; border-radius:30px; box-shadow:0 10px 10px rgba(0,0,0,0.08); overflow:hidden; margin:0 auto; width:92%; }

/* »ó´Ü ºê¶ó¿î ¹Ù */
.mi_topbar {display:flex; justify-content:space-between; align-items:center; background:#4D2308; color:#ffffff; padding:20px 9%;}
.mi_branch {font-size:23px;  font-weight:800; }
.mi_owner {font-size:20px;}

/* ³»¿ë ·¹ÀÌ¾Æ¿ô */
.mi_info {display:flex; align-items:center; padding:40px; margin:0;}

/* Æ÷ÅäºÎºÐ */
.mi_photo { flex-shrink:0; margin-right:3%; position: relative;}
.mi_photo img {width:220px; height:220px; border-radius:50%; object-fit:cover;}
.yt-thumb{display: block;  cursor: pointer; transition: filter 0.25s ease;}
.yt-thumb:hover{ filter: brightness(0.7);}
.mi_photo::after{content: "";  position: absolute;  top: 50%;  left: 50%;  width: 68px; height: 48px;  transform: translate(-50%, -50%);  background: url("../../img/icon_youtube_play.png") no-repeat center;  
background-size: contain;  pointer-events: none;  transition: transform .25s ease, opacity .25s ease; z-index:100000;}
.mi_photo:hover::after{  transform: translate(-50%, -50%) scale(1.08);}
.mi_text {flex:1;  text-align:left; margin:0;}

/* Å¸ÀÌÆ²/³»¿ë */
.mi_title {font-size:30px; font-weight:700; margin:0 0 16px; color:#000000;}
.mi_desc {font-size:18px; line-height:1.7; margin:0; color:#222222;}

/* ÀÌÀü ´ÙÀ½ ¹öÆ° À§Ä¡ Á¶Á¤ */
.m_interview  .prev {left:28%;}
.m_interview  .next {right:28%;}



@media screen and (max-width:1440px) {
/* ³»¿ë ·¹ÀÌ¾Æ¿ô */
.mi_info { padding:30px;}

/* Å¸ÀÌÆ²/³»¿ë */
.mi_title {font-size:28px; margin-bottom:13px;}
.mi_desc {font-size:17px;}

/* ÀÌÀü ´ÙÀ½ ¹öÆ° À§Ä¡ Á¶Á¤ */
.m_interview  .prev {left:15%;}
.m_interview  .next {right:15%;}
}



@media screen and (max-width:1024px) {
.m_interview {  padding:0  0 100px 0; }
.m_interview_wrap {padding:0 20px;}
.mi_topbar {padding:14px 24px; font-size:18px;}
.mi_branch {font-size:20px;}
.mi_owner {font-size:16px;}

/* ³»¿ë ·¹ÀÌ¾Æ¿ô */
.mi_info {flex-direction:column; padding:30px;}
.mi_photo {width:100%; margin:0 0 15px 0;}
.mi_photo img {width:170px; height:170px; margin:0 auto;}
.mi_text {text-align:center;}

/* Å¸ÀÌÆ²/³»¿ë */
.mi_title {font-size:25px;}
.mi_desc {font-size:16px;}
}



@media screen and (max-width:767px) {
/* ³»¿ë ·¹ÀÌ¾Æ¿ô */
.mi_info { padding:20px 10px;}

/* Ä«µå */
.m_interview_card { border-radius:15px; width:94%; }
/* »ó´Ü ºê¶ó¿î ¹Ù */
.mi_topbar {padding:13px 5%;}
.mi_branch {font-size:18px;}
.mi_owner {font-size:14px;}

/* Å¸ÀÌÆ²/³»¿ë */
.mi_title {font-size:22px;}
.mi_desc {font-size:14px;}

/* ÀÌÀü ´ÙÀ½ ¹öÆ° À§Ä¡ Á¶Á¤ */
.m_interview  .prev {left:5%;}
.m_interview  .next {right:5%;}
}

/* À¯Æ©ºê ÆË¾÷*/
#ytPopup{ position:fixed;  inset:0;background:rgba(0,0,0,.85);  display:none;  z-index:999999999999999999999999;}
.yt-inner{  position:absolute;  inset:0;}
#ytPopup iframe{width:100%;  height:100%;}
.yt-close{position:absolute; top:0px; right:0px;  font-size:40px;  color:#fff;  background:#000; padding:10px 20px;  border:0;  cursor:pointer;  z-index:10;}







/******************* ¼½¼Ç11. ¸®ºä ·Ñ¸µ¹è³Ê ***********************/
.mreview {position:relative; text-align:center; padding-top:80px; background:url('../../img/bg_r.jpg') no-repeat center bottom; background-size:100%; overflow:hidden; height:940px;}
.mreview::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%;  z-index:1;}
.mreview > * {position:relative; z-index:2;}
.mreview .gb_arlim {position:relative; }
.mreview .popup_li img {width:96%; position:relative; margin:2%;box-shadow: 3px 3px 8px rgba(0,0,0,0.3); transition: all 0.35s ease-in-out; border-radius:15px;}
.mreview .popup_li img:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.4); backdrop-filter: blur(3px); z-index:0;}
.mreview .gb_arlim { max-width:100%; width:100%; }

/*** °¡¿îµ¥ ¶° ÀÖ´Â ³»¿ë ¼½¼Ç ***/
.mr_center {position:absolute; left:50%; top:0; transform: translate(-50%, 60px); width:350px; background: #FBF4CB; border-radius:0 0 50px 50px; padding:20px; border:1px solid rgba(0, 0, 0, 0.1);  border-top:0; text-align: center;  box-sizing: border-box;  
z-index:10;}

/* »ó´Ü ¾ÆÀÌÄÜ + Å¸ÀÌÆ² ¿µ¿ª */
.mr_tit img { display: block;  margin: 0 auto 10px;}
.mr_tit p {font-size:33px;  line-height:1.4;}
.mr_tit strong {display: block;  font-size:50px; margin-top:8px;  line-height:1;  font-weight:400;  font-family: 'BMEULJIRO', sans-serif;  color: #4D2308; }
.mr_tit strong b {font-size: 1.2em; font-weight:400; }

/* ¾Æ·¡ÂÊ °ËÀº ¡®Æù ¸ð¾ç¡¯ ¿µ»ó ¹Ú½º */
.mr_ytube { width:100%; margin-top:40px; background: #eee;  border:7px solid #000; box-sizing:border-box;  border-radius:35px;  position: relative; height:410px;  overflow: hidden;  box-sizing: border-box;}

/* À¯Æ©ºê iframe µé¾î°¥ °æ¿ì */
.mr_ytube iframe {position:absolute;top:50%; left:50%; width:102%; height:102%; transform:translate(-50%, -50%); border:0;}




@media screen and (max-width:767px) {
.mreview { height:auto; padding-top:20px; }
.mreview .popup_li img {border-radius:7px;}

/*** °¡¿îµ¥ ¶° ÀÖ´Â ³»¿ë ¼½¼Ç ***/
.mr_center {position:relative; left:0%; transform:none; width:300px; margin:0 auto; border-radius:0 0 50px 50px; padding:20px;border:none;}


/* »ó´Ü ¾ÆÀÌÄÜ + Å¸ÀÌÆ² ¿µ¿ª */
.mr_tit img {width:170px;}
.mr_tit p {font-size:21px;}
.mr_tit strong {font-size:37px; margin-top:4px;}

/* ¾Æ·¡ÂÊ °ËÀº ¡®Æù ¸ð¾ç¡¯ ¿µ»ó ¹Ú½º */
.mr_ytube {margin-top:20px; border-radius:20px; height:350px;}
}