@charset "utf-8";
/*공통*/
.animation_img { position: relative; }
.animation_img img { position: absolute; left:0; max-width: 100%; }
.animation_img img:first-child { position: relative; }

.stit1 { color:#c81313; font-size: 2em; }
.stit2 { color:#000; font-size: 3.75em; line-height: 1.05em; }
.stit3 { font-size: 3.125em; line-height: 1.05em; }
.stit4 { font-size: 1.5em; line-height: 1.3em; color: #fff; margin-bottom: 20px;}
.stxt1 { font-size: 1.625em; line-height: 1.8em; font-family:'NEXON Lv2 Gothic'; font-weight: 500; }
.stxt2 { font-size: 1.3em; line-height: 1.5em; font-family:'NEXON Lv2 Gothic'; font-weight: 500; }
.caption { color:#c81313; font-family:'NEXON Lv2 Gothic';  }

@media all and (max-width:1480px) {
  .stit1 { font-size: 1.8em; }
  .stit2 { font-size: 3.4em; }
}

@media all and (max-width:1080px) {
  .stit1 { font-size: 1.5em; }
  .stit3 { font-size: 2.8em; }
  .stxt1 { font-size: 1.4em; }
}

@media all and (max-width:767px) {
  .stit2 { font-size: 3em; }
    .stit3 { font-size: 2.5em; }
}

@media all and (max-width:640px) {

  .stxt1 { font-size: 1.55em; }
}

@media all and (max-width:480px) {
  .stxt1 { font-size: 1.3em; line-height: 1.5em;}
}

/*브랜드소개*/
#brand_intro { position: relative; overflow: hidden; }
#brand_intro .intro_txt { position: relative; padding-top: 2%; }
#brand_intro .intro_txt .slogan1 { font-family: 'yg-jalnan'; font-size: 4.375em; color:#111; line-height: 1.0em;
                                                  letter-spacing: -0.02em; z-index:10; }
#brand_intro .intro_txt .slogan2 { position: relative; margin-top: 5%; margin-bottom: 4%; z-index:10;}
#brand_intro .intro_txt .slogan2 p { display: inline-block; font-size: 4.375em; color:#111; }
#brand_intro .intro_txt .slogan2 p.top { vertical-align: top; line-height: 1.2em;}
#brand_intro .intro_txt .slogan2 p.pich { vertical-align: top; max-width: 25%; }
#brand_intro .intro_txt .slogan2 p.pich img { max-width: 100%; }
#brand_intro .intro_txt .slogan2 p.bt { vertical-align: bottom; line-height: 0.7em; }
#brand_intro .intro_txt .stxt1 { z-index:10; }
#brand_intro .intro_txt .slogan3 { font-family: 'yg-jalnan'; font-size: 9.375em; color:#f6f6f6; line-height: 0.85em;
                                                  letter-spacing: -0.02em; padding-top: 5%; z-index:1; }
#brand_intro .intro_img { position: absolute; right:0; bottom:0; width: 60%; z-index:8; }
#brand_intro .intro_img img { position: absolute; right:0; bottom:0; max-width: 100%; }


@media all and (max-width:1680px) {
  #brand_intro .intro_txt { font-size: 0.75em; }
  #brand_intro .intro_txt .slogan2 p.pich { max-width: 20%; }
}

@media all and (max-width:1180px) {
  #brand_intro .intro_txt .slogan2 p { font-size: 4em; }
  #brand_intro .intro_img img { right: -5%; }
}

@media all and (max-width:976px) {
  #brand_intro .intro_txt .stxt1 { max-width: 55%; overflow: hidden; }
  #brand_intro .intro_txt .slogan2 p { font-size: 3.5em; }
  #brand_intro .intro_txt .slogan2 p.top { display: block; }
  #brand_intro .intro_txt .slogan3 { font-size: 10vw; }
  #brand_intro .intro_img { width: 75%; }
  #brand_intro .intro_img img { right: -12%; }
}

@media all and (max-width:767px) {
  #brand_intro .intro_img { width: 100%; position: relative; right: inherit; bottom: inherit; }
  #brand_intro .intro_img img { right: 0; }
  #brand_intro .intro_img img:first-child { position: relative; }

  #brand_intro .intro_txt { font-size: 0.9em; }
  #brand_intro .intro_txt .s-inner { padding: 0 4%; }
  #brand_intro .intro_txt .stxt1 { max-width: 100%; }
  #brand_intro .intro_txt .slogan2 p.top { display: inline-block; }
  #brand_intro .intro_txt .slogan2 p.pich { max-width: 38%; }
}

@media all and (max-width:640px) {
  #brand_intro .intro_txt .slogan2 p { font-size: 3.2em; }
  #brand_intro .intro_txt .slogan2 p.pich { max-width: 34%; }
  #brand_intro .intro_txt .stxt1 { font-size: 1.55em; }
}

@media all and (max-width:480px) {
  #brand_intro .intro_txt .s-inner { padding: 0; }
  #brand_intro .intro_txt .slogan1 { font-size: 8vw; }
  #brand_intro .intro_txt .slogan2 p { font-size: 2.8em; }
  #brand_intro .intro_txt .slogan2 p.pich { max-width: 30%; }
  #brand_intro .intro_txt .stxt1 { font-size: 1.3em; line-height: 1.5em; }
}

@media all and (max-width:360px) {
  #brand_intro .intro_txt .slogan2 p { font-size: 2.5em; }
}


/*브랜드스토리*/
#brand_story { position: relative; background: #fef6e7 url("/images/sub/brand_storyBG.png") no-repeat center 140%;
                      background-size: 100% auto; z-index:10; color:#111; overflow: hidden; margin-top: -1%;  }

#brand_story .s-inner > div { position: relative; width: 100%; display: table; }
#brand_story .s-inner > div > div { width: 50%; display: table-cell; vertical-align: middle; }
#brand_story .s-inner > div .txt { padding: 0 3%; }
#brand_story .s-inner > div .txt .t1 { font-size: 4.3vw; color:#fbc510; margin-top: 0.5em;  }
#brand_story .s-inner > div .txt .t2 { font-size: 2.62em; line-height: 1.1em; }
#brand_story .s-inner > div .txt .t3 { font-size: 1.875em; line-height: 1.4em; margin: 1.3em 0 1em; }
#brand_story .s-inner > div .txt .t4 { font-size: 3.12em; color:#e6223f;  }

#brand_story .br_name { direction: rtl; }
#brand_story .br_name .txt { direction: ltr; }

#brand_story .br_story { padding: 3% 0 4%; }
#brand_story .br_story .img img { max-width: 80%; }

@media all and (max-width:1680px) {
  #brand_story .s-inner > div .txt .t2 { font-size: 2.3em; }
}

@media all and (max-width:1480px) {
  #brand_story .br_story .img img { max-width: 70%; }
  #brand_story .s-inner > div .txt .t3 { font-size: 1.6em; }
  #brand_story .s-inner > div .txt .t4 { font-size: 3.2vw; }
}

@media all and (max-width:1280px) {
  #brand_story { background-position: center 120%; }
  #brand_story .s-inner > div .txt { padding: 0; }
  #brand_story .s-inner > div .txt .t2 { font-size: 2em; }

  #brand_story .br_story { padding: 5% 0 6%; }
  #brand_story .br_story .img img { max-width: 60%; }
}

@media all and (max-width:767px) {
  #brand_story { background-position: center bottom; }
  #brand_story .s-inner > div { display: block; }
  #brand_story .s-inner > div > div { width: 100%; display: block;  }
  #brand_story .s-inner > div .txt { text-align: center; }
  #brand_story .s-inner > div .txt .t1 { font-size: 7vw; margin-top: 0.3em;  }
  #brand_story .s-inner > div .txt .t4 { font-size: 5vw; }

  #brand_story .br_name .animation_img {  }
  #brand_story .s-inner .br_name .txt { padding: 0 0 5% 0; }
  #brand_story .s-inner .br_story .txt { padding: 5% 0; }
  #brand_story .br_story .img img { max-width: 50%; }
  #brand_story .br_story .stit1 { margin-bottom: 0.5em; }
}


@media all and (max-width:480px) {
  #brand_story .s-inner > div .txt .t1 { font-size: 8vw; }
  #brand_story .s-inner > div .txt .t2 { font-size: 1.7em; }
  #brand_story .s-inner > div .txt .t3 { font-size: 1.4em; }
  #brand_story .s-inner > div .txt .t4 { font-size: 6vw; }
}

/*메뉴정보*/
.menu-tit { text-align: center; margin-bottom: 4%; }
.menu-tit .t1 {font-size: 7.2vw; color:#f6f6f6; font-weight: 900; font-family: 'Jost'; letter-spacing: -0.04em; line-height: 1.0em;}
.menu-tit .t2 { color:#000; font-size: 2.81em; line-height: 1.1em; margin-top: -1em; }
.menu-tit .t2.fs-s { font-size: 2em; line-height: 1.2em; margin-top: -1.5em; }


#menuList { overflow: hidden; text-align: center; }
#menuList li { float: left; width: calc(25% - 15px); margin-left: 20px; margin-bottom: 40px;  }
#menuList li:nth-child(4n+1) { margin-left:0; clear: both; }
#menuList li .menu-img { border: 1px solid #e5e5e5; box-sizing: border-box; overflow: hidden; }
#menuList li .menu-img img { width: 100%; transition: all .2s ease-in-out; }
#menuList li .menu-img img:hover { transform: scale(1.5); }
#menuList li .menu-txt { padding: 5% 0; }
#menuList li .menu-txt h4 { color:#000; font-size: 1.625em; font-weight: 400; }
#menuList li .menu-txt > p { line-height: 1.25em; margin-top: 0.3em; color:#787878; }
#menuList li .menu-txt .price { padding-top: 5%; margin-top: 5%; color:#000;
                                            background: url("/images/sub/dotline.png") repeat-x top; }
#menuList li .menu-txt .price p { display: inline-block; margin: 0 5px;  }

#menuList.col2 { max-width: 800px; margin: 0 auto; }
#menuList.col2 li { width: calc(50% - 10px); }

#menuList.col3 { max-width: 1200px; margin: 0 auto;  }
#menuList.col3 li { width: calc(33.33% - 13.33px); }
#menuList.col3 li:nth-child(3n+1) { margin-left:0; }


@media all and (max-width:1280px) {
  #menuList li { width: calc(33.33% - 13.33px); }
  #menuList li:nth-child(4n+1) { margin-left:20px; clear: inherit; }
  #menuList li:nth-child(3n+1) { margin-left:0; clear: both; }
}

@media all and (max-width:1080px) {
  .menu-tit .t1  { font-size: 9vw; }
  .menu-tit .t2 { font-size: 2.5em; margin-top: -3vw;  }
  .menu-tit .t2.fs-s { font-size: 2em; margin-top: -2vw; }
}

@media all and (max-width:976px) {
  #menuList li { width: calc(50% - 10px) !important; margin-left: 20px !important; margin-bottom: 30px;
                      clear: none !important; float: left; }
  #menuList li:nth-child(odd) { margin-left:0 !important; clear: both !important; }
}

@media all and (max-width:767px) {
  .menu-tit { margin-bottom: 6%; }
  .menu-tit .t2 { font-size: 2.2em; }
  .menu-tit .t2.fs-s { font-size: 1.7em; }

  #menuList li { width: calc(50% - 5px) !important; margin-left: 10px !important; margin-bottom: 10px; }
  #menuList li:nth-child(odd) { margin-left:0 !important; }
  #menuList li .menu-txt { padding: 7% 2%; }
  #menuList li .menu-txt > p { font-size: 0.9em; }
}


@media all and (max-width:568px) {
  .menu-tit .t2 { font-size: 2em; }
  #menuList li .menu-txt h4 { font-size: 1.5em; line-height: 1.1em; margin-bottom: 0.3em;}
}


/*가맹안내*/

/*아이템*/
#fc_item { text-align: center; position: relative; background: url("/images/sub/franchise_itemBG.png") no-repeat center 120%;
                      background-size: 100% auto; color:#000; overflow: hidden; width: 100%; }
#fc_item .t1 { font-size: 3.75em; font-weight: 600; }
#fc_item .typo { margin-bottom: 3%; }
#fc_item .typo p { display: inline-block; color:#fff; font-size: 7.5em; font-weight: 300;
                           padding: 0.25em 0.1em 0; line-height: 0.7em; margin: 5px 0; }
#fc_item .typo p.color1 { background: #c81313; }
#fc_item .typo p.color2 { background: #fbc510; }
#fc_item .typo p .fs-s { font-size: 0.66em; }
#fc_item .img img { max-width: 100%; }

@media all and (max-width:1680px) {
  #fc_item { background-position: center bottom; }
}

@media all and (max-width:1080px) {
  #fc_item .t1 { font-size: 3em; }
  #fc_item .typo p { font-size: 9.5vw; }
}

@media all and (max-width:767px) {
  #fc_item .t1 { font-size: 2.5em; }
}

@media all and (max-width:640px) {
  #fc_item .stxt1 { font-size: 1.3em; }
}


/*메시지*/
#fc_alert { background: #fdbe32; padding: 5% 0 3%; position: relative; overflow: hidden; width: 100%; }
#fc_alert .massageBox { padding: 5%; display: inline-block; background: #fff; border: 7px solid #000; border-radius: 30px;
                  font-size: 2.5em; color:#e6223f; font-weight: 600; line-height: 1.2em; position: relative; }
#fc_alert .massageBox::before { content:''; display: inline-block; width:0; height:0; border-left:30px solid none; border-right:30px solid #000;
                                             border-top: 18px solid transparent; border-bottom: 18px solid  transparent;
                                             position: absolute; left:-30px; top: 50%; margin-top: -15px }
