@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 페이지 리뉴얼 201020 [s] */
.pagecommon{margin-top:55px;font-size:16px;color:#777;letter-spacing:-.2px;line-height:1.7;font-family:'notokr-regular'}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .br {white-space:pre-line}

#p6{padding-bottom:55px}
#p6 .tit_all{overflow:hidden;margin-left:66px;margin-bottom:44px}
#p6 .tit_all span{margin-top:4px;float:left;margin-right:82px;font-weight:700;font-size:14px;color:#24462d;font-family:'Poppins',sans-serif}
#p6 .tit_all .txt_all{float:left;width:calc(100% - 130px)}
#p6 .tit_all .txt_all .tit{margin-bottom:20px;font-weight:normal;line-height:1.3;font-size:32px;color:#222;font-family:'notokr-thin'}
#p6 .img_all{position:relative;margin-bottom:55px;text-align:center}
#p6 .img_all:before{position:absolute;left:0;top:48px;width:100%;height:244px;background-color:#1b1e23;z-index:-1;content:''}
#p6 .img_all p{display:inline-block;position:relative}
#p6 .img_all p span{position:absolute;right:0;bottom:0;width:182px;height:106px;background-color:#24462d;font-weight:600;font-size:14px;line-height:106px;color:#fff;letter-spacing:0.5px;font-family:'Poppins',sans-serif}
#p6 .contents_all{text-align:center}
#p6 .contents_all ul{margin-bottom:55px}
#p6 .contents_all ul li{position:relative;display:inline-block;margin:0 37px;width:138px;height:138px;border:1px solid rgba(27,30,35,0.7);border-radius:50%}
#p6 .contents_all ul li:before{position:absolute;right:-50px;top:50%;width:19px;height:19px;margin-top:-10px;content:'';background:url(/sh_page/img/pluse.png) no-repeat center}
#p6 .contents_all ul li:last-child:before{display:none}
#p6 .contents_all ul li p{position:relative; top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:#aaa;font-family:'notokr-medium'}
#p6 .contents_all ul li p b{font-weight:600;color:#222;font-family:'Poppins',sans-serif}
#p6 .contents_all ul .box2{border:1px solid #24462d}
#p6 .contents_all ul .box2 p b{color:#24462d}
#p6 .contents_all p strong{display:inline-block;position:relative;margin:30px 0 35px;font-weight:normal;font-size:24px;color:#222;font-family:'notokr-light'}
#p6 .contents_all p strong:before{position:absolute;left:-5px;bottom:0;width:calc(100% + 10px);height:15px;background-color:rgba(119,147,67,0.3);content:'';z-index:-1}

#p18{padding-bottom:50px;text-align:center}
#p18 .top{margin-bottom:30px}
#p18 .top span{display:block;margin-bottom:15px;font-weight:700;font-size:14px;color:#24462d;font-family:'Poppins',sans-serif}
#p18 .top .tit{margin-bottom:20px;font-weight:normal;font-size:32px;color:#222;line-height:1.3;font-family:'notokr-thin'}
#p18 .icon_bg{position:relative;margin-bottom:62px}
#p18 .icon_bg .icon_all{display:inline-block;position:relative;margin:30px 0 5px}
#p18 .icon_bg .icon_all li{display:inline-block;position:relative;vertical-align:top;padding:44px 0;width:265px;height:265px;background-color:#fff;border-radius:50%;border:2px dotted #d7d7d7}
#p18 .icon_bg .icon_all li + li{margin-left:-40px}
#p18 .icon_bg .icon_all li:nth-child(even){;border:2px dotted #24462d}
#p18 .icon_bg .icon_all li .box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
#p18 .icon_bg .icon_all li img{margin-bottom:25px}
#p18 .icon_bg .icon_all li p{width:143px;padding-top:20px;border-top:1px solid #d7d7d7;font-size:20px;line-height:30px;color:#222;letter-spacing:-.5px;font-family:'notokr-medium'}
#p18 .contents{padding:0 64px}
#p18 .contents li{overflow:hidden;margin-bottom:46px}
#p18 .contents li p{float:left;width:40px;height:38px;margin-right:20px;line-height:38px;background-color:#1b1e23;font-weight:600;font-size: 14px;color:#fff;font-family:'Poppins',sans-serif}
#p18 .contents li dl{float:left;width:calc(100% - 88px);text-align:left}
#p18 .contents li dl dt{margin-bottom:12px;font-size:20px;color:#1b1e23;font-family:'notokr-bold'}
#p18 .contents li dl dd{letter-spacing:-0.5px}

/*인테리어*/
#p19{padding:0 30px 64px;text-align:center}
#p19 .tit_all{margin-bottom:60px}
#p19 .tit_all span{display:inline-block;margin-bottom:15px;font-weight:700;font-size:14px;color:#24462d;font-family:'Poppins',sans-serif}
#p19 .tit_all p{font-weight:normal;font-size:32px;color:#222;line-height:1.3;font-family:'notokr-thin'}
#p19 .cont_all li{overflow:hidden;height:349px;text-align:left}
#p19 .cont_all li:nth-child(2n) img{float:right}
#p19 .cont_all li:nth-child(2n){text-align:right}
#p19 .cont_all li img{float:left}
#p19 .cont_all li .txt_all{float:left;width:50%;padding:60px 30px 0 60px}
#p19 .cont_all li:nth-child(2n) .txt_all{padding:60px 60px 0 30px}
#p19 .cont_all li .txt_all span{display:inline-block;padding:0 35px;margin-bottom:30px;border-radius:20px;background-color:#24462d;font-weight:600;font-size:14px;line-height:40px;color:#fff;font-family:'Poppins',sans-serif}
#p19 .cont_all li .txt_all .tit{margin-bottom:20px;font-size:24px;color:#222;font-family:'notokr-medium'}

/*가맹절차*/
#p20{margin-bottom:45px}
#p20 .tit_all{margin-bottom:60px;text-align:center}
#p20 .tit_all span{display:inline-block;margin-bottom:15px;font-weight:700;font-size:14px;color:#24462d;font-family:'Poppins',sans-serif}
#p20 .tit_all p{font-weight:normal;font-size:32px;color:#222;line-height:1.3;font-family:'notokr-thin'}
#p20 .cont{padding:0 30px;text-align:center}
#p20 .cont:after{display:block;clear:both;content:''}
#p20 .cont li{display:inline-block;position:relative;width:30%;vertical-align:top;text-align:left;border:1px solid #d7d7d7}
#p20 .cont li:before{position:absolute;top:-6px;left:50%;height:6px;width:80%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#829a58;content:''}
#p20 .cont li + li{margin-left:25px}
#p20 .cont li dl{height:336px;padding:33px 16px 16px}
#p20 .cont li dl dt{margin-bottom:21px;text-align:center}
#p20 .cont li dl dt img{}
#p20 .cont li dl dt span{display:block;margin:17px 0 4px;color:rgba(120,120,120,.6);font-size:13px;line-height:13px;font-weight:700;font-family:'Poppins',sans-serif}
#p20 .cont li dl dt .tit{font-size:16px;color:#222;font-family:'notokr-bold'}
#p20 .cont li dl dd{padding:24px 24px 0px;border-top:1px solid #d7d7d7}
#p20 .cont li dl dd p{margin-bottom:6px;font-size:15px;color:#555}
#p20 .cont li dl dd p:before{display:inline-block;width:3px;height:3px;margin:0 14px 4px 0;border-radius:50%;background-color:#222;content:''}

/* 반응형 [s] */
@media (max-width:1150px){
#p19 .cont_all li{height:auto}
#p19 .cont_all li+li{margin-top:10px}
#p19 .cont_all li img{width:30%}
#p19 .cont_all li:nth-child(2n) img{float:left}
#p19 .cont_all li .txt_all{width:70%;padding:15px 40px !important;text-align:left}
#p19 .cont_all li .txt_all span{padding:0 20px;margin-bottom:10px;line-height:35px}
#p19 .cont_all li .txt_all .tit{margin-bottom:5px;font-size:20px}
#p19 .cont_all li .txt_all p{word-break:keep-all}
}
@media (max-width:1024px){
#p6 .img_all p img{width:100%}
#p6 .tit_all .txt_all .tit{font-size:25px}
#p18 .top .tit{font-size:25px}
#p18 .icon_bg{margin-bottom:30px}
#p18 .icon_bg .icon_all{display:block;overflow:hidden;padding:30px}
#p18 .icon_bg .icon_all li{display:block;position:unset;float:left;width:49%;height:145px;padding:0;border-radius:20px}
#p18 .icon_bg .icon_all li:nth-child(2n){float:right}
#p18 .icon_bg .icon_all li:nth-child(n+3){margin-top:1%}
#p18 .icon_bg .icon_all li + li{margin-left:0}
#p18 .icon_bg .icon_all li img{margin-bottom:0}
#p18 .icon_bg .icon_all li .box{position:unset;width:100%;padding:20px;transform:none}
#p18 .icon_bg .icon_all li p{width:100%;border-top:none}
#p18 .icon_bg .icon_all li p.br{padding-top:10px;font-size:16px;white-space:normal}
#p18 .contents li dl dt{font-size:17px}
#p19 .tit_all p{font-size:25px}
#p19 .cont_all li .txt_all span{margin-bottom:10px}
#p19 .cont_all li .txt_all .tit{display:inline-block;margin-bottom:8px;padding-left:8px;font-size:17px}
#p20 .tit_all p{font-size:25px}
}
@media (max-width:768px){
#p6 .tit_all{margin:0 50px 44px;text-align:center}
#p6 .tit_all span{float:none;width:100%;margin-right:0}
#p6 .tit_all .txt_all{float:none;width:100%}
#p6 .tit_all .txt_all .txt{word-break:keep-all}
#p6 .img_all:before{display:none}
#p6 .contents_all ul{margin-bottom:0}
#p6 .contents_all ul li{margin:0 15px;width:125px;height:125px}
#p6 .contents_all ul li:before{right:-27px}
#p6 .contents_all > p.br{padding:30px;white-space:normal;word-break:keep-all}
#p6 .contents_all p strong{font-size:22px}
#p6 .contents_all p strong:before{height:100%}
#p18 .contents{padding:0 30px}
#p18 .contents li dl dt{font-size:18px}
#p19 .cont_all li{height:auto;text-align:center !important}
#p19 .cont_all li:nth-child(2n) img{float:none}
#p19 .cont_all li img{float:none;width:100%}
#p19 .cont_all li .txt_all{float:none;width:100%;padding:35px !important}
#p20 .cont li{display:block;width:100%}
#p20 .cont li+li{margin-left:0;margin-top:20px}
#p20 .cont li dl{height:auto}
#p20 .cont li dl dd{overflow:hidden}
#p20 .cont li dl dd p{float:left;width:50%}
}
@media (max-width:480px){
.pagecommon{margin-top:25px}
#p6 .tit_all{margin:0 30px 44px}
#p6 .tit_all .txt_all .tit{font-size:20px}
#p6 .img_all{margin-bottom:20px}
#p6 .img_all p span{display:block;position:unset;width:100%;height:auto;line-height:4}
#p6 .contents_all ul{padding:30px 30px 0}
#p6 .contents_all ul li{display:block;width:100%;height:auto;margin:0;border-radius:50px}
#p6 .contents_all ul li+li{margin-top:50px}
#p6 .contents_all ul li .br{white-space:normal}
#p6 .contents_all ul li p{position:unset;line-height:4;transform:none}
#p6 .contents_all ul li p b{margin-right:5px}
#p6 .contents_all ul li:before{left:50%;top:82px;margin-top:0;transform:translateX(-50%)}
#p6 .contents_all p strong{font-size:19px}
#p18 .top .tit{font-size:20px}
#p18 .contents li{text-align:center}
#p18 .contents li p{float:none;width:100%;margin-bottom:10px}
#p18 .contents li dl{float:none;width:100%;text-align:center}
#p18 .contents li dl dd{word-break:keep-all}
#p18 .icon_bg{margin-bottom:15px}
#p18 .icon_bg .icon_all{display:block;padding:30px}
#p18 .icon_bg .icon_all li{width:100%;height:auto}
#p18 .icon_bg .icon_all li img{margin-bottom:0}
#p18 .icon_bg .icon_all li .box{position:unset;width:100%;padding:20px;transform:none}
#p18 .icon_bg .icon_all li p{width:100%;border-top:none}
#p18 .icon_bg .icon_all li p.br{padding-top:10px;font-size:18px;white-space:normal}
#p18 .icon_bg .icon_all li + li{margin:0 !important;margin-top:10px !important}
#p19 .tit_all{margin-bottom:44px}
#p19 .tit_all p{font-size:20px}
#p20 .tit_all{margin-bottom:44px}
#p20 .tit_all p{font-size:20px}
}
/* 반응형 [e] */