@import url('../css/board.css');
@import url('../board/view3_inquiry_00/css/skin.css');
@import url('../css/jquery.mCustomScrollbar.css');

@media screen and (max-width: 1500px) {
    .line_title{display:none}
}

.lnb{width:1200px;margin:0 auto}
/* .lnb li{width:14.2857%} */
.lnb li{width:12.5%}

/* 성공사례 */
.story{padding-top:80px;margin-bottom:100px}
.story_bg{overflow:hidden;left:0;top:80px;width:100%;height:880px;background-image:url('../img/page/fran/story_bg1.jpg')}
.story_bg .bg_video{position:absolute;left:50%;top:50%;margin-left:-1180px;margin-top:-577px;width:2360px;height:1154px}
.story .line_title{left:90px;top:180px;z-index:2}
.story_slide{width:50%;height:880px;background:rgba(24,24,24,0.75)}
.story_slide .text_area{left:0;top:0;width:100%}
.story_slide .t50{left:0;width:100%}
.story_slide .sl_store{padding-bottom:30px;font-family:'NotoSansKR-Light';font-size:20px;letter-spacing:-0.02em;color:#fff;text-align:center}
.story_slide .sl_text{padding:35px 0 25px;font-size:22px;letter-spacing:-0.02em;color:#fff}
.story_slide .text{font-size:18px;color:#afafaf}
.story_slide .slide3 .text{padding-top:35px}
.story_slide .sl_link{display:inline-block;width:173px;line-height:55px;margin-top:45px;background:#254132;font-family:'NotoSansKR-Light';font-size:18px;color:#fff}
.story_paging{left:0;bottom:0;width:100%;height:80px;border-top:1px solid rgba(255,255,255,0.2)}
.story_paging li:first-child{margin-right:370px}
.story_paging li:nth-child(2){margin-right:370px}
.story_paging a{display:block;position:relative;line-height:80px;font-family:'NotoSansKR-Light';font-size:20px;letter-spacing:-0.02em;color:rgba(255,255,255,0.3)}
.story_paging a:before{content:'';position:absolute;left:50%;top:-4px;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:#81807e}
.story_paging a:hover, .story_paging li.swiper-pagination-bullet-active a{font-family:'NotoSansKR-Medium';color:#d2a335}
.story_paging a:hover:before, .story_paging li.swiper-pagination-bullet-active a:before{background:#d2a335}
.story_fixed_txt{left:0;top:245px;width:50%}
.story_fixed_txt .img_text{display:inline-block;width:130px}
.story_fixed_txt img{position:absolute;left:0;top:0}

/* 직영매장 */
.shop{height:830px;background-image:url('../img/page/fran/shop_bg2.jpg')}
.shop .line_title{left:100px;top:170px}
.shop .inner{padding:120px 0 0 60px;box-sizing:border-box}
.shop .inner .img_title em{display:block}
.shop .inner .img_title span{position:absolute;left:0;top:0}
.shop .inner .img_text{padding:40px 0 30px}
.shop .text{color:#afafaf}
.shop_slide{left:0;bottom:0;width:100%}
.shop_slide .swiper-slide{width:480px;margin-left:20px}
.shop_slide .sl_text{right:30px;bottom:30px}
.shop_slide .sl_text_sub{right:30px;bottom:23px;text-align:right}
.sl_text_sub .ttl{display:inline-block;font-family:'NotoSerifKR-Bold';font-size:30px;letter-spacing:-0.05em;color:#fff}
.sl_text_sub .ttl em{font-size:20px}
.sl_text_sub .sub{display:inline-block;margin-top:14px;font-family:'NotoSerifKR-Bold';font-size:20px;letter-spacing:-0.05em;color:#fff}
.sl_text_sub .sub em{font-size:47px}
.sl_text_sub .sub i{font-size:33px}

/* 일 최고 매출 */
.best{padding: 100px 0}
.best .img_title{margin-bottom: 60px}
.best_lists{margin-bottom: 50px}
.best_list{margin-bottom: 20px;margin-right: 30px}
.best_list:nth-child(3n){margin-right: 0}
/* .best_list{margin-bottom: 20px;margin-right: 30px;width: 380px;font-family: 'NotoSerifKR-Medium';letter-spacing: -0.05em}
.best_li_top{background-color: #254132}
.best_li_top > *{vertical-align: middle}
.best_store{margin-left: 10px;font-size: 35px;line-height: 75px;color: #fff}
.best_li_btm{padding: 20px 34px 0;height: 135px;background-color: #fff;border: 4px solid #254132;border-top: none;color: #222;box-sizing: border-box}
.best_li_btm > *{vertical-align: baseline}
.best_txt{padding-top: 20px;font-size: 20px;line-height: 1.2}
.best_sale{font-family: 'NotoSerifKR-Bold';font-size: 70px}
.best_unit{margin-left: 8px;padding-top: 20px;font-family: 'NotoSerifKR-Bold';font-size: 24px} */

/* 폭넓은 고객층 */
.target{height:1400px;background:#222}
.target .line_title{left:100px;top:90px;z-index:5}
.target .dec{top:0;margin-left:-360px}
.target .bub1{top:24px;margin-left:-532px}
.target .bub2{top:165px;margin-left:-294px}
.target .bub3{top:68px;margin-left:262px}
.target .bub4{top:291px;margin-left:-604px}
.target .bub5{top:256px;margin-left:106px}
.target .text_area{z-index:5}
.target .img_title{padding:500px 0 40px}
.target .img_title em{display:inline-block}
.target .img_title span{position:absolute;left:0;top:0}
.target .text{color:#afafaf}
.target .video{width:488px;height:300px;background-repeat:no-repeat;background-position:center}
.target .video1{background-image:url('../img/page/fran/target_row1_img3')}
.target .video2{background-image:url('../img/page/fran/target_row2_img1')}
.target .video3{background-image:url('../img/page/fran/target_row2_img3')}
.target .video4{background-image:url('../img/page/fran/target_row2_img5')}
.target_imgs{width:100%;white-space:nowrap}
.target_imgs1{left:-100%;bottom:270px}
.target_imgs2{right:0;bottom:-50px}
.target_imgs li{margin-right:15px}
.target .overlay{left:0;top:0;background-image:url('../img/page/fran/target_ovly.png');background-position:50% 0}

/* 안정적인 창업 */
.safe{padding-bottom:150px}
.safe .line_title{left:100px;top:150px}
.safe .img_title{padding:150px 0 140px}
.safe .img_title em{display:inline-block}
.safe .img_title span{position:absolute;left:0;top:0}
.safe_ol li{position:relative;height:600px}
.safe_ol .img_area{top:0;width:900px;height:600px}
.safe_ol .li1 .img_area{background-image:url('../img/page/fran/safe_img1.jpg')}
.safe_ol .li2 .img_area{background-image:url('../img/page/fran/safe_img2.jpg')}
.safe_ol .li3 .img_area{background-image:url('../img/page/fran/safe_img3.jpg')}
.safe_ol .li4 .img_area{background-image:url('../img/page/fran/safe_img4.jpg')}
.safe_ol .num{top:77px}
.safe_ol .text_area{padding-top:170px}
.safe_ol .line{top:190px;width:280px;height:1px;background:#b58e31;margin-left:-140px}
.safe_ol .text{padding-top:40px}
.safe_ol li:nth-child(odd) .img_area{right:50%}
.safe_ol li:nth-child(odd) .num{margin-left:640px}
.safe_ol li:nth-child(even) .num{margin-left:-820px}
.safe_ol li:nth-child(odd) .text_area{padding-left:200px;margin-left:50%}
.safe_ol li:nth-child(even) .text_area{width:540px;margin-right:50%;margin-left:-540px}
.safe .ot{background:url('../img/common/body_pat.jpg')}
.safe .outline_t{left:0;top:0;width:100%;height:100px}
.safe .outline_b{left:0;bottom:0;width:100%;height:100px}
.safe .outline_l{left:0;top:0;width:100px;height:100%}
.safe .outline_r{right:0;top:0;width:100px;height:100%}

@media screen and (max-width:1900px) {
    .safe_ol li:nth-child(odd) .num{left:auto;margin-left:0;right:20px}
    .safe_ol li:nth-child(even) .num{left:20px;margin-left:0}
}
/* 추천점포 */
.jumpo_ttl{padding-bottom:50px}

/* 본사의힘 */
.headquaters{height:1055px;background-image:url('../img/page/fran/hq_bg.jpg')}
.headquaters .line_title{left:100px;top:150px;z-index:5}
.headquaters .circles_wrap{top:-12px;margin-left:-379px;width:1440px;height:1440px}
.headquaters .circle{border-radius:50%;border:1px solid rgba(255,255,255,0.1);box-sizing:border-box;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.headquaters .circle1{width:100%;height:100%}
.headquaters .circle2{width:1240px;height:1240px}
.headquaters .circle3{width:1060px;height:1060px}
.headquaters .circle4{width:880px;height:880px}
.headquaters .circle5{width:700px;height:700px}
.headquaters .circle6{width:520px;height:520px}
.headquaters .overlay{left:0;top:0;background-image:url('../img/page/fran/hq_ovly.png')}
.headquaters .inner > .img_title{padding:150px 0 35px}
.headquaters .inner > .img_title em{display:inline-block}
.headquaters .inner > .img_title span{position:absolute;left:0;top:0}
.headquaters .inner > .text{color:#afafaf}
.headquaters .since_text{top:650px;margin-left:192px}
.headquaters .since_text .text{padding-bottom:10px;font-family:'NotoSansKR-Medium';font-size:18px;color:rgba(255,255,255,0.3)}
.hq_ul .text{font-size:18px;line-height:133%;color:#fff}
.hq_ul .li1{top:650px;margin-left:-383px}
.hq_ul .li2{top:550px;margin-left:-33px}
.hq_ul .li3{top:700px;margin-left:-105px}
.hq_ul .li4{top:860px;margin-left:-180px}
.hq_ul .text:before{content:'';position:absolute;left:-64px;top:-30px;width:50px;height:50px;background-repeat:no-repeat;background-position:center}
.hq_ul .li1:before{background-image:url('../img/page/fran/hq_num1.png')}
.hq_ul .li2:before{background-image:url('../img/page/fran/hq_num2.png')}
.hq_ul .li3:before{background-image:url('../img/page/fran/hq_num3.png')}
.hq_ul .li4:before{background-image:url('../img/page/fran/hq_num4.png')}

/* 물류시스템 */
.system{height:728px;background:#254132}
.sys_slide{padding-top:40px}
.sys_slide .swiper-slide{width:725px}
.sys_btns{top:200px}
.sys_btns.sys_prev{margin-left:-600px}
.sys_btns.sys_next{margin-left:520px}
.sys_slide .img_title{padding:60px 0 25px}
.sys_slide .text_area{opacity:0;transition:all .3s}
.sys_slide .text{color:#afafaf}
.sys_slide .swiper-slide-active .text_area{opacity:1}

/* 창업은어떻게? */
.howto{height:1260px}
.howto .dec{top:753px;margin-left:-120px}
.howto .line_title{left:100px;top:100px}
.howto .img_title{padding:100px 0 35px}
.howto > .text{padding:25px 0 40px}
.steps li{position:relative;float:left;width:285px;height:240px;border:1px solid rgba(34,34,34,0.3);box-sizing:border-box;margin-right:20px;margin-bottom:20px}
.steps li:nth-child(4n){margin-right:0}
.steps li:last-child{background:url('../img/page/fran/steps_bg.jpg') no-repeat center}
.steps .num{right:20px;top:20px}
.steps .t50{left:0;width:100%;margin-top:7px}
.steps .text{padding-top:15px;font-size:18px}
.steps li:last-child .text{color:#fff}

/* 개설비용 */
.costs{background:#d4d2c8;padding-bottom:100px}
.costs .img_title{padding:100px 0 10px}
.costs .unit_wrap{padding-bottom:20px}
.costs .unit_ttl{font-family:'NotoSansKR-Bold';font-size:22px;letter-spacing:-0.02em;color:#222}
.costs .unit{font-size:18px}
.costs .table_wrap .brdr{position:absolute;left:462px;top:-3px;width:215px;height:100%;border:3px solid #b58e31}
.costs_table .col1{width:250px}
.costs_table .col2{width:215px}
.costs_table .col3{width:215px}
.costs_table .col4{width:520px}
.costs_table th, .costs_table td{padding:20px 0;vertical-align:middle;font-family:'NotoSansKR-Medium';font-size:22px;letter-spacing:-0.02em}
.costs_table thead th{background:#254132;color:#fff;border-right:1px solid rgba(255,255,255,0.15)}
.costs_table thead th:last-child{border-right:0}
.costs_table tbody td{border-bottom:1px solid rgba(0,0,0,0.3);border-right:1px solid rgba(0,0,0,0.3);color:#222}
.costs_table tbody td:last-child{border-right:0}
.costs_table .sm_txt{padding-left:50px;font-family:'NotoSansKR-Light';font-size:18px;line-height:167%;color:#666}
.costs_table tbody tr:last-child td{border-bottom:0}
.costs_table tfoot th, .costs_table tfoot td{background:#b58e31;color:#fff;border-right:1px solid rgba(255,255,255,0.15)}
.costs_table tfoot td:last-child{border-right:0}
.costs_table tfoot .sm_txt{color:#fff;text-align:left}
.costs .comment{padding:35px 0 60px;font-size:18px}
.remarks .rm_ttl{padding-bottom:20px;font-family:'NotoSansKR-Bold';font-size:22px;letter-spacing:-0.02em;color:#222}
.remarks .rm_table{width:100%;table-layout:fixed;margin-bottom:40px}
.remarks .rm_table:last-child{margin-bottom:0}
.remarks .rm_table th, .remarks .rm_table td{height:70px;vertical-align:middle}
.remarks .rm_table thead th{background-color:#254132;font-family:'NotoSansKR-Bold';font-size:22px;letter-spacing:-0.02em;color:#fff;border-right:1px solid rgba(255,255,255,0.15)}
.remarks .rm_table thead th:last-child{border-right:0}
.remarks .rm_table tbody th{font-family:'NotoSansKR-Medium';font-size:22px;letter-spacing:-0.02em;color:#222;border-bottom:1px solid rgba(0,0,0,0.3);border-right:1px solid rgba(0,0,0,0.3)}
.remarks .rm_table tbody td{padding-left:40px;font-family:'NotoSansKR-Light';font-size:18px;letter-spacing:-0.02em;color:#666;border-bottom:1px solid rgba(0,0,0,0.3);}

/* 매출경쟁력 */
/* .sales{background:#d4d2c8;padding:100px 0}
.sales .inner > .text{padding:10px 0}
.sales .box{width:590px}
.sales .graph_box{height:250px;background:#f6f5ef}
.sales .box1 .graph_box{padding-top:70px;box-sizing:border-box}
.sales .graph1{margin-bottom:30px}
.sales .graph > *{vertical-align:middle}
.sales .graph_text{width:190px;padding-left:40px;box-sizing:border-box;font-size:22px;letter-spacing:-0.02em;color:#222}
.sales .graph_text em{font-family:'NotoSansKR-Bold'}
.sales .bar{display:block;line-height:50px;padding-left:30px;box-sizing:border-box;font-family:'NotoSansKR-Bold';font-size:22px;letter-spacing:-0.02em;color:#fff}
.sales .bar em{font-size:18px}
.sales .graph1 .bar{width:250px;background:#b58e31}
.sales .graph2 .bar{width:350px;background:#e0b03d}
.sales .graph_wrap > img{right:-20px;top:-12px}
.sales .img_text{height:80px;background:#254132;padding-top:25px;box-sizing:border-box}
.sales .text{font-size:18px} */

/* 가맹문의 */
.fran_inquiry{padding-bottom:40px}
.fran_inquiry .line_title{left:100px;top:90px}
.fran_inquiry .img_title{padding:90px 0 30px}
/* .fran_inquiry > .text{padding-bottom:50px} */

@media screen and (max-width:1600px) {
    .line_title.left{left:30px}
}

/* 연매출 팝업 */
.sales_popup_parent{display:none;position:fixed;left:0;top:0;overflow-y:auto;width:100%;height:100%;background-color:#254132;z-index:1000}
.sales_popup_parent .pop_close{position:absolute;right:10px;top:10px;width:80px;height:80px;background:url('../img/page/fran/sales_close.png')no-repeat center;font-size:0;z-index:1}
.sales_popup .sales_ttl{padding:50px 0 6px}
.sales_popup .sales_in{max-width:1600px;margin:0 auto}
.sales_popup .sales_sub{padding-bottom:22px;font-family:'NotoSansKR-Light';font-size:18px;letter-spacing:-0.02em;color:#fff}
.sales_popup .view-opener{position:relative;width:15.625%;margin-left:1.25%;margin-bottom:30px}
.sales_popup .view-opener:nth-child(6n-5){margin-left:0}
.sales_popup .view-opener a{position:relative;display:block;width:100%;height:100%}
.sales_popup .view-opener a:before{opacity:0;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/page/fran/sales_ovl.png')no-repeat center;background-size:cover}
.sales_popup .view-opener a:hover:before{opacity:1}

.view-container-parent{display:none;position:fixed;left:0;top:0;z-index:2000;width:100%;height:100%;background-color:rgba(0,0,0,0.9)}
.view-container{overflow-y:auto;position:absolute;left:50%;top:75px;width:368px;height:calc(100% - 75px);margin-left:-184px}
.view-closer{position:fixed;top:10px;right:10px}
.view-btns{position:absolute;top:50%;margin-top:-40px;width:80px;height:80px;background-repeat:no-repeat;background-position:center;font-size:0;line-height:0}
.view-prev{left:10px;background-image:url('../img/page/fran/slpop_prev.png')}
.view-next{right:10px;background-image:url('../img/page/fran/slpop_next.png')}


.rec_jumpo .inner .viewInner{padding-bottom:60px}