.brand-section{height:1087px}
.brand-heading{z-index:10;padding-top:170px}
.brand-heading .body{margin-top:32px}
.brand-content{left:0;top:0}
.brand-content .gauge{left:0;bottom:0}
.brand-content .about{bottom:0;width:1140px;margin-left:-570px}
.about .col1, .about .col3{width:330px}
.about .col2{width:480px}
.about .col1 .head{padding-top:22px}
.about .col1 .body{margin-top:13px;font-family:'NotoSansKR-Medium';color:#fff}
.about .col2 span:not(.not){width:98px;height:141px;background:url('../img/pages/fran_4/slot-number.png') no-repeat}
.about .col2 span{margin:0 4px}
.about .col3{padding-top:41px}
.takeout{left:0;top:0;height:707px}
.takeout .gauge{background-color:#222222}
.delivery{left:0;top:707px;height:380px}
.delivery .gauge{background-color:#ccb581}

.growth-section{height:1151px}
.growth-heading{padding-top:200px}
.growth-heading .body{margin-top:32px}
.growth-content{width:840px;height:594px;margin:0 auto}
.growth-graph .graph{width:184px;margin-left:144px}
.growth-graph .graph:first-child{margin-left:0}
.growth-graph .year{left:0;bottom:0;color:#fff}
.growth-graph .bar{left:0;bottom:61px}
.growth-graph .sales{left:0;top:-50px;font-size:25px}
.growth-graph .graph1 .bar{height:140px;background:url('../img/pages/fran_4/graph1.png') no-repeat center}
.growth-graph .graph2 .bar{height:210px;background:url('../img/pages/fran_4/graph2.png') no-repeat center}
.growth-graph .graph3 .bar{height:300px;background:url('../img/pages/fran_4/graph3.png') no-repeat center}
.growth-graph .graph3 .sales{top:-58px}
.growth-graph .graph3 .graph3-video{position:absolute;bottom:61px;left:50%;width:440px;height:456px;margin-left:-220px}
.growth-circles{opacity:0}
.growth-circle1{top:94px;margin-left:-313px}
.growth-circle2{top:52px;margin-left:17px}

.sales-section{height:1108px;background-color:#111111}
.sales-heading{padding-top:151px}
.sales-heading .body{margin-top:32px}
.sales-graph-note{margin-top:-21px}
.sales-graph-note p{position:relative;margin-left:58px;line-height:1;color:#fff}
.sales-graph-note p:first-child{margin-left:0}
.sales-graph-note p::before{content:'';position:absolute;left:-29px;top:0;width:18px;height:18px;border-radius:50%}
.sales-graph-note .year2018::before{background-color:#b6b6b6}
.sales-graph-note .year2019::before{background-color:#c1161e}
.sales-graph-note .year2020::before{background-color:#ccb581}
.sales-graph{margin-top:70px}

.dev-section{height:1626px;background:url('../img/pages/fran_4/dev-bg.jpg') no-repeat 50% 0}
.center-align{width:1280px;margin:0 auto;padding-top:195px}
.dev-heading{margin-left:110px}
.dev-lists{width:494px}
.dev-list{margin-top:100px}
.dev-list:first-child{margin-top:0}
.dev-list .numbering{font-family:'NotoSansKR-Bold';color:#fff}
.dev-list .head{margin-top:16px;font-size:35px;letter-spacing:-0.025em}
.dev-list .body{margin-top:32px}

.tel-section{padding-top:150px}
.tel-box{width:1100px;height:175px;margin:0 auto;border:1px solid rgba(255,255,255,0.3);box-sizing:border-box}
.tel-box-half{float:left;width:50%}
.tel-cont-wrapper{position:relative;padding-top:45px;padding-left:120px}
.tel-title{margin-bottom:24px;font-family:'NanumMyeongjo-ExtraBold';font-size:35px;letter-spacing:-0.025em;line-height:1;color:#e5ce9b}
.tel-sub{color:#fff}
.tel-image{position:absolute;top:39px;left:60px}
.tel-lists{padding-top:40px}
.tel-lists li{color:#8f8f8f}

.cost-section{padding:90px 0 150px;background-color:#000}
.cost-heading{font-size:65px;line-height:115%;letter-spacing:-0.025em;color:#fff;font-family:'scdream8'}
.cost-unit{margin:15px 0;font-size:20px;font-family:'NotoSansKR-Medium';color:#8f8f8f}
.cost-table{table-layout:fixed;width:100%}
.cost-table .col1{width:414px}
.cost-table .col2{width:212px}
.cost-table .col3{width:424px}
.cost-table tr th, .cost-table tr td{height:65px;font-size:20px;font-family:'NotoSansKR-DemiLight';letter-spacing:-0.025em;text-align:center;vertical-align:middle}
.cost-table thead{background-color:#222;color:#fff}
.cost-table thead tr th{font-family:'NotoSansKR-Bold'}
.cost-table tfoot{background-color:#ccb581;color:#000}
.cost-table tfoot tr th{font-size:20px;font-family:'NotoSansKR-Bold'}
.cost-table tfoot tr td{font-size:25px;font-family:'NotoSansKR-Bold'}
.cost-table tbody{color:#fff}
.cost-table tbody tr{border-top:1px solid rgba(255,255,255,0.2)}
.cost-note{margin-top:43px}
.cost-note dt, .cost-note dd{font-size:20px;font-family:'NotoSansKR-DemiLight';color:#8f8f8f}
.cost-note .col2{margin-left:5px}

.finance-tables{margin-top:65px}
.finance-tables .align{width:510px;margin-left:40px}
.finance-tables .align:first-child{margin-left:0}
.finance-tables table{table-layout:fixed;width:100%;border:1px solid rgba(255,255,255,0.2)}
.finance-tables .col1{width:150px}
.finance-tables .col2{width:360px}
.finance-tables tr th, .finance-tables tr td{padding:20px 0;font-size:20px;font-family:'NotoSansKR-Medium';line-height:1.5;letter-spacing:-0.025em;vertical-align:middle}
.finance-tables thead{background-color:#ccb581;color:#000}
.finance-tables tbody{color:#fff}
.finance-tables tbody tr{font-family:'NotoSansKR-DemiLight';border-top:1px solid rgba(255,255,255,0.2)}
.finance-tables tbody tr th{font-family:'NotoSansKR-DemiLight'}
.finance-tables tbody td{font-family:'NotoSansKR-DemiLight';padding:30px;border-left:1px solid rgba(255,255,255,0.2)}
.finance-tables tr.double th, .finance-tables tr.double td{padding-top:45px;padding-bottom:45px}

.inquery_wrap{padding:140px 0 150px;box-sizing:border-box;background-color:#111}
.inquery_wrap .inq_h1{font-family:'scdream8';font-size:65px;line-height:115%;letter-spacing:-0.025em;color:#fff}
.inquery_wrap .inquiry{width:1100px;margin:0 auto}