#fc_alert .massageBox::after { content: ''; width: 100px; height: 100px; position: absolute; left:50%; top: -50px; margin-left: -50px;
                                    background: url("/images/main/smile_sticker.png") no-repeat center; background-size: 100% auto; }


@media all and (max-width:1080px) {
  #fc_alert { padding: 8% 0 6%; }
  #fc_alert .massageBox { font-size: 2.2em; }
  #fc_alert .massageBox::after { width: 80px; height: 80px; margin-left: -40px; top: -40px; }
}

@media all and (max-width:767px) {
  #fc_alert { padding: 10% 0 8%; }
  #fc_alert .massageBox { font-size: 2em; padding: 7% 5%; }
  #fc_alert .massageBox::after { width: 70px; height: 70px; margin-left: -35px; top: -35px; }
}

@media all and (max-width:568px) {
  #fc_alert .massageBox { font-size: 1.7em; padding: 7% 5%; border-width: 5px; }
  #fc_alert .massageBox::after { width: 50px; height: 50px; margin-left: -25px; top: -30px; }
  #fc_alert .massageBox::before { border-left-width:24px; border-right-width:24px;
    border-top-width: 12px; border-bottom-width: 12px; left:-24px; margin-top: -12px}
}

@media all and (max-width:380px) {
  #fc_alert { padding: 10% 4% 8%; }
}


