 @charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-txt .tit.kr{font-family:'Pretendard';font-weight:700;font-size:var(--fz50);}
.franchise .content{margin-bottom:var(--size170);}
.franchise .content:last-child{margin-bottom:0;}
.franchise .content.cont1{padding-top:var(--size100);}

.franchise .cont2 .doc-txt{margin-bottom:0;}
.franchise .cont2 .doc-txt .tt1{margin:var(--size50) 0;font-size:var(--fz40);color:var(--dark);line-height:1.3em;}
.franchise .cont2 .doc-txt .tt-wrap p{margin-bottom:var(--size30);}
.franchise .cont2 .doc-txt .tt-wrap p:last-child{margin-bottom:0;}

.franchise .cont3 .con{display:flex;}
.franchise .cont3 .con .tt-wrap{padding:clamp(2.5rem, 1.2664rem + 4.9342vw, 7.1875rem);width:50%;background:url('/images/sub/fr3-bg1.jpg')no-repeat 50% 50%/cover;color: #fff;}
.franchise .cont3 .con .tt-wrap .doc-txt{margin-bottom:var(--size50);text-align:left;}
.franchise .cont3 .con .tt-wrap .doc-txt .tit{color: #fff;}
.franchise .cont3 .con .tt-wrap .cnt{margin-bottom:var(--size60);}
.franchise .cont3 .con .tt-wrap .cnt dl{display:flex;align-items:center;padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid rgba(255,255,255,.3);}
.franchise .cont3 .con .tt-wrap .cnt dl:last-child{margin-bottom:0;}
.franchise .cont3 .con .tt-wrap .cnt dl dt{width:115px;font-family:var(--verd);font-weight:700;font-size:var(--fz24);line-height:1.3em;}
.franchise .cont3 .con .tt-wrap .cnt dl dd{min-width:0;width:1%;flex:1 1 auto;}
.franchise .cont3 .con .tt-wrap .btm-tt{font-weight:500;}
.franchise .cont3 .con .bg{width:50%;background:url('/images/sub/fr3-bg2.jpg')no-repeat 50% 50%/cover;}

/* .store-frame{height:616px;}
.store-frame iframe{height:100%;} */

.franchise .doc-txt{margin-bottom:var(--size60);}
.table01 table{width:100%;border-spacing:0;border-top:1px solid var(--dark);text-align:center;}
.table01 table th,
.table01 table td{height:80px;padding:10px;border-right:1px solid var(--dark);border-bottom:1px solid var(--dark);}
.table01 table th:last-child,
.table01 table td:last-child{border-right:none;}
.table01 table th{color:var(--pri);font-weight:400;}
.table01 table td{font-weight:600;color:var(--dark);}
.tb-nt{margin-top:20px;text-align:right;font-size:var(--fz17);line-height:1.6em;color: var(--pri);}

.franchise .cont5 .con{display:flex;}
.franchise .cont5 .con .left{display:flex;justify-content:center;align-items:center;width:50%;padding:50px;text-align:center;background:url('/images/sub/fr5-bg1.jpg')no-repeat 50% 50%/cover;}
.franchise .cont5 .con .left .img{margin-bottom:var(--size60);}
.franchise .cont5 .con .left .tit{display:flex;justify-content:center;align-items:center;width:260px;height:60px;border-radius:30px;margin:0 auto;background-color:var(--pri);color: #fff;font-size:var(--fz24);line-height:1.2em;font-weight:600;}
.franchise .cont5 .con .right{display:flex;align-items:center;width:50%;padding:50px 100px;background:url('/images/sub/fr5-bg2.jpg')no-repeat 50% 50%/cover;color: #fff;}
.franchise .cont5 .con .right .doc-txt{text-align:left;}
.franchise .cont5 .con .right .doc-txt .eng{margin-bottom:20px;}
.franchise .cont5 .con .right .tit-wrap{margin-bottom:var(--size60);}
.franchise .cont5 .con .right .tit-wrap span{position:relative;padding-right:16px;margin-right:16px;font-size:var(--fz24);font-weight:500;color: #fff;line-height:1.1em;}
.franchise .cont5 .con .right .tit-wrap span:after{content:'';width:1px;height:20px;background-color: #fff;position: absolute;right:0;top:50%;transform:translateY(-50%);}
.franchise .cont5 .con .right .tit-wrap span:last-child:after{display:none;}
.franchise .cont5 .con .right .cnt .row{margin-bottom:23px;}
.franchise .cont5 .con .right .cnt .row:last-child{margin-bottom:0;}
.franchise .cont5 .con .right .cnt .row .tit{margin-bottom:5px;font-weight:200;}
.franchise .cont5 .con .right .cnt .row .percent{max-width:240px;width:100%;height:2px;position:relative;background-color: #ececec;}
.franchise .cont5 .con .right .cnt .row .percent span{position: absolute;left:0;top:0;height:100%;}
.franchise .cont5 .con .right .btm-tt{margin-top:var(--size60);}

.franchise .cont6 .flex-group .col.txt .inner{text-align:center;}
.franchise .cont6 .flex-group .col.txt .inner .tit{margin-bottom:var(--size40);font-size:var(--fz40);font-weight:700;color:var(--dark);line-height:1.3em;}
.franchise .cont6 .flex-group .col.txt .inner .tt{margin-bottom:var(--size40);font-size:var(--fz22);font-weight:500;color:var(--dark);line-height:1.55em;}
.hypen-list li{position:relative;padding-left:.6em;text-indent:-.6em;line-height:1.7em;}
.franchise .cont6 .flex-group:nth-child(even){flex-direction:row-reverse;}

.franchise .cont7 .doc-txt .tt{margin-top:var(--size40);}
.franchise .cont7 .con ul{display:flex;margin:0 -12px;}
.franchise .cont7 .con ul li{width:50%;padding:0 12px;}
.franchise .cont7 .con ul li .box{display:flex;justify-content:center;align-items:center;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;text-align:center;padding:var(--size150) 40px;color: #fff;}
.franchise .cont7 .con ul li .box .eng{margin-bottom:15px;font-family:var(--verd);font-weight:700;line-height:1.4em;}
.franchise .cont7 .con ul li .box .tit{position:relative;padding-bottom:var(--size40);margin-bottom:var(--size40);font-size:var(--fz30);font-weight:700;line-height:1.3em;}
.franchise .cont7 .con ul li .box .tit:after{content:'';width:200px;height:1px;background-color: #fff;position: absolute;left:50%;bottom:0;transform:translateX(-50%);}
.franchise .cont7 .con ul li .box .txt{margin-bottom:15px;font-weight:700;font-family:var(--verd);}
.franchise .cont7 .con ul li .box .row{margin-bottom:var(--size30);}
.franchise .cont7 .con ul li .box .row:last-child{margin-bottom:0;}

.franchise .cont8 .row{margin-bottom:var(--size80);}
.franchise .cont8 .row:last-child{margin-bottom:0;}
.franchise .cont8 .row .label-tit{margin-bottom:var(--size30);}
.table02 table{width:100%;border-spacing:0;border-top:1px solid var(--dark);text-align:center;}
.table02 table strong{font-weight:600;}
.table02 table th,
.table02 table td{height:80px;padding:10px;border-right:1px solid var(--dark);border-bottom:1px solid var(--dark);}
.table02 table th:last-child,
.table02 table td:last-child{border-right:0;}
.table02 table thead th{background-color:var(--pri);color: #fff;font-weight:600;}
.table02 table tfoot td{background-color: #ffffdc;color:var(--dark);}
.franchise .cont8 .row .tb-nt{text-align:left;color:#454545;}

.franchise .cont9 .con ul{display:flex;margin:0 -10px;}
.franchise .cont9 .con ul li{width:20%;padding:0 10px;}
.franchise .cont9 .con ul li .box{padding:55px 30px 125px;height:100%;background-color:var(--pri);color: #fff;}
.franchise .cont9 .con ul li .box .tit{position:relative;padding-bottom:45px;margin-bottom:45px;font-size:var(--fz30);font-weight:700;}
.franchise .cont9 .con ul li .box .tit:after{content:'';max-width:200px;width:100%;height:1px;background-color: #fff;position: absolute;left:0;bottom:0;}

.franchise .cont10 .process{position:relative;margin-bottom:var(--size80);}
.franchise .cont10 .process:before{content:'';width:100%;height:1px;background-color:var(--dark);position: absolute;left:0;top:55px;}
.franchise .cont10 .process ul{display:flex;justify-content:space-between;margin:0 -10px;}
.franchise .cont10 .process ul li{padding:0 10px;}
.franchise .cont10 .process ul li .wrap{position:relative;}
.franchise .cont10 .process ul li .wrap:after{content:'';width:9px;height:9px;border-radius:50%;background-color:var(--dark);position: absolute;left:0;top:51px;}
.franchise .cont10 .process ul li .wrap .step{color: #999;margin-bottom:70px;}
.franchise .cont10 .process ul li .wrap .tit{font-size:var(--fz26);font-weight:600;color:var(--dark);line-height:1.3em;}
.franchise .cont10 .con{display:flex;}
.franchise .cont10 .con .left{width:50%;background:url('/images/sub/fr10-bg1.jpg')no-repeat 50% 50%/cover;}
.franchise .cont10 .con .right{display:flex;align-items:center;justify-content:center;padding:clamp(2.5rem, -0.4605rem + 11.8421vw, 13.75rem) 40px;width:50%;background:url('/images/sub/fr10-bg2.jpg')no-repeat 50% 50%/cover;color: #fff;text-align:center;}
.franchise .cont10 .con .right .tit{margin-bottom:var(--size50);font-size:var(--fz30);font-weight:700;line-height:1.4em;}
.franchise .cont10 .con .right .tt{font-size:var(--fz17);line-height:1.59em;}

.inq-wrap{display:flex;padding:var(--size70) 0;background-color: #fafafa;}
.inq-wrap .left{display:flex;justify-content:center;align-items:center;padding:0 clamp(2.5rem, 1.4309rem + 4.2763vw, 6.5625rem);;margin-right:65px;text-align:center;}
.inq-wrap .left .tt{margin-bottom:var(--size40);font-size:var(--fz30);color:var(--dark);line-height:1.40em;}
.inq-wrap .left .tel{font-size:var(--fz78);font-weight:700;line-height:1em;color:var(--pri);}
.inq-wrap .right{min-width:0;width:1%;flex:1 1 auto;padding-right:clamp(2.5rem, 0.5263rem + 7.8947vw, 10rem);}
.inq-wrap .right .input-area .row{display:flex;align-items:center;margin-bottom:20px;padding:10px 20px;min-height:60px;border:1px solid var(--dark);background-color: #fff;}
.inq-wrap .right .input-area .row:last-child{margin-bottom:0;}
.inq-wrap .right .input-area .row .tit{display:inline-block;width:120px;font-size:var(--fz16);line-height:1.3em;font-weight:500;color:var(--dark);}
.inq-wrap .right .input-area .row .col{min-width:0;width:1%;flex:1 1 auto;}
.inq-wrap .right .input-area .row .col input.input,
.inq-wrap .right .input-area .row .col select.input{height:40px;}
/* .inq-wrap .right .input-area .row .col input.input,
.inq-wrap .right .input-area .row .col select.input:focus,
.inq-wrap .right .input-area .row .col input.input:focus,
.inq-wrap .right .input-area .row .col textarea.input:focus{outline:none;} */
.inq-wrap .right .input-area .row .col select.input,
.inq-wrap .right .input-area .row .col input.input,
.inq-wrap .right .input-area .row .col textarea.input{border:none;padding:0;}
.inq-wrap .right .input-area .row .col .radio-wrap{display:flex;gap:20px;font-size:var(--fz14);font-weight:500;}
.inq-wrap .right .input-area .row.type2{display:block;}
.inq-wrap .right .input-area .row.type2 .tit{margin-bottom:10px;}
.inq-wrap .right .input-area .row.type2 .col{width:100%;}
.inq-wrap .right .form-agree{display:flex;align-items:center;margin:30px 0 0;}
.inq-wrap .right .form-agree .check{margin:0;min-width:0;width:1%;flex:1 1 auto;text-align:left;}
.inq-wrap .right .form-agree .btn-send{display:flex;justify-content:center;align-items:center;width:180px;height:48px;background-color:var(--pri);border:none;color: #fff;font-size:var(--fz16);line-height:1.2em;cursor:pointer;}