/***************************************** ·Ñ¸µ¹è³Ê¿¡ »ç¿ëµÈ °øÅë ÁÂ¿ì¹öÆ° ÇÏ´Ü ¿µ¿ª ¹öÆ° ***************************************/
body::before{content:"";  position:fixed;  top:0;  left:0;  width:100%;  height:100%;  background:#FCF7F5 url("../../img/bg.jpg") no-repeat center top;  background-size:cover;  z-index:-1;}

/* ·Ñ¸µ¹è³Ê °øÅë ÀÌÀü ´ÙÀ½ Àç»ý¹öÆ° */
.prev, .next {border-radius:50%; top:37%; position:absolute; width:70px; height:70px; display:block; cursor:pointer; z-index:10; background-color:rgba(255,255,255,0.2); background-position:center center; background-repeat:no-repeat; backdrop-filter:blur(3px); transition:all 0.3s ease; box-shadow: 0 0  8px rgba(0, 0, 0, 0.3);   text-indent:-9999px; background-size:25px; outline: none;}
.prev::before,
.next::before {content:""; position:absolute; inset:5px; border-radius:50%;  border:1px dashed rgba(120,160,80,0.6);  pointer-events:none;}

.prev {left:-6%; background-image:url(../../img/main_prev.png); }
.next {right:-6%; background-image:url(../../img/main_next.png); }
.prev:hover, .next:hover { transform:scale(1.1);  background-color:rgba(255,255,255,0.6);  } 
.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;}
.prev::before,
.next::before {  inset:2px;  }
} 