/*메뉴특징*/
#fc_menu { position: relative; overflow: hidden; background: url("/images/sub/franchise_menuBG.png") no-repeat center;
                  background-size: cover; text-align: center; padding: 2% 0 5%;  }
#fc_menu ul { overflow: hidden; }
#fc_menu ul li { float: left; width: calc(25% - 15px); margin-left: 20px; }
#fc_menu ul li:first-child { margin-left:0; }
#fc_menu ul li img { max-width: 100%; }
#fc_menu ul li p { background: #fff; padding: 7% 2%; font-size: 1.5em; color:#000; line-height: 1.3em; font-weight: 500; }


@media all and (max-width:1580px) {
  #fc_menu ul li p { font-size: 1.2em; }
}
@media all and (max-width:1280px) {
  #fc_menu ul li p { padding: 1.5em 2%; }
}
@media all and (max-width:1080px) {
  #fc_menu ul li p { font-size: 1.1em; }
}
@media all and (max-width:976px) {
  #fc_menu ul { max-width: 700px; margin: 0 auto;    }
  #fc_menu ul li { width: calc(50% - 10px); margin-bottom: 20px; }
  #fc_menu ul li:nth-child(odd) { margin-left:0; }
}
@media all and (max-width:767px) {
  #fc_menu ul { padding: 0 5%; }
  #fc_menu ul li { width: calc(50% - 5px); margin-left: 10px; margin-bottom: 10px; }
  #fc_menu ul li p { font-size: 1.3em; padding: 1.3em 2%; }
}

