@charset "utf-8";
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 페이지 리뉴얼 201020 [s] */
.pagecommon{position:relative;margin-top:55px;font-size:16px;color:#777;letter-spacing:-.3px;line-height:1.7;font-family:'pretendard'}
.pagecommon .tit_area{margin-bottom:50px;color:#aaa;letter-spacing:0;text-align:center;font-family:var(--k-font)}
.pagecommon .tit_area span{display:inline-block;font-size:14px;letter-spacing:0;text-transform:uppercase;color:var(--primary);font-weight:700;font-family:'Montserrat', sans-serif}
.pagecommon .tit_area.t_center span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d1d1d1}
.pagecommon .tit_area p{margin-top:10px;font-size:28px;line-height:1.4;color:#333}
.pagecommon .sub_tit{letter-spacing:0;font-size:24px;color:#333;font-family:var(--k-font)}
.pagecommon .pl{white-space:pre-line}
.pagecommon .cont{margin-top:100px}

/* 가맹안내 */
#p33{text-align:center}
#p33 .sub_tit{margin-bottom:70px}
#p33 .sub_tit span{color:#2757dc}
#p33 .img_cont .img_wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
#p33 .img_cont .img_wrap img{border-radius:10px}
#p33 .img_cont .img_wrap li{position:relative}
#p33 .img_cont .img_wrap li p{width:150px;padding:10px 0;position:absolute;bottom:0;left:50px;color:#fff;background:#000;font-family:var(--k-font)}
#p33 .box_cont ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}
#p33 .box_cont ul li{display:flex;flex-direction:column;align-items:center;padding:40px 30px;border-radius:20px;color:#666;background:#f7f7f7}
#p33 .box_cont ul li b{display:inline-block;width:50px;height:50px;margin-top:-60px;line-height:50px;border-radius:100%;text-align:center;font-size:15px;font-weight:700;color:#fff;background-color:#222;font-family:'poppins'}
#p33 .box_cont ul li span{display:block;padding-bottom:10px;font-size:18px;font-weight:700;color:#333}
#p33 .box_cont ul li div{margin:30px 0 15px;padding:25px;border-radius:100%;text-align:center;background-color:#fff}
#p33 .box_cont ul li div img{width:55px}
/* 가맹안내 - 매출 */
#p33 .shop .sub_tit{margin-bottom:30px}
#p33 .shop dl{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px 0 70px}
#p33 .shop dl dd{display:flex;justify-content:center;width:100%;border-radius:10px}
#p33 .shop dl dd img{border-radius:10px 0 0 10px}
#p33 .shop dl dd div{width:30%;padding:30px;border-radius:0 10px 10px 0;color:#fff;background:var(--primary)}
#p33 .shop dl dd div p{position:relative;padding:8px;margin:0 20px;border-radius:5px;font-size:18px;color:var(--primary);text-align:center;background:#fff;font-weight:700}
#p33 .shop dl dd div p::before{content:url(/sh_page/img/p33_shop.png);display:inline-block;position:absolute;left:-14px;top:-12px}
#p33 .shop dl dd div ul{padding-top:20px}
#p33 .shop dl dd div ul li{position:relative;padding:10px 20px}
#p33 .shop dl dd div ul li:nth-child(1){padding-top:20px;border-top:1px dotted rgba(255, 255, 255, 0.5)}
#p33 .shop dl dd div ul li span{display:block;font-size:18px;color:rgba(255, 255, 255, 0.5);font-weight:500}
#p33 .shop dl dd div ul li b{font-size:28px;font-weight:700}
#p33 .shop dl dd div ul li:last-child{padding-bottom:0}
/* 가맹안내 - 특별한 이유 */
/* #p33 .list_cont{margin-top:100px}
#p33 .list_cont .sub_tit{margin-bottom:50px}
#p33 .list_cont ul{display:flex;flex-direction:column;gap:20px;padding:50px;background:#f8f8f8}
#p33 .list_cont ul li{display:flex;flex-wrap:wrap;align-items:center;gap:70px;padding:40px;border-radius:20px;box-shadow:8px 10px 10px rgba(0,0,0,0.05);text-align:left;color:#222;background:#fff}
#p33 .list_cont ul li:nth-child(2n) span{background:#363636}
#p33 .list_cont ul li span{width:340px;height:60px;line-height:60px;border-radius:50px;text-align:center;color:#fff;background:#2757dc;font-family:var(--k-font)}
#p33 .list_cont ul li .tit{width:340px;height:60px;line-height:60px;border-radius:50px;text-align:center;color:#fff;background:#2757dc;font-family:var(--k-font)} */

#p33 .list_cont .sub_tit{margin-bottom:70px}
#p33 .list_cont ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;row-gap:40px}
#p33 .list_cont ul li{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:20px;padding-bottom:30px;border-radius:20px;text-align:center;color:#222}
#p33 .list_cont ul li:nth-child(2n) .tit{background:#363636}
#p33 .list_cont ul li:nth-child(2n) span{color:#363636}
#p33 .list_cont ul li .tit{display:flex;align-items:center;padding-left:8px;width:100%;line-height:60px;border-radius:10px;text-align:center;font-size:18px;color:#fff;background:var(--primary);font-weight:700}
#p33 .list_cont ul li span{display:inline-block;margin-right:20px;width:40px;height:40px;line-height:40px;border-radius:10px;text-align:center;font-size:15px;color:var(--primary);background:#fff;font-family:'poppins';}
#p33 .list_cont ul li b{display:block}

/* 가맹절차 */
#p35 .cont ul{display:flex;justify-content:space-between;padding:0 40px 0 30px;background:url('/sh_page/img/p35_line.png') no-repeat center center}
#p35 .cont ul li{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:45px;font-size:18px;color:#222;font-family:var(--k-font)}
#p35 .cont ul li div{padding:35px;border-radius:100%;background:#efefef;transition:all .3s}
#p35 .cont ul li div:hover{background:var(--primary)}
#p35 .cont ul li:last-child div{padding:33px;border:2px solid #e1e1e1;background:#fff}
#p35 .cont ul li:last-child div:hover{background:var(--primary)}
#p35 .cont ul li:last-child {color:#ee3433}
#p35 .cont ul li:last-child b{background:#ee3433}

/* 무의랑 이야기 */
#p37{margin:0 50px}
#p37 .txt_area{position:relative;padding:60px 0 70px;border-radius:20px;text-align:center;color:#333;background:#214aad}
#p37 .txt_area .inner{position:relative;width:85%;margin:0 auto;padding:30px 0;border-radius:30px;text-align:center;color:#333;background:#fff}
#p37 .txt_area .inner>img{position:absolute;left:-13px;top:-16px}
#p37 .txt_area .sub_tit{display:block;width:max-content;margin:20px auto 35px;border-radius:50px;color:#444;font-size:22px}
#p37 .txt_area .sub_tit span{color:#2757dc}
#p37 .txt_area .pl{line-height:1.7}
#p37 .txt_area .pl span{color:#2757dc;font-weight:700}
#p37 .txt_area .pl b{font-weight:700}
#p37 .txt_area .pl b:first-child{text-decoration:underline;}
#p37 .txt_area .pl strong{display:block;margin-top:10px;font-size:20px;color:#333;font-weight:normal;font-family:var(--k-font)}
#p37 .txt_area .pl strong br{display:none}
#p37 .txt_area .pl img{position:absolute;bottom:30px;right:45px}
#p37 .img_area{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;margin-top:40px}
#p37 .img_area img{width:100%;border-radius:10px}

/* 고객후기 */
#p41{text-align:center}
#p41 .sub_tit{margin-bottom:40px}
#p41 .sub_tit span{color:#ee3433}
#p41 .sub_tit b{display:inline-block;padding:0 5px;line-height:1.2;font-weight:normal;color:#fff;background:var(--primary)}
#p41 .img_area{display:grid;grid-template-columns:repeat(4,1fr)}
#p41 .img_area img{width:100%}
#p41 a{display:inline-block;margin-top:30px;padding:20px 40px;border-radius:20px;font-size:20px;color:#fff;background:var(--primary);letter-spacing:0;font-family:var(--k-font);transition:all .2s}
#p41 a:hover{background:#17316f}