/* ÇÏ´Ü ·Î¿øÇü ¹öÆ° */
.slick-dots{ position: absolute;  left: 50%;  transform: translateX(-50%); bottom:-50px;   margin: 0;  padding: 0;  list-style: none;  text-align: center;z-index:100000;}
.slick-dots li {display: inline-block;margin: 0 6px;}
.slick-dots li button {width:15px;height:15px; border-radius: 50%;  border:1px solid #AFB5AF; background:#fff; box-sizing:border-box border: none;text-indent: -9999px;overflow: hidden;padding: 0;cursor: pointer;transition: background 0.3s;}
.slick-dots li.slick-active button { background:#334933; } 

@media screen and (max-width:1024px) {
.slick-dots {bottom:-30px; }
.slick-dots li {margin: 0 4px;}
.slick-dots li button {width:10px; height:10px;}
}


/*********************************¸ÞÀÎ ÅÇ¹öÆ° ¸Þ´º *********************************/ 
.sec3-tab{position:relative; display:flex; flex-wrap:wrap;   justify-content:center;  max-width:1000px; margin:20px auto; text-align:center;}
.sec3-tab a{position:relative;background:#fff; padding:20px 30px; line-height:1; border-radius:40px;  font-size:23px; color:#334933; box-sizing:border-box; z-index:2; border:1px solid #334933; margin:5px;  font-weight:300;  font-family: 'BMEULJIRO', sans-serif;  transition:all .4s; text-align:center;}
.sec3-tab a.active{background-color:#334933;  color:#fff;  box-shadow:0px 0px 8px rgba(0,0,0,0.2);}

/*** ÅÇ ÄÁÅÙÃ÷ ¹Ú½º***/ 
.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 a{ font-size:21px;}
}

@media screen and (max-width:767px){ 
.sec3-tab{margin:11px auto;}
.sec3-tab a{padding:11px 18px;  font-size:17px;}

/*** ¸ð¹ÙÀÏ¿¡¼­ ÅØ½ºÆ® ÁÙ¹Ù²Þ***/ 
.sec3-tab a span {width:100%; display:block;}
}






/******************* ¼½¼Ç1. ¸ÞÀÎ ¿µ»ó°ú ÀÌ¹ÌÁö ·Ñ¸µ***********************/
.c_full {position:relative; width:100%;  height: calc(100vh - 70px);}
.main_item {overflow:hidden;width: 100%;}

/**** ¹è°æÀÌ¹ÌÁö ****/
.main_item .bg {position:absolute; top:0; left:0; width:100%;  height:100% !important; background-repeat:no-repeat; background-size:cover;}
.main_item .bg_mo {opacity:0;}
.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 .main_item.swiper-slide-active .bg {transition-delay:0.8s;}

/* ÅØ½ºÆ® ¹Ú½º */
.main_item .text_g {position: absolute; top: 50%;left: 50%;transform: translate(-50%,-50%);  z-index:100;  width:92%; text-align:center;}
.main_item .text_g .text_wrap {position:relative;}

/* Å«ÆùÆ® ÅØ½ºÆ® */
.main_item .text_g .txt1{ line-height:1; font-size:90px; color:#fff; letter-spacing:0.03em; font-family: 'BMEULJIRO', sans-serif; color:#334933;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3  {padding-top:10px;  font-size:27px; line-height:1.6; position: relative;  color:#334933;}

/* ¹®±¸ ÁÂÃø Á¤·Ä */
.main_item .tg_left {left:9%; transform: translate(-0%,-50%);  top:46%; width:80%; text-align:left; }

/* ¹®±¸ »ó´Ü Á¤·Ä */
.main_item .tg_top { top:33%;}

/* Åõ¸í¶óÀÎ Æ÷ÀÎÆ® ÇÁ·¹ÀÓ */
.visual-frame{position:absolute;top:30px;  left:30px;  right:30px;  bottom:30px;  pointer-events:none;z-index:100;border:1px solid rgba(255,255,255,0.5);box-shadow: 0 0 0 1px rgba(255,255,255,0.35),0 0 30px rgba(255,255,255,0.35); border-radius:10px;}

/* ÆäÀÌÂ¡ ÀÌÀü ´ÙÀ½ */
.mainslide .main_paging {position:absolute; bottom:6%; left:50%; transform:translate(-50%,0%); display:flex; justify-content:center; align-items:center; width:100%; 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:30px; height:30px; cursor:pointer; outline:none; box-shadow:none; user-select:none; }

/* Áß¾Ó  ¹öÆ°*/
.mainslide .main_pagination > span.swiper-pagination-bullet {width:15px; height:15px; margin:0 10px; border-radius:50%; background:#fff;  user-select:none;  opacity:0.8; box-shadow: 0 0 2px 2px  rgba(0,0,0,0.1); }

/* ACTIVE bullet */
.mainslide .main_pagination > span.swiper-pagination-bullet-active { background:#314833; box-shadow:none;}

/* 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 .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;}
 


@media screen and (max-width:1600px){
/* Å«ÆùÆ® ÅØ½ºÆ® */
.main_item .text_g .txt1 {font-size:84px;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3  { font-size:25px; }
}



@media screen and (max-width:1440px){
/* Å«ÆùÆ® ÅØ½ºÆ® */
.main_item .text_g .txt1 {font-size:78px;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3  { font-size:22px; }
}


@media screen and (max-width:1280px){
/* Å«ÆùÆ® ÅØ½ºÆ® */
.main_item .text_g .txt1 {font-size:70px;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3  { font-size:19px;}
}



@media screen and (max-width:1024px){
.c_full { height: calc(100vh - 80px);}

/* Å«ÆùÆ® ÅØ½ºÆ® */
.main_item .text_g .txt1 {font-size:55px;}

/* ÀÛÀº ¼³¸í±Û */
.main_item .text_g .txt3  { font-size:16px;}

/* Åõ¸í¶óÀÎ Æ÷ÀÎÆ® ÇÁ·¹ÀÓ */
.visual-frame{display:none;}
}


@media screen and (max-width:767px){
/**** ¹è°æÀÌ¹ÌÁö ****/
.main_item .bg_pc {opacity:0;}
.main_item .bg_mo {opacity:1;}

/* ¹®±¸ ÁÂÃø Á¤·Ä */ /* ¹®±¸ »ó´Ü Á¤·Ä */
.main_item .tg_left,
.main_item .tg_top { left:0%; transform:none;  top:28%; width:100%; text-align:center;}

/* Áß¾Ó  ¹öÆ°*/
.mainslide .main_pagination > span.swiper-pagination-bullet {width:10px; height:10px; margin:0 6px;}


/* Áß¾Ó ¹®±¸ ÅØ½ºÆ® */
.main_item .text_g .txt1 {font-size:43px;}
}
 










/******************* ¼½¼Ç2. ¾²¸® ºí·° // Ä«Æä ¿î¿µÀ» ´õ ½±°Ô  ***********************/
.con_block3 {width:100%; padding:2% 0 7% 0;}
.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, 255, 255, 0.5); margin:0 1%; border-radius:20px; box-sizing: border-box; box-shadow:0 12px 15px rgba(0,0,0,0.15); }
.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:36px; letter-spacing:0em;  font-family: 'BMEULJIRO', sans-serif;  font-weight:500;  line-height:1; color:#51886C; text-align:center;}

/*********************************ÅØ½ºÆ® ¹°°á ¸ð¼Ç*********************************/ 
.con_block3 ul.cb_box li dl span {position: relative;display: inline-block; z-index: 0;}
.con_block3 ul.cb_box li dl span::after { content: ""; position: absolute; bottom:2px;left: 0; width:0%; height:8px; background-color: rgba(187, 212, 125, 0.6);  z-index:-1;   }
.con_block3 ul.cb_box li dl span.active::after {  animation: underline 3s ease forwards; }

@keyframes underline {
 from {width:0;}
 to {width:100%;}
}

/*  ¾ÆÀÌÄÜ */
.con_block3 ul.cb_box li dl dt {padding-top:140px; background-position: center top; background-size:120px; 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:17px; text-align:center; line-height:1.7;  padding:30px 30px 0;   position:relative;}



@media screen  and (max-width:1440px) {
/* Å¸ÀÌÆ² */
.con_block3 ul.cb_box li dl dt {font-size:32px;}

/* °£·« ¼³¸í */
.con_block3 ul.cb_box li dl dd {font-size:16px;   }

/*  ¾ÆÀÌÄÜ */
.con_block3 ul.cb_box li dl dt {padding-top:130px;  background-size:100px;  }
}


@media screen  and (max-width:1280px) {
/* Å¸ÀÌÆ² */
.con_block3 ul.cb_box li dl dt {font-size:27px;}

/*  ¾ÆÀÌÄÜ */
.con_block3 ul.cb_box li dl dt {padding-top:95px;  background-size:85px; }

/* °£·« ¼³¸í */
.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:22px;}

/*  ¾ÆÀÌÄÜ */
.con_block3 ul.cb_box li dl dt {padding-top:80px;  background-size:70px; }

/* °£·« ¼³¸í */
.con_block3 ul.cb_box li dl dd {font-size:14px; padding:20px 20px 0; }
}


@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 {padding-top:70px;  background-size:60px; }
}






/*********************************************************¸ÞÀÎ ¼½¼Ç3. Since ¼Ò°³±Û*************************************************************/
.since-section {width:100%; padding:40px 0 0;   }
.since-inner { width:100%; margin:0 auto; box-sizing:border-box; position:relative; padding:260px 0 6%; overflow:visible; }
 
/* Áß¾Ó È¸Àü ÀÌ¹ÌÁö  */
.since-center {width: 700px; height: 700px; position:absolute; left:50%; top:-160px; transform:translateX(-50%);  z-index:2; display:flex; align-items:center; justify-content:center;  z-index:3; }

/* ¼ýÀÚ ¹Ú½º &#8211; ³ë¶õ ¿ø À§, µ¿±×¶ó¹Ì ¾Æ·¡ÂÊ¿¡¸¸ °ãÄ¡°Ô */
.stat-box { position:absolute;  color:#334933; background: rgba(255, 255, 255, 0.5);  box-shadow:1px 1px 7px rgba(0,0,0,0.3); text-align:center; border-radius:70px; padding:30px; display:inline-flex; flex-direction:column; min-width:320px; 
box-sizing:border-box;  z-index:2;}
.stat-box::before { content: ""; position: absolute;  inset: 0; margin:8px;  border-radius:70px;  box-sizing:border-box;  border:2px dotted rgba(51,73,51,0.3); z-index:1; pointer-events:none; }
.stat-label {font-size:17px; margin:5px 0;}
.stat-value {font-size:45px; font-weight:900;  line-height:1; letter-spacing:-0.05em;}
.stat-unit {font-size:20px; font-weight:500; margin-left:4px;  line-height:1;}

/* ¼ýÀÚ¹Ú½º ¾ÆÀÌÄÜ */
.stat-box::after{content:""; position:absolute; top:-55px; left:50%;transform:translateX(-50%); width:100px;  height:100px; background-repeat:no-repeat; background-size:contain;  background-position:center;  z-index:3;}
.icon_01::after{background-image:url('../../img/since_icon_01.png');}
.icon_02::after{background-image:url('../../img/since_icon_02.png');}
.icon_03::after{background-image:url('../../img/since_icon_03.png');}
.icon_04::after{background-image:url('../../img/since_icon_04.png');}

/* À§Ä¡ &#8211; À§ µÎ °³´Â ¹Ù±ùÂÊ, ¾Æ·¡ µÎ °³´Â Á¶±Ý ´õ ¾ÈÂÊÀ¸·Î */
.stat-left-top { top:170px; right:50%; margin-right:220px; }
.stat-right-top { top:170px; 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:380px; text-align:center; width:94%; margin:0 auto; }
.since-bottom .since { font-size:36px;  color:#51886C; font-weight:300; line-height:1; font-family: 'BMEULJIRO', sans-serif; position:relative;}
.since-bottom .since::after{content:""; position:absolute; top:-95px; left:50%;
transform:translateX(-50%); width:100px;  height:100px; background-repeat:no-repeat; background-size:contain;  background-position:center;  z-index:3; background-image:url('../../img/since_icon_top.png');}
.since-bottom .year { font-size:70px; font-weight:900; margin-bottom:30px;line-height:1;}
.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:#334933; 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; }

/* ¼ýÀÚ¹Ú½º ¾ÆÀÌÄÜ */
.stat-box::after{top:-45px;  width:80px;  height:80px; }

/* ¼ýÀÚ ¹Ú½º &#8211; ³ë¶õ ¿ø À§, µ¿±×¶ó¹Ì ¾Æ·¡ÂÊ¿¡¸¸ °ãÄ¡°Ô */
.stat-box { padding:20px; min-width:250px;}
.stat-label { font-size:15px; }
.stat-value { font-size:38px; }
.stat-unit { font-size:18px;}

/* À§Ä¡ */
.stat-left-top { top:160px;  margin-right:200px; }
.stat-right-top { top:160px;  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 .since { font-size:31px;}
.since-bottom .year { font-size:60px;  margin-bottom:25px;}
.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) {
/* ¼ýÀÚ ¹Ú½º &#8211; ³ë¶õ ¿ø À§, µ¿±×¶ó¹Ì ¾Æ·¡ÂÊ¿¡¸¸ °ãÄ¡°Ô */
.stat-box-mo {width:96%;  margin:0 auto; padding-top:150px; max-width:600px; display: flex;  flex-wrap: wrap; }
.stat-box {  position:relative; float:left; width:48%;  min-width:0;}
.stat-box::before { margin:4px;}

/* À§Ä¡ */
.stat-left-top,
.stat-right-top,
.stat-left-bottom,
.stat-right-bottom { top:0px;  margin:15px 1%;  left:0;}

/* ÇÏ´Ü ¼³¸í */
.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;  }
 
/* ¼ýÀÚ ¹Ú½º &#8211; ³ë¶õ ¿ø À§, µ¿±×¶ó¹Ì ¾Æ·¡ÂÊ¿¡¸¸ °ãÄ¡°Ô */
.stat-box-mo {padding-top:0px; margin-top:-70px;}

/* ¼ýÀÚ¹Ú½º ¾ÆÀÌÄÜ */
.stat-box::after{top:-25px;  width:50px;  height:50px;}
.stat-label { font-size:13px;}
.stat-value { font-size:28px; }
.stat-unit { font-size:14px;}

/* ÇÏ´Ü ¼³¸í */
.since-bottom {margin-top:60px; }
.since-bottom .since { font-size:27px;}
.since-bottom .since::after{ top:-45px; width:50px; height:50px;}
.since-bottom .year { font-size:50px;}
.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 { position:relative; text-align:center;  padding:50px 0 120px; }
.all_menu {position:relative; text-align:center; width:96%; margin:0 auto; padding:0; }
 
/* Áß¾Ó ´ëÇ¥ Å¸ÀÌÆ²*/
.all_menu_area h4 {display:block; line-height:130%; font-size:45px;  font-weight:300;  font-family: 'BMEULJIRO', sans-serif;  padding-bottom:40px;}

/*¹è³Ê¹Ú½º */
.menu_li{ position:inherit; padding:6px; box-sizing:border-box; position:relative;  width:90%; max-width:1500px; margin:0 auto; background: rgba(255, 255, 255, 0.5);  border-radius:10px;  box-shadow:1px 1px 10px rgba(0,0,0,0.15); } 
.menu_li div.menu_box {text-align:left; }
.menu_li dl{overflow:hidden;   margin:6px; height:100%; display:flex; flex-direction:column; justify-content:space-between; position:relative; }
.menu_li dl dt{position:relative; } 
.menu_li dl dt img{max-width:100%;height:auto;display:block;margin:0 auto; border-radius:10px;  } 

/* new  ¹öÆ° */
.menu_li dl dt span.new{ position:absolute; left:0; top:0;  color:#fff; border-radius:6px; background:rgba(127, 182, 133, 0.7);  padding:3px 10px; display:block;  font-size:15px; animation: blinkBg 1s ease-in-out infinite;}

/* ¹ÝÂ¦ È¿°ú */
@keyframes blinkBg {
  0%   { background:rgba(127, 182, 133, 0.7);  }
  50%  { background:rgba(127, 182, 133, 1);   }
  100% {  background:rgba(127, 182, 133, 0.7);   }
}


/* ÅØ½ºÆ® ¹Ú½º*/
.menu_li dl dd { position: relative; text-align:left; padding-left:5%; padding-bottom:20px; color: #361715; }

/* ÅØ½ºÆ® - Å¸ÀÌÆ² */
.menu_li dl dd b{display:inline-block; font-size:25px;line-height:1.3; padding:20px 0 10px;  font-weight:700;  color:#334933;  position: relative; z-index:2;}

/* ÅØ½ºÆ® - ÀÛÀº±Û ¼³¸í±Û */
.menu_li dl dd p {font-size:17px; line-height:1.5;  color:#334933; opacity:0.7;}


@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;}


/* ÅØ½ºÆ® - ÀÛÀº±Û ¼³¸í±Û */
.menu_li dl dd p {font-size:15px; }
}


@media screen  and (max-width:1024px) {
.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 {padding:30px 0 70px; }
.all_menu_area h4 {font-size:27px;}

.menu_li{ max-width:400px;} 

/* new  ¹öÆ° */
.menu_li dl dt span.new{  font-size:12px;}

/* ÅØ½ºÆ® ¹Ú½º*/
.menu_li dl dd {padding-left:0%;}

/* ÅØ½ºÆ® - Å¸ÀÌÆ² */
.menu_li dl dd b{ font-size:17px; padding:14px 0 6px;}

 /* ÅØ½ºÆ® - ÀÛÀº±Û ¼³¸í±Û */
.menu_li dl dd p {font-size:13px; }
}














/******************* ¼½¼Ç5. ¸®ºä ·Ñ¸µ¹è³Ê ***********************/
.mreview {position:relative; text-align:center;  background:#F3F2EF url('../../img/bg_r.jpg') no-repeat center bottom; 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  .top_tit { position: absolute; top: 0;  left: 50%;  transform: translateX(-50%);  width: 92%;  margin: 0;  display: flex;  justify-content: center;}

/**** ÁÂ¿ì ¸®ºä Ä«µå ·Ñ¸µ ****/
.mreview .popup_li {position:absolute; top:0; width:280px;}
.gall_review1 { left:40px;}
.gall_review2 {right:40px;}
.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%; }

/**** ¸»Ç³¼± ****/
.review-hero{  position:relative; height:100%; margin:0 auto; width:calc(100% - 660px); }

/* ¸»Ç³¼± ·¹ÀÌ¾î */
.review-hero .bubbles{ position:absolute; inset:0; }

/* °øÅë ¸»Ç³¼± */
.bubble{ position:absolute;  max-width:260px;  padding:16px 30px;  border-radius:999px;  line-height:1.3; font-size:16px;  font-weight:600;  color:#fff;  background: rgba(127,182,133,0.92);  box-shadow: 0 10px 24px rgba(0,0,0,0.18); 
transform: translateZ(0);  will-change: transform;  animation: floatY 6s ease-in-out infinite;}

/* µÚ¿¡ ÀÖ´Â ¸»Ç³¼±: ¿¬ÇÏ°Ô + »ìÂ¦ ºí·¯ ´À³¦ */
.bubble.back{  opacity:0.5;  filter: blur(0.6px);  box-shadow:none;}

/* ¾Õ¿¡ ÀÖ´Â ¸»Ç³¼±: ¶Ç·ÇÇÏ°Ô */
.bubble.front{ opacity:1; }

/* Áß¾Ó(50%) ±âÁØ ÀçÁ¤·Ä */
.b1{left: calc(50% - 350px); top: 41%;animation-duration: 4.2s; animation-delay: -1.0s;}
.b2{left: calc(50% + 310px); top: 37%; animation-duration: 6.1s; animation-delay: -2.6s;}
.b3{left: calc(50% - 330px); bottom: 22%; animation-duration: 5.0s;animation-delay: -3.3s;}
.b4{left: calc(50% + 290px); bottom: 26%; animation-duration: 7.4s; animation-delay: -1.8s;}
.b5{left: 50%; top: 49%; transform: translateX(-50%); animation-duration: 3.7s; animation-delay: -2.1s; animation-name: floatYCenter;}

/* µÕ½ÇµÕ½Ç ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes floatY{
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-16px); }
  100% { transform: translateY(0); }
}
@keyframes floatYCenter{
0%   { transform: translateX(-50%) translateY(0); }
50%  { transform: translateX(-50%) translateY(-16px); }
100% { transform: translateX(-50%) translateY(0); }
}


/**** °£ÆÇ ºû ¸ð¼Ç ****/ 
.sign_box {position: absolute; top: 305px; left: 50%; transform: translateX(-50%);width: 748px; height: 95px;margin: 0;}
.sign_box::after{content:"";position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; clip-path: inset(0 0 0 0); transition: clip-path 3s ease; pointer-events:none; z-index:-1;}
.sign_box.active::after{animation:signDisappear 2.6s ease forwards,whiteTwinkle 3.2s ease-in-out infinite; animation-delay:0s, 3.6s;}

@keyframes signDisappear {
0% {clip-path: inset(0 0 0 0); background:#000; opacity:1; box-shadow:none;}
55% {clip-path: inset(0 0 0 100%);background:#000;}
70% {background:#fff;box-shadow:0 0 28px rgba(255,255,255,0.9);}
85% {opacity:0.6;box-shadow:0 0 45px rgba(255,255,255,0.6);}
100% {opacity:0; box-shadow:none;}
}

@keyframes whiteTwinkle {
0% {opacity:0;box-shadow:none;}
40% {opacity:0.25; box-shadow:0 0 18px rgba(255,255,255,0.3);}
60% {opacity:0.15; box-shadow:0 0 30px rgba(255,255,255,0.1);}
100% {opacity:0; box-shadow:none;}
}

@media (min-width:1024px){
.gall_review2 {transform: scaleY(-1); transform-origin: center;}
.gall_review2 .slick-slide{transform: scaleY(-1);}
}

@media (max-width:1440px){
/**** ÁÂ¿ì ¸®ºä Ä«µå ·Ñ¸µ ***/
.mreview .popup_li {width:250px;}
.gall_review1 { left:20px;}
.gall_review2 {right:20px;}

/**** ¸»Ç³¼± ****/
.review-hero{ width:calc(100% - 600px); height:580px;}
.b1{left:7%; top: 39%;}
.b2{left:auto; right:6%; top: 34%;}
.b3{left:8%;  bottom:7%;}
.b4{left:auto; right:12%; bottom:20%;} 
.b5{left:50%; top:70%; transform: translateX(-50%); }
}




@media (max-width:1280px){
/**** ÁÂ¿ì ¸®ºä Ä«µå ·Ñ¸µ ***/
.mreview .popup_li {width:200px;}

/*** ¸»Ç³¼± ***/
.review-hero{width:calc(100% - 600px); height:580px;}
.bubble{max-width: 220px; font-size:13px; padding:12px 14px; }
}


 
@media (max-width:1024px){
/**** ÁÂ¿ì ¸®ºä Ä«µå ·Ñ¸µ ***/
.gall_review2{ transform: scaleX(-1); transform-origin: center;}
.gall_review2 .slick-slide{transform: scaleX(-1);}

/**** ¸»Ç³¼± ****/
.review-hero{ height:580px;; width:calc(100% - 0px); }
.bubble{ max-width: 220px; font-size:13px; padding:12px 14px; }

/**** °£ÆÇ ºû ¸ð¼Ç ****/ 
.sign_box {top:233px; width:398px; height:55px;}
}



@media (max-width:1024px){
/**** ÁÂ¿ì ¸®ºä Ä«µå ·Ñ¸µ ***/
.mreview { background-size:1024px; height:auto; background-position:center 40px;}

/**** ÁÂ¿ì ¸®ºä Ä«µå ·Ñ¸µ ***/
.mreview .popup_li {position:relative; top:0; width:100%; height:100%;}
.gall_review1 { left:0px; }
.gall_review2 {right:0px;top:auto; bottom:0;}
.mreview .popup_li img { height:auto;   margin:2%;  border-radius:7px;} 
}



@media (max-width:767px){
/**** ÁÂ¿ì ¸®ºä Ä«µå ·Ñ¸µ ***/
.mreview { background-size:767px; padding-bottom:30px;}

/**** ¸»Ç³¼± ****/
.review-hero{ height:450px;}
.b1{left:2%; top:53%;}
.b2{right:2%; top:56%;}
.b3{left:2%; bottom:2%;}
.b4{lright:10%; bottom:4%;} 
.b5{top:75%;}
.bubble{font-size:12px;}

/**** °£ÆÇ ºû ¸ð¼Ç ****/ 
.sign_box {top:186px; width:300px; height:39px;}
}








/******************* ¼½¼Ç6. Æ¯Â¡  (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.2); 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.5); 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:25px;  color:#fff;  padding:1.3%; opacity:0.7; font-weight:400;  line-height:1; display:inline-block;  margin-bottom:20px;}

/* Å« Å¸ÀÌÆ² */
.value_section .con_box li .con_wrap .title_box h4{font-size:37px; line-height:120%; color: #fff;  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;  opacity:0.8; }
.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: rgba(0,0,0,0.2); backdrop-filter: blur(2px); }
.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:450px;}
.value_section .tab_box{top:45px;} 
.value_section .tab_box .tabMenu li span{font-size:15px;}
.value_section .con_box li{padding-top:90px;}

/* ÀÛÀº Å¸ÀÌÆ² */
.value_section .con_box li .con_wrap .title_box h3{font-size:17px; margin-bottom:12px; padding:0; }

/* Å« Å¸ÀÌÆ² */
.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;  margin:0 auto; padding-top:35px; }
.value_section .con_box li .con_wrap .txt_box p:before {height:20px; }


/**¾ÆÀÌÄÜ**/
.value_section .con_box li .icon {width:50px; height:50px; background-size:cover; }
}
 








/******************* ¼½¼Ç7. ¸ÅÀå¾È³»***********************/
.store {width: 100%; padding:3% 0;  overflow:hidden;}

/**³×ÀÌ°ÔÀÌ¼Ç ¹Ù**/
.store_slide>.store_pagination {position: relative; width:94%; margin:40px auto; height:5px; background: rgba(255,255,255,0.12); box-shadow:0 0 7px rgba(20,90,55,0.35),  0 0 10px rgba(20,90,55,0.15);  border-radius:8px; }
.store_slide>.store_pagination>span {background:#334933;  border-radius:8px;}

/** ÀÌ¹ÌÁö ¹Ú½º **/
.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(227, 243, 177, 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: #4F7D63; padding:25px; text-align: center; border-radius: 0 0 0 0; }
.store_name { font-size:21px; font-weight:600; color:#F4F1EC; 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; }
}


 




 


/******************* ¼½¼Ç8. °í¸ÅÃâ ÇàÁø ·Ñ¸µ¹è³Ê  ***********************/
.msales { position:relative;  text-align:center; padding:50px 0;   overflow:hidden;   background:url('../../img/msales_bg.png') no-repeat center bottom; }
.msales .msales_li {position:inherit; padding:0; position:relative; margin:0 auto; width:90%; max-width:1500px; }
.msales .top_tit img {animation:flicker 1s infinite;}

/* ¹Ú½º*/
.msales .profit-banner {position:relative; text-align: center; padding-bottom:10px;}
.msales .container {position:relative; margin: auto;  width:90%; background-color: #E7E7DB; 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 #778F73;  z-index:1;   pointer-events: none; }
.msales .container > * {position: relative;  z-index: 1;}

/* Å¸ÀÌÆ² */
h3 {color:#334933; font-size: 30px; margin-bottom:0.2rem;}

/* ¼­ºê Å¸ÀÌÆ²  */
.subtitle {color:#334933; margin-bottom:1rem; font-size:20px; font-weight:600;}

/* »ó¼¼ ¸ñÂ÷  */
.info-table { background: #fff;   border-radius: 8px; padding: 1rem;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); 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: #334933; font-weight: bold; font-size:20px; position: absolute;   right: 1.5rem; top: 0.1rem;}

/* ¿ù¼ø¼öÀÍ */
.net-profit-box { background: #4B624B;  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 #fff;  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;}
 

@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 {padding:40px 0;}
.msales .container { max-width:400px;}
}
 



/********************************************* ¼½¼Ç9. Ã¢¾÷ÀýÂ÷ ¾È³» *************************************************/
.procress { position: relative; padding:2% 0 5%;}
.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: #51886C; 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: #334933; 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:12px; }
.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:#E3F3B1 url('../../img/mp_open.png') no-repeat right bottom;}
.procress .box01 ul li:last-child .step-num { color: #fff; background:#334933; border:none;}
.procress .box01 ul li:last-child .text-wrap .title,
.procress .box01 ul li:last-child .text-wrap .desc { color: #334933; }
.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;}
}

 






/*********************************************************¸ÞÀÎ ¼½¼Ç10. Ã¢¾÷ºñ¿ë, 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 #334933;  border-bottom:1px solid #BACDBA; }
.faq_box {border-bottom:1px solid #BACDBA; 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: #334933;  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: #334933;  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:#334933; 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:#334933;}
.tstyle_common tfoot {background:#7FB685;}
.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:94%; 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;}
}
 



 


/******************************************************************* ¸ÞÀÎ¼½¼Ç11. Ã¢¾÷ÁÖ ÀÎÅÍºä :: À¯Æ©ºê¿µ»ó  *************************************************************/
.m_interview {width:100%;  margin:0;  padding:0  0 160px 0; position:relative; position:relative; text-align:center; }
.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:#51886C; 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:#334933;}
.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;}