@media all and (max-width:568px) {
 #fc_menu { padding: 3% 0 7%; }
}

@media all and (max-width:480px) {
  #fc_menu ul { padding: 0 2%; }
  #fc_menu ul li p { font-size: 1.2em; }
  #fc_menu ul li p br { display: none; }
}

@media all and (max-width:380px) {
  #fc_menu ul li p { font-size: 1em; }
}


#fc_interior { padding-bottom: 5%; }


/*채널전략*/
#fc_channel { position: relative; width: 100%; overflow: hidden; background: #fef6e7; padding: 7% 0; }
#fc_channel .s-inner { position: relative; }
#fc_channel .s-inner .txt,
#fc_channel .s-inner .img { width: calc(50% - 3px); display: inline-block; vertical-align: bottom; }
#fc_channel .s-inner .txt { padding: 0 5%; box-sizing: border-box; }
#fc_channel .s-inner .txt .stxt1 { margin-top: 1em;  }
#fc_channel .s-inner .txt .stxt2 { margin-bottom: 1em; }
#fc_channel .stxt1 { line-height: 1.3em;  }

.chnSlide-nav { max-width: 600px;  }
.chnSlide-nav .slick-slide { text-align: center; padding: 6% 0; }
.chnSlide-nav .slick-slide p { display: table; width: 140px; height: 140px; border:3px solid #e6223f; font-size: 1.625em;
                                        color:#e6223f; font-weight: 600; line-height: 1.0em; border-radius: 100%; box-sizing: border-box; }
.chnSlide-nav .slick-slide p span { display: table-cell; vertical-align: middle; }
.chnSlide-nav .slick-current p { background: #e6223f; color:#fff; }
.chnSlide-nav .slick-track { margin: 0; }

.chnSlide-for img { max-width: 100%;  }


@media all and (max-width:1580px) {
  .chnSlide-nav { max-width: 500px;  }
  .chnSlide-nav .slick-slide p { width: 120px; height: 120px;}
  #fc_channel .s-inner .txt { padding-left: 0; box-sizing: border-box; }
}

@media all and (max-width:1380px) {
  #fc_channel .s-inner .txt { font-size: 0.9em; }
}

@media all and (max-width:1200px) {
  .chnSlide-nav { max-width: 420px;  }
  .chnSlide-nav .slick-slide p { width: 100px; height: 100px; font-size: 1.4em; }
}

@media all and (max-width:1080px) {
  #fc_channel { text-align: center; padding: 8% 0 5%; }
  #fc_channel .s-inner .txt,
  #fc_channel .s-inner .img { width: 100%;  }
  #fc_channel .s-inner .txt { padding: 0; }
  #fc_channel .s-inner .txt .stit2 br { display: none; }
  #fc_channel .s-inner .img { padding: 7% 15% 0; }
  #fc_channel .s-inner .img img { display: inline-block; }
  .chnSlide-nav { margin: 0 auto; }
}

@media all and (max-width:767px) {
  #fc_channel { padding: 10% 0 8%; }
  #fc_channel .s-inner .img { padding: 7% 10% 0; }
}

@media all and (max-width:480px) {
  .chnSlide-nav .slick-slide p { width: 20vw; height: 20vw; }
}


/*창업경쟁력*/
#fc_compet .tit { font-family: 'jalnan'; margin-bottom: 0.5em; }
#fc_compet .tit h4 { font-size: 4.375em; margin-right: 0.3em; color:#fbc510; display: inline-block; }
#fc_compet .tit p { font-size: 2.625em; display: inline-block;  font-family: 'GmarketSans', 'NEXON Lv2 Gothic', 'Noto Sans KR', sans-serif; letter-spacing: -0.05em;}

#fc_compet .circleList { overflow: hidden; margin: 2% 0;  }
#fc_compet .circleList li { float: left; display: table; text-align: center; width: 340px; height: 340px;
                                    max-width: 17vw; max-height: 17vw; box-sizing: border-box; padding:2%;
                                    border-radius: 100%; margin-left: -30px; color:#fff; }
#fc_compet .circleList li:first-child { margin-left:0; }
#fc_compet .circleList li p { display: table-cell; vertical-align: middle; font-size: 2.125em;
                                        line-height: 1.1em; font-weight: 600; }

#fc_compet .circleList li:nth-child(1) { background: rgba(251, 197, 16, 0.9); }
#fc_compet .circleList li:nth-child(2) { background: rgba(238, 127, 27, 0.9); }
#fc_compet .circleList li:nth-child(3) { background: rgba(230, 34, 63, 0.9); }

#fc_compet .circle2 { display: inline-block; margin: 2% auto; }
#fc_compet .circle2 li { background: #fff !important; }
#fc_compet .circle2 li:nth-child(1) { border: 15px solid rgba(251, 197, 16, 0.9); color:#fbc510;  }
#fc_compet .circle2 li:nth-child(2) { border: 15px solid rgba(238, 127, 27, 0.9); color:#ef801c; }
#fc_compet .circle2 li:nth-child(3) { border: 15px solid rgba(230, 34, 63, 0.9); color:#e6223f; }


#fc_compet .section .contL { display: table-cell; vertical-align: middle; width: 60%; }
#fc_compet .section .contR { display: table-cell; vertical-align: middle; width: 40%; padding-left: 5%;
                                            box-sizing: border-box; }

