@charset "utf-8";
    
.pagecommon{padding:80px 0 0 0;font-size:15px;color:#111;line-height:1.8;letter-spacing:-.3px}
.pagecommon .pl{white-space:pre-line}
.pagecommon b{font-weight:normal}
.pagecommon table{width:100%;text-align:center;background:#fff;font-size:24px}
.pagecommon table tr th{padding:20px 0;background:#ffcd4a}
.pagecommon table tr td{padding:16px 0;border-bottom:1px solid #e1e1e1}
.pagecommon table .l_t{color:#fff;background:#fc522f}
.pagecommon .video_area{position:relative}
.pagecommon .video_area ul li{position:relative;padding-bottom:52.25%;height:0;width:100%} 
.pagecommon  iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* 공통 페이지 */
.pagecommon .tit_area{padding-bottom:40px;color:#333;line-height:1.5;font-size:18px;text-align:center}
.pagecommon .tit_area p{margin-bottom:30px;color:#111;line-height:1.4;font-size:54px}
.pagecommon .tit_area p span{color:#fff;-webkit-text-stroke:3px #fc522e}

/* 인테리어 */
#p35{width:100%;max-width:1400px;text-align:center;overflow:hidden}
#p35 .swiper-button-prev{left:0;color:#fff}
#p35 .swiper-button-next{right:0;color:#fff}

#p35 .cont_wrap .swiper.mySwiper2{position:relative;width:100%;height:510px}
#p35 .cont_wrap .mySwiper2 img{display:block;width:100%;height:100%;object-fit:contain}
#p35 .cont_wrap .mySwiper img{display:block;width:100%;height:186px;object-fit:cover;cursor:pointer}
#p35 .mySwiper {height:20%;box-sizing:border-box;padding:10px 0}
#p35 .mySwiper li{width:25%;height:100%;opacity:0.4}
#p35 .cont_wrap .mySwiper .swiper-slide-thumb-active{opacity:1}

/* 메뉴소개 */
#p36{padding:0}
#p36 .tit_img{padding:160px 0;margin-bottom:80px;font-size:50px;color:#fff;text-align:center;background:url(/sh_page/img/tit_img.jpg) center no-repeat fixed;background-size:cover}
#p36 .swiper-button-prev{color:rgba(255,255,255,0.8);top:50%;transform:translateY(-50%)}
#p36 .swiper-button-next{color:rgba(255,255,255,0.8);top:50%;transform:translateY(-50%)}
#p36 .cont_wrap{max-width:1400px;margin: 0 auto}
#p36 .swiper{overflow:hidden;position:relative;width:100%;}
#p36 .swiper .slide li{display:flex;justify-content:center;align-items:center;}
#p36 .swiper .slide li img{width:100%;height:100%;}
#p36 .swiper .slide li{overflow:hidden;position:relative;height:260px}
#p36 .swiper .slide li p{position:absolute;left:0;bottom:-1px;width:100%;padding:12px 0;font-size:20px;font-weight:700;color:#fff;background-color:rgba(0,0,0,.8);text-align:center}

/* 성공이야기 */
#p38{position:relative;overflow:hidden}
#p38 .cont_wrap{width:100%;max-width:1400px;margin:0 auto 80px;overflow:hidden}
#p38 .video_area ul li{border:none}
#p38 .video_area .swiper-pagination-bullet{position:absolute;background:#111;top:0}
#p38 .swiper-button-next{color:rgba(255,255,255,0.8)}
#p38 .swiper-button-prev{color:rgba(255,255,255,0.8)}

#p38 .tit_area{padding:0 50px 40px 40px}
#p38 .sing_box{padding:0 100px;display:flex;position:relative;width:100%;height:1300px;background:url(/sh_page/img/p38_sing_bg.jpg)no-repeat fixed;overflow:hidden}
#p38 .sing_box .img_box{width:calc(100% / 2)}
#p38 .sing_box .img_box p{position:absolute;top:50%;left:10%;transform:translateY(-50%);line-height:1.4;color:#fff;font-size:60px}
#p38 .sing_box .img_box p span{color:#fc522e}
#p38 .sing_box .img_box img{ position:absolute;top:50%;transform:translateY(-50%)}

/* 떼창 이벤트 */
#p38 .sing_box .video_box ul li{position:absolute}
#p38 .sing_box .video_box ul .v01{top:-158px}
#p38 .sing_box .video_box ul .v02{top:-158px;right:120px;height:660px}
#p38 .sing_box .video_box ul .v03{bottom:52px;height:660px}
#p38 .sing_box .video_box ul .v04{bottom:-8px;right:120px}

/* 좋아요*/
#p38 .sing_inner.box{padding:80px 0 0 0}
#p38 .sing_box.s_box{flex-direction:row-reverse;background:url(/sh_page/img/p38_like_bg.jpg)no-repeat fixed}
#p38 .sing_box.s_box .img_box img{right:20%}
#p38 .sing_box.s_box .video_box ul .v01{top:-44px;left:110px}
#p38 .sing_box.s_box .video_box ul .v02{top:-42px;left:540px}
#p38 .sing_box.s_box .video_box ul .v03{bottom:33px;left:540px;z-index:2}
#p38 .sing_box.s_box .video_box ul .v04{bottom:-2px;left:110px}

/* 창업안내 */
#p37{padding:80px 10px;position:relative;overflow:hidden}
#p37 .list_m{display:none}
#p37 .cont_wrap .box:nth-child(1){padding:0}
#p37 .cont_wrap .box{padding:50px 0 0 0}
#p37 .cont_wrap .tit_area{padding:0 34px 40px 34px}
#p37 .cont_wrap .tit_area .txt_area{padding:6px 0;color:#000;font-size:28px}
#p37 .cont_wrap .list_box ul{column-gap:10px;display:grid;grid-template-columns:repeat(2, 1fr)}
#p37 .cont_wrap .list_box ul li{margin-bottom:10px;padding:30px;color:#fff;background:#fc603e;border-radius:20px;font-size:30px;text-align:center}

/* 가맹절차 */
#p37 .img_box{display:grid;grid-template-columns:repeat(2, 1fr);gap:40px;}
#p37 .img_box img{width:100%}
#p37 .img_b img{width:100%}
#p37  .list{display:flex;flex-wrap:wrap}
#p37  .list li{position: relative;width:calc(25% - 23px);padding:40px 0;height:360px;color: #666;background: #fff;border-radius:30px;text-align:center;/* box-shadow: 0px 9px 35.6px 18.4px rgba(0, 0, 0, 0.04); */}
#p37  .list li:after{position:absolute;content:'';top:50%;right:-20px;width:8px;height:14px;background:url(/sh_page/img/p37_next_icon.png)no-repeat}
#p37  .list li:nth-child(4n):after{display:none}
#p37  .list li img{width:50%}
#p37  .list li b{display:block;width:140px;margin:14px auto;padding:5px 15px;border-radius:50px;font-size: 16px;color:#fff;background:#fc522e;font-weight:bold;font-family:'Poppins'}
#p37  .list li .icon{position:relative;width:110px;height:110px;margin:0 auto 20px;border-radius:50%;line-height:105px;text-align:center;background:#f5f5f5}
#p37  .list li:last-child .num{margin-right:0}
#p37  .list li .num{overflow:hidden;padding:0 25px;text-align:center}
#p37  .list li .num span{display:block;padding-bottom:5px;font-size:23px;line-height:32px;color:#333;text-align:center}
#p37  .list li .num i{display:inline-block;margin-bottom:20px;padding:10px 20px;border-radius:0 0 80px 80px;font-style:normal;font-weight:600;font-size:12px;text-align:center;color:#fff;background: #fc522ea6;letter-spacing:0;font-family:'Poppins'}
#p37  .list li .br{height:75px;padding: 16px 0;text-align:center;font-size:16px;font-family:'notokr-regular'}
#p37  .list li + li{margin-left:30px}
#p37  .list li:nth-child(4n+1){margin-left:0}
#p37  .list li:nth-child(n+5){margin-top:40px}
#p37  .list li:last-child .icon{background:#fc522e}
#p37  .list li:last-child .num span{color:#fc522e}

@media(max-width:1850px){
#p38 .sing_box .img_box img{display:none}
#p38 .sing_box{padding:0;flex-direction:column;height:600px}
#p38 .sing_box .video_box ul{padding:50px;display:grid;grid-template-columns:repeat(4, 1fr)}
#p38 .sing_box .video_box ul li{position:static;width:100%;height:100%}
#p38 .sing_box .video_box ul li video{width:100% !important;height:500px !important}
#p38 .sing_box .video_box ul img{width:100%;height:500px}
#p38 .sing_box.s_box{flex-direction:column}
#p38 .sing_box.s_box .img_box img{display:none}
}
@media(max-width:1300px){
#p38 .sing_box .video_box ul{grid-template-columns:repeat(3, 1fr)}
#p38 .sing_box .video_box ul .v04{display:none}
#p37 .list{display:none}
#p37 .list_m{width:100%;display:block}
}
@media(max-width:950px){
#p38 .sing_box .video_box ul{grid-template-columns:repeat(2, 1fr)}
#p38 .sing_box .video_box ul .v03{display:none}
#p38 .sing_box .video_box ul .v04{display:none}
}
@media(max-width:1024px){
.pagecommon .pl{white-space:normal}
.pagecommon .tit_area p{font-size:48px}
    
#p35 .cont_wrap .mySwiper2 img{object-fit:cover}
#p36 .tit_img{padding:100px 0;margin-bottom:50px;font-size:44px}
#p36 .tit_img{background:url(/sh_page/img/tit_img.jpg) center no-repeat}
#p36 .tit_area p{padding:0 50px;font-size:48px}
#p37 .cont_wrap .list_box ul li{font-size:24px}
#p37 .img_box{display:grid;grid-template-columns:repeat(3, 1fr)}
#p37 .img_box img{width:100%}
}
@media(max-width:768px){
.pagecommon{padding:50px 0 0 0}
.pagecommon .tit_area p{font-size:38px !important}

#p38 .cont_wrap{margin:0 auto 50px}
#p38 .sing_inner.box{padding:50px 0 0 0}
#p38 .sing_box .video_box ul{grid-template-columns:repeat(1, 1fr)}
#p38 .sing_box .video_box ul .v02{display:none}
#p37{padding:50px 10px}
#p37 .cont_wrap .list_box ul li{font-size:23px}
@media(max-width:680px){
#p38 .sing_box{height:auto}
#p38 .sing_box .video_box ul{padding:0}
#p38 .sing_box .video_box ul li video{height:auto !important}
#p37 .cont_wrap .tit_area .txt_area{font-size:24px}
#p38 .sing_box{background:none}
#p38 .sing_box.s_box{background:none}
#p38 .sing_box .video_box ul .v01{display:none}
#p38 .sing_box .video_box ul .v03{display:block;height:auto}
}
}
@media(max-width:600px){
.pagecommon{padding:30px 0 0 0}
.pagecommon .tit_area p{font-size:36px}

#p35 .cont_wrap .mySwiper2 img{width:100%;height:330px;object-fit:cover}
#p35 .cont_wrap .swiper.mySwiper2{height:auto}
#p35 .cont_wrap .mySwiper img{height:120px}
#p36 .tit_img{padding:50px 0;font-size:36px}
#p36 .tit_area p{font-size:36px}
#p37 .cont_wrap .list_box ul{grid-template-columns:repeat(1, 1fr)}
#p37 .cont_wrap .list_box ul li{font-size:20px}
#p37 .cont_wrap .tit_area{padding:0 20px 40px 20px}
}
@media(max-width:480px){
.pagecommon .tit_area{font-size:15px}
.pagecommon .tit_area p{font-size:28px !important}    
.pagecommon .tit_area p span{-webkit-text-stroke:2px #fc522e}

#p35 .cont_wrap .mySwiper2 img{height:270px}
#p36 .tit_img{margin-bottom:30px;font-size:28px}
#p38 .tit_area{padding:0 30px 40px 30px}
#p36 .tit_area p{padding:0 20px;font-size:28px}
#p36 .slide_inner{padding:0 10px}
#p36 .swiper .slide li{border-radius:0}
#p36 .swiper .slide li p{font-size:17px}
#p37{padding:30px 10px}
#p37 .img_box{grid-template-columns:repeat(1, 1fr)}
#p37 .cont_wrap .tit_area .txt_area{font-size:20px}
#p37 .cont_wrap .list_box ul li{padding:18px}
#p37 .cont_wrap .box{padding:30px 0 0 0}
#p37 .cont_wrap .box.box_last .tit_area{padding-bottom:0}
#p37 .cont_wrap .tit_area{padding:0 20px 40px 20px}
#p38 .cont_wrap{margin:0 auto 30px}
#p38 .sing_inner.box{padding:30px 0 0 0}
#p38 .sing_box .img_box{position:absolute;top:30%;left:50%;transform:translateX(-50%);z-index:9999;width:100%;max-width:260px}
#p38 .sing_box .img_box img{display:block;width:100%}
#p38 .sing_box.s_box .img_box{position:absolute;top:42%;left:50%;transform:translateX(-50%);z-index:9999;width:100%;max-width:260px}
#p38 .sing_box.s_box .img_box img{display:block;width:100%;right:0}
}
@media(max-width:380px){
.pagecommon .tit_area p{font-size:24px !important}

#p36 .tit_area p{font-size:24px}
#p37 .cont_wrap .tit_area{padding:0 10px 40px 10px}
#p38 .tit_area{padding:0 10px 40px 10px}
}