#fc_compet .txt p { margin-bottom: 1.2em; font-size: 1.3em; font-family: 'NEXON Lv2 Gothic'; font-weight: 500;  }
#fc_compet .txt p:last-child { margin-bottom:0; }

#fc_compet .daily { padding-bottom: 5%; }

#fc_compet .price { position: relative; background: #ffdc00; padding: 7% 0 ;}
#fc_compet .price::before { left:0; bottom:0; background: url("/images/main/vodBG_left.png") no-repeat left bottom; }
#fc_compet .price::after { right:0; top:0; background: url("/images/main/vodBG_right.png") no-repeat right top; }
#fc_compet .price::before,
#fc_compet .price::after { content: ''; width: 50%; height: 100%; position: absolute; background-size: 100% auto; }

#fc_compet .delivery { padding: 5% 0; overflow: hidden; position: relative; }
#fc_compet .delivery .img { position: absolute; right:-1%; bottom:3%; max-width: 55%;  }
#fc_compet .delivery .img img { max-width: 100%; }
#fc_compet .delivery .txt { max-width: 65%; position: relative; z-index:10;}

#fc_compet .education { background: url("/images/sub/franchise_competU_210311.png") no-repeat center;
          background-size: cover; color:#fff; padding: 7% 0 ;}

@media all and (max-width:1780px) {
  #fc_compet .section .contR { padding-left:0; }
}

@media all and (max-width:1580px) {
  #fc_compet .circleList li p { font-size: 1.8em; }
}

@media all and (max-width:1280px) {
  #fc_compet .circleList li p { font-size: 1.6em; }
  #fc_compet .txt p { font-size: 1.15em; }

  #fc_compet .delivery .img { right: -5%; bottom: 15%; }
}


@media all and (max-width:1080px) {
  #fc_compet .circleList li { max-width: 19vw; max-height: 19vw; }
  #fc_compet .circleList li p { font-size: 1.5em; }

  #fc_compet .delivery .img { bottom: inherit; top: 18%; }
}

@media all and (max-width:976px) {
  #fc_compet .section .contL,
  #fc_compet .section .contR { display: block; width: 100%; }
  #fc_compet .circleList li { max-width: 28vw; max-height: 28vw; }
  #fc_compet .circleList li p { font-size: 1.6em; }

  #fc_compet .daily { padding-bottom: 8%; }

  #fc_compet .delivery .img { top: inherit; bottom: 2%; }
  #fc_compet .delivery .txt { max-width: 55%; }
  #fc_compet .delivery .txt br { display: none; }

}

@media all and (max-width:767px) {
  #fc_compet .tit h4 { font-size: 4em; line-height: 1.1em; }
  #fc_compet .tit p { font-size: 2.4em; }

  #fc_compet .circleList li { max-width: 30vw; max-height: 30vw; margin-left: -3vw; }
  #fc_compet .circleList li p { font-size: 1.4em; }

  #fc_compet .circle2 li { border-width: 12px !important; }

  #fc_compet .price { padding: 10% 0; }
  #fc_compet .delivery { padding: 8% 0 0; }
  #fc_compet .education { padding: 10% 0; }


  #fc_compet .delivery .img { position: relative; max-width: 100%; padding: 0 5%; }
  #fc_compet .delivery .txt { max-width: 100%; }
}

@media all and (max-width:480px) {
  #fc_compet .tit h4 { font-size: 3.2em; margin-right: 0.15em; line-height: 1.0em;}
  #fc_compet .tit p { font-size: 2.2em; }

  #fc_compet .circleList li { max-width: 32vw; max-height: 32vw; margin-left: -3vw; }
  #fc_compet .circleList li p { font-size: 1.2em; }
  #fc_compet .circle2 li { border-width: 8px !important; }
}

@media all and (max-width:380px) {
  #fc_compet .tit h4 { font-size: 2.8em; }
  #fc_compet .tit p { font-size: 1.8em; }
}

.tb-scroll { overflow-x:auto; }
.tb-scroll .tb-style1 { min-width: 800px;  }
.tb-style1 { width: 100%; text-align: center; margin: 0 auto; }
.tb-style1 thead { background: #ffdc00; }
.tb-style1 thead th { font-size: 1.2em; }
.tb-style1 th,
.tb-style1 td { padding: 20px 0; border-bottom: 1px solid #e5e5e5; font-size: 1.1em; }
.tb-style1 th { color:#212121; font-weight: 700; }
.tb-style1 tfoot { background: #e6223f; color:#fff; }
.tb-style1 tfoot th { color:#fff; }


#fc_procedure { padding: 0 0 7% 0; position: relative; overflow: hidden; }
#fc_procedure .section { padding: 3% 0; }
#fc_procedure .yieldWrap { position: relative; display: table; width: 100%;  }
#fc_procedure .yieldWrap .halfCont { position: relative; display: table-cell; vertical-align: middle; }
#fc_procedure .yieldWrap .halfL { width: 60%; }
#fc_procedure .yieldWrap .halfR { width: 40%; }

.chart-div { margin-top: 3%;  }
#pieChartCanvas { display: inline-block !important; }

@media all and (max-width:1280px) {
#pieChartCanvas { width: 300px !important; height: 300px !important; }
}


@media all and (max-width:976px) {
  #fc_procedure .yieldWrap .halfCont { display: block; }
  #fc_procedure .yieldWrap .halfL { width: 100%; }
  #fc_procedure .yieldWrap .halfR { width: 100%; padding: 5% 0; }
}



.stepList { overflow: hidden;  }
.stepList > li { float: left; width: calc(25% - 30px); margin-left: 40px; margin-bottom: 40px; vertical-align: top;
                   background: #ffdc00; color:#fff; text-align: center; box-sizing: border-box;
                   padding: 3% 2% 2%; position: relative; border-radius: 30px; }
.stepList > li:nth-child(4n+1) { margin-left:0; }
.stepList > li:nth-child(even) { background: #c81313; }
.stepList > li:nth-child(5),
.stepList > li:nth-child(7) { background: #c81313; }
.stepList > li:nth-child(6),
.stepList > li:nth-child(8) { background: #ffdc00; }

.stepList > li::before { content:''; width: 80px; height: 80px; border-radius: 100%; position: absolute; left: -60px; top:50%; margin-top: -40px;
                               background: #fff url("/images/sub/arrow_next.png") no-repeat center; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); }
.stepList > li:nth-child(4n+1)::before { display: none; }

.stepList > li dl dt { font-size: 1.65em;  margin: 0.5em 0 0.4em; font-family: 'Jost', sans-serif; font-weight: 700; }
.stepList > li dl dd { background: #fff; border-radius: 5px; height: 150px; color:#000;
                             padding: 10% 8%; box-sizing: border-box; line-height: 1.2em; font-size: 1.4em; font-weight: 700; }
.stepList > li dl dd .d-day { color:#888; display: block; font-size: 0.8em; font-weight: 400; margin-top: 0.2em; font-family: 'NEXON Lv2 Gothic';}
.stepList > li dl dd.fc-r { font-size: 1.8em; }

/* #terms .deco-img img { z-index:-1; } */

@media all and (max-width:1280px) {
   .stepList > li {  width: calc(33.33% - 26.66px); }
   .stepList > li:nth-child(odd)  { background: #ffdc00 !important; }
  .stepList > li:nth-child(even) { background: #ef801c !important; }

   .stepList > li:nth-child(4n+1) { margin-left:40px; }
   .stepList > li:nth-child(3n+1) { margin-left:0; }
   .stepList > li:nth-child(4n+1)::before { display: block; }
   .stepList > li:nth-child(3n+1)::before { display: none; }
}

@media all and (max-width:1080px) {
   .stepList > li {  width: calc(50% - 15px); margin: 0 0 30px 30px; padding: 4% 3% 3%; }
   .stepList > li::before { width: 60px; height: 60px; left: -45px; margin-top: -30px; }
   .stepList > li:nth-child(3n+1) { margin-left:30px; }
   .stepList > li:nth-child(odd) { margin-left:0; }
   .stepList > li:nth-child(3n+1)::before { display: block; }
   .stepList > li:nth-child(odd)::before { display: none; }

   .stepList > li:nth-child(3) { background: #ef801c !important; }
   .stepList > li:nth-child(4) { background: #ffdc00 !important; }
   .stepList > li:nth-child(7) { background: #ef801c !important; }
   .stepList > li:nth-child(8) {background: #ffdc00 !important; }
   .stepList > li dl dd { height: 120px; padding: 7% 8%; }
}

@media all and (max-width:640px) {
 .stepList { max-width: 80%; margin: 0 auto; }
 .stepList > li { width: 100%; margin:0 0 30px 0 !important; padding: 5%;  }
 .stepList > li:nth-child(odd)  { background: #ffdc00 !important; }
 .stepList > li:nth-child(even) { background: #ef801c !important; }
 .stepList > li img { width: 45px; height: 45px; }
 .stepList > li dl dd { height: auto; }
 .stepList > li::before { left:50%; margin: 0 0 0 -30px; top: unset; bottom: -45px; z-index: 100; background-size: 100% auto;
                               display: block !important; -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);  }
 .stepList > li:last-child::before { display: none  !important; }
}




#fc_company { position: relative; width: 100%; overflow: hidden; }
#fc_company .section1 { position: relative; color:#fff;  padding: 2% 0 10%; overflow: hidden;
  background: url("/images/sub/franchise_companyBG.png") no-repeat center; background-size: cover; }
#fc_company .section1 .img { position: absolute; right:0; bottom:0; max-width: 50%; }
#fc_company .section1 .img img { max-width: 100%; }
#fc_company .section1 .s-inner { padding-right: 40%; padding-top: 3%; }
#fc_company .section1 .stit3 { line-height: 1.15em; }
#fc_company .section1 .stxt2 { margin: 2em 0 1em; }
#fc_company .section1 .link { margin-top: 4em;}
#fc_company .section1 .link a { display: inline-block; color:#fff; font-size: 1.375em; font-weight: 600;
    padding: 0 1em; line-height: 2.5em; border:3px solid #c81313; margin-left: -10px;
    border-radius: 60px; }
#fc_company .section1 .link a:first-child { /*background: #ef801b;*/ margin-left:0;  }
#fc_company .section1 .link .i-click { display: inline-block; vertical-align: bottom;
  -webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate; }

  @-webkit-keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;} }
  @-moz-keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;} }
  @keyframes blink{ 0% {opacity:0.5;} 100% {opacity:1;} }


#fc_company .section2 { padding: 5% 0; position: relative; overflow: hidden;}
#fc_company .section2 img { margin-top: 2%; max-width: 90%; }

@media all and (max-width:976px) {
  #fc_company .section1 { padding: 2% 0 15%;  }
  #fc_company .section1 .img { right: -7%; }
  #fc_company .section1 .link a { font-size: 1.2em; }

  #fc_company .section1 .s-inner { padding-right: 30%; padding-top: 3%; }
  #fc_company .section1 .stxt1 { line-height: 1.3em; }

  #fc_company .section2 { padding: 8% 0;  }
  #fc_company .section2 .stit1 { line-height: 1.3em; }
}

@media all and (max-width:767px) {
  #fc_company .section1 { padding: 3% 0 0;  }
  #fc_company .section1 .img { position: relative; max-width: 60%; margin: 0 auto; text-align: center;}
  #fc_company .section1 .s-inner { padding-right: 0; padding-top: 3%; }
}


#fc_benefits { position: relative; overflow: hidden; background: #ef801b; color:#fff; width: 100%;
                      display: table; direction: rtl; }
#fc_benefits > div { display: table-cell;  width: 50%; }
#fc_benefits .txt { padding-left: 5%; vertical-align: middle; direction: ltr; }
#fc_benefits .txt ul { margin-top: 4em; }
#fc_benefits .txt ul li { font-size: 2em; margin-bottom: 0.3em; }
#fc_benefits .txt ul li span { font-weight: 600; width: 100px; display: inline-block; }
#fc_benefits .img { vertical-align: bottom; }

@media all and (max-width:1580px) {
  #fc_benefits .txt { padding: 5% 0 5% 5%; }
}

@media all and (max-width:1480px) {
  #fc_benefits .txt ul { margin-top: 2.5em; }
  #fc_benefits .txt ul li { font-size: 1.5em; }
}

@media all and (max-width:1280px) {
  #fc_benefits .txt { padding: 7% 0 5% 5%; }
}

@media all and (max-width:1080px) {
  #fc_benefits .txt { width: 48%;  padding: 7% 2% 5% 3%;}
  #fc_benefits .img { width: 52%; }
}

@media all and (max-width:976px) {
  #fc_benefits { padding: 2% 7% 0; }
  #fc_benefits .txt,
  #fc_benefits .img { display: block; width: 100%; }
  #fc_benefits .img { text-align: center; }
  #fc_benefits .animation_img img { max-width: 80%; left: 10%; }
  #fc_benefits .animation_img img:first-child { left:0; }
}

@media all and (max-width:568px) {
  #fc_benefits { padding: 2% 0 0; }
  #fc_benefits .txt { padding: 7% 7% 5% 7%; }
  #fc_benefits .txt ul li span { width: 60px; }
  #fc_benefits .animation_img img { max-width: 100%; left: 0; }
}


#fc_inquiry { background:#e6223f; color:#fff; position: relative; width: 100%; text-align: center;
                    padding: 5% 0 4%; overflow: hidden; }
#fc_inquiry a { color:#e6223f; display: inline-block; font-size: 1.4em;  border-radius: 50px; line-height: 3em;
                      background: #fff; padding: 0 2em; font-weight: 600; margin-top: 1em;}


@media all and (max-width:976px) {
  #fc_inquiry { padding: 7% 2% 6%;  }
}

@media all and (max-width:568px) {
  #fc_inquiry { padding: 10% 2% 8%;  }
  #fc_inquiry a { line-height: 2.5em; }
}




.memCont { line-height: 1.8em; border:10px solid rgba(254, 211, 0, 0.1); padding: 5%; }
.memCont .fw-B { color:#000;}


#menuList2 { overflow: hidden; /*background: rgba(246, 234, 186,0.3);*/ border-top: 3px solid #e6223f ; border-bottom: 1px solid #e6223f ;  padding: 4% 2%;  }
#menuList2 li { float: left; width: 48%; padding: 1em 0; vertical-align: top; background: url("/images/sub/dotline.png") repeat-x bottom; }
#menuList2 li:nth-child(even) { float: right; }
#menuList2 li .menu-txt { position: relative; display: table; overflow: hidden; width: 100%;  }
#menuList2 li .menu-txt h4, #menuList2 li .menu-txt p { display: table-cell; vertical-align: middle; }
#menuList2 li .menu-txt h4 { color:#000; font-size: 1.5em; width: 40%;  }
#menuList2 li .menu-txt p { color:#000; width: 60%; }

@media all and (max-width:1280px) {
  #menuList2 li { width: 100%; }
  #menuList2 li .menu-txt h4 { width: 35%; }
  #menuList2 li .menu-txt p { width: 65%; }
}

@media all and (max-width:568px) {
  #menuList2 li .menu-txt h4 { width: 45%; }
  #menuList2 li .menu-txt p { width: 55%; }
}

@media all and (max-width:480px) {
  #menuList2 { padding: 4% 5%; }
  #menuList2 li .menu-txt h4, #menuList2 li .menu-txt p { width: 100%; display: block; }
}



.more1_pop { visibility: hidden; opacity: 0; transition: 0.3s; position: fixed; top: 8%; z-index: 999; left: 50%; margin-left: -700px; width: 1400px;  height: auto; -webkit-box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.12); 
box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.12); }
.more1_pop.on { visibility: visible; opacity: 1;transition: 0.3s; }

.more2_pop { visibility: hidden; opacity: 0; transition: 0.3s; position: fixed; top: 8%; z-index: 999; left: 50%; margin-left: -700px; width: 1400px;  height: auto; -webkit-box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.12); 
box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.12); }
.more2_pop.on { visibility: visible; opacity: 1;transition: 0.3s; }

.pop_close { visibility: hidden; opacity: 0; transition: 0.3s; cursor: pointer; position: absolute; right: 0; top: 0; width: 80px; height: 80px; background: #c81313 url('/images/sub/pop_close.png') no-repeat center center; }
.more1_pop.on .pop_close { visibility: visible; opacity: 1; transition: 0.3s; }
.more2_pop.on .pop_close { visibility: visible; opacity: 1; transition: 0.3s; }

.more1_pop img { display: block; width: 100%; max-width: 1400px; }
.more2_pop img { display: block; width: 100%; max-width: 1400px; }

.pop_cover { visibility: hidden; opacity: 0; transition: 0.3s; width: 100%; height: 100vh; background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index: 998; }
.pop_cover.on { visibility: visible; opacity: 1; transition: 0.3s; }


@media all and (max-width:1500px) {
  .more1_pop { width: 1200px; margin-left: -600px; top: 12%; }
  .more2_pop { width: 1200px; margin-left: -600px; top: 12%; }
}

@media all and (max-width:1280px) {
  .more1_pop { width: 980px; margin-left: -490px; top: 15%;}
  .more2_pop { width: 980px; margin-left: -490px; top: 15%;}

  .pop_close { width: 70px; height: 70px; background: #c81313 url('/images/sub/pop_close.png') no-repeat center center 20%; }
}
@media all and (max-width:1050px) {
  .more1_pop { width: 760px; margin-left: -380px; top: 20%;}
  .more2_pop { width: 760px; margin-left: -380px; top: 20%;}

  .pop_close { width: 50px; height: 50px; background: #c81313 url('/images/sub/pop_close.png') no-repeat center center; background-size: 60%; }
}

@media all and (max-width:830px) {
  .more1_pop { width: 590px; margin-left: -295px; top: 20%;}
  .more2_pop { width: 590px; margin-left: -295px; top: 20%;}

  .pop_close { width: 40px; height: 40px; background: #c81313 url('/images/sub/pop_close.png') no-repeat center center; background-size: 60%; }
}

@media all and (max-width:640px) {
  .more1_pop { width: 500px; margin-left: -250px; top: 20%;}
  .more2_pop { width: 500px; margin-left: -250px; top: 20%;}

  .pop_close { width: 40px; height: 40px; background: #c81313 url('/images/sub/pop_close.png') no-repeat center center; background-size: 60%; }
}

@media all and (max-width:540px) {
  .more1_pop { width: 400px; margin-left: -200px; top: 25%;}
  .more2_pop { width: 400px; margin-left: -200px; top: 25%;}

  .pop_close { width:30px; height: 30px; background: #c81313 url('/images/sub/pop_close.png') no-repeat center center; background-size: 60%; }
}

@media all and (max-width:440px) {
  .more1_pop { width: 330px; margin-left: -165px; top: 30%;}
  .more2_pop { width: 330px; margin-left: -165px; top: 30%;}

  .pop_close { width:20px; height: 20px; background: #c81313 url('/images/sub/pop_close.png') no-repeat center center; background-size: 60%; }
}