@charset "utf-8";

.doc-tit {position: relative; color: #333; font-weight: 700; font-size: 26px; line-height: 1.5em; letter-spacing: -.05em; padding-left: 52px; margin-bottom: 12px;}	
.doc-tit span {font-size: 14px; font-weight: 300; line-height: 1.3; letter-spacing: .2em; text-transform: uppercase; margin-left: 10px;}
.doc-tit:before {content:""; position: absolute; top: 7px; left: 9px; width: 24px; height: 24px; background-image:url("../images/sub/bullet.jpg"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.doc-cnt {margin-bottom: 60px;}
.doc-cnt:last-child {margin-bottom: 0;}

.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.65em; letter-spacing:-.05em;}
.sub-table.layout-fixed {table-layout:fixed;}
.sub-table th {padding:15px 8px; font-weight:600; border:1px solid #ddd; color:#fff;}
.sub-table th.bg1 {background:#e56c00;}
.sub-table th.bg2 {background:#fcb034;}
.sub-table td {padding:15px 8px; border:1px solid #ddd; color:#333; text-align:center;}
.sub-table td .total {font-size: 1.333em;}
.sub-table td .total.c1 {color: #e56c00;}
.sub-table tr th:first-child,
.sub-table tr td:first-child {border-left:0;}
.sub-table tr th:last-child,
.sub-table tr td:last-child {border-right:0;}

.unit {text-align: right; color: #333; line-height: 1.3; letter-spacing: -.05em; margin-bottom: 8px;}

/* introduction */
.introduction {}
.introduction .head {color: #333; font-size: 1.444em; font-weight: 600; line-height: 1.385em; letter-spacing: 0; margin-bottom: 90px;}
.introduction .head img {float: left;}
.introduction .head .txt {margin-left: 248px;}
.introduction .head .c1 {color: #992d36;}
.introduction .head .c2 {color: #e56c00;}
.introduction .body {display: flex; color: #333; font-weight: 300; line-height: 1.65; letter-spacing: -.025em;}
.introduction .body .img {width: 50%; padding-right: 30px;}
.introduction .body .txt {position: relative; flex: 1 1 auto; min-width: 0; width: 1%;}
.introduction .body .txt p {margin-bottom: 1.6em;}
.introduction .thr-point {position: absolute; bottom: 35px; left: -22.65625%;}
.introduction .thr-point .items {margin: -10px -16px;}
.introduction .thr-point .item {display: inline-block; margin: 10px 16px;}

/* greetings */
.greetings {position: relative; padding-top: 60px;}
.greetings:before {content:''; position: absolute; top: 0; left: 0; width: 26px; height: 58px; border-top: 4px solid #2f2f2f; border-left: 4px solid #2f2f2f;}
.greetings h3 {font-size: 36px; line-height: 1.5em; margin-bottom: 38px;}
.greetings h3 span {color: #e56c00;}
.greetings .group {padding-left: 60px;}
.greetings .group.flex {display: flex;}
.greetings .group .img {order: 2; width: 42.25%; padding-left: 30px; text-align: right;}
.greetings .group .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.greetings .group p {color: #555; font-weight: 600; line-height: 1.667; letter-spacing: 0; margin-bottom: 1.333em;}
.greetings .group p:last-child {margin-bottom: 0;}
.greetings .mid-group {margin: 50px 0 60px; padding: 45px 75px; background: no-repeat url("../images/sub/greetings_md.jpg") 95% 50%; color: #fff; font-weight: 700; font-size: 1.556em; line-height: 1.429;}

/* system */
.system .head {position: relative; display: table; width: 100%; height: 426px;}
.system .head .bg {position: absolute; top: 0; width: 50%; height: 100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; z-index: -1;}
.system .head .bg1 {left: 0; background-image:url("../images/sub/bg_system1.jpg");}
.system .head .bg2 {left: 50%; background-image:url("../images/sub/bg_system2.jpg");}
.system .head .cell {display: table-cell; vertical-align:middle; color: #fff; text-align: center;}
.system .head .cell h3 {font-size: 36px; font-weight: 800; line-height: 1.278em; text-shadow:rgba(0,0,0,.5) 0 0 10px;}
.system .head .cell h3 span {display: block; font-size: 1.278em;}

.system .body {}
.system .body .cnt {margin: 115px 0 160px;}
.system .body .cnt:last-child {margin-bottom: 0;}
.system .body .tit-wrap {display: flex; border-bottom: 1px dashed #525454; padding-bottom: 50px; margin-bottom: 60px;}
.system .body .tit-wrap .num {width: 50px; color: #999; font-size: 36px; font-weight: 600; line-height: 1;}
.system .body .tit-wrap .icon {width: 180px; text-align: center;}
.system .body .tit h4 {font-size: 28px; line-height: 1.5; letter-spacing: -.04em; margin-bottom: 10px;}
.system .body .tit h4 span {font-size: 14px; font-weight: 300; line-height: 1.3; letter-spacing: .2em; text-transform: uppercase; margin-left: 10px;}
.system .body .tit .check-list {padding-left: 8px;}
.system .body .tit .check-list li {position: relative; padding-left: 29px; color: #555; line-height: 1.667em; letter-spacing: -.04em;}
.system .body .tit .check-list li:before {content:""; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; background-image:url("../images/sub/check.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}

.system .photogallery {position: relative; padding: 0 63px;}
.photogallery .slick-arrow {position:absolute; top:50%; width:30px; height:54px; margin-top:-27px; z-index:50; background-size: contain; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em;}
.photogallery .slick-prev {background-image:url("../images/sub/pg_slide_prev.png"); left:0;}
.photogallery .slick-next {background-image:url("../images/sub/pg_slide_next.png"); right:0;}
.photogallery .slick-list {margin:0 -10px;}
.photogallery .slick-list .slick-slide {margin:0 10px;}

/* location */
.root_daum_roughmap {width:100% !important;}
.location .group {margin-bottom: 100px;}
.location .group:last-child {margin-bottom: 0;}
.loc-info {margin-bottom: 35px;}
.loc-info .row {display: flex;flex-wrap:wrap; margin: -10px;}
.loc-info .row .col {flex:1 0 auto; width: auto; margin: 10px;}
.loc-info .cnt {position: relative; padding-left: 125px;}
.loc-info .cnt:before {content:''; position: absolute; top: 50%; left: 0; margin-top: -45px; width: 89px; height: 89px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.loc-info .cnt1:before {background-image:url("../images/sub/icon_location1.png");}
.loc-info .cnt2:before {background-image:url("../images/sub/icon_location2.png");}
.loc-info .cnt3:before {background-image:url("../images/sub/icon_location3.png");}
.loc-info .ttl {font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -.025em; margin-bottom: 5px;}
.loc-info .txt {color: #555; line-height: 1.444em; letter-spacing: -.025em;}
.loc-info .txt strong {color: #000; font-size: 1.111em;}

/* 창업문의 */
.sub-feature .feature-list ul {}
.sub-feature .feature-list ul li {display: flex;}
.sub-feature .feature-list ul li .img {position: relative; width: 50%; height: 403px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.sub-feature .feature-list ul li .img:after {content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd;}
.sub-feature .feature-list ul li:nth-child(even) .img {order: 2;}
.sub-feature .feature-list ul li:nth-child(1) .img {background-image:url("../images/sub/feature1.jpg");}
.sub-feature .feature-list ul li:nth-child(2) .img {background-image:url("../images/sub/feature2.jpg");}
.sub-feature .feature-list ul li:nth-child(3) .img {background-image:url("../images/sub/feature3.jpg");}
.sub-feature .feature-list ul li:nth-child(4) .img {background-image:url("../images/sub/feature4.jpg");}
.sub-feature .feature-list ul li:nth-child(5) .img {background-image:url("../images/sub/feature5.jpg");}
.sub-feature .feature-list ul li:nth-child(6) .img {background-image:url("../images/sub/feature6.jpg");}
.sub-feature .feature-list ul li .txt {width: 50%;}
.sub-feature .feature-list ul li:nth-child(odd) .txt {padding: 70px 0 15px 9%;}
.sub-feature .feature-list ul li:nth-child(even) .txt {padding: 70px 15px 15px 5%;}

.education {text-align: center; font-size: 24px; line-height: 1.5;}
.education .t1 {margin: 75px 0 90px;}
.education .t2 {position: relative; display: inline-block; text-align: left; padding-left: 140px; font-size: 1.167em; letter-spacing: -.01em; font-weight: 300;}
.education .t2:before {content:''; position: absolute; width: 108px; height: 108px; top: 50%; margin-top: -54px; left: 0; background: no-repeat url("../images/sub/ico_edu.png") center center / contain;}
.education .t2 .c1 {color: #fcb034;}

.sub-interior .top {padding: 160px 30px 110px;background: #0b0402 no-repeat url("../images/sub/bg_sub_interior.png") center top; background-size: 100% auto;}
.sub-interior .middle .interior .head .t2 {margin: 138px 0 75px;}
.sub-interior .middle .interior .head .t3 {padding: 85px 0 80px; color: #0b0402;}
.sub-interior .middle .interior .head .t3 p strong {display: block;}
.sub-interior .middle .interior .head .t3 p .lg {font-size: 1.111em;}
.sub-interior .middle .interior .head .t3 .color-palette {margin-bottom: 125px;}

.franchise-step {text-align: center; overflow:hidden;}
.franchise-step ul {display: flex;flex-wrap:wrap; max-width: 1244px; margin: 0 auto; padding: 45px 0 95px;}
.franchise-step ul li {position: relative; width: 164px; margin: 0 52px 50px 0;}
.franchise-step ul li:last-child {margin-right: 0;}
.franchise-step ul li:before {content:''; position: absolute; width: 27px; height: 27px; right: -39px; top: 69px; background: no-repeat url("../images/sub/arrow2.png") center center / contain;}
.franchise-step ul li:last-child:before {display: none;}
.franchise-step ul li .step {display: block; font-size: 0.889em; font-weight: 700; line-height: 1.3; letter-spacing: -.05em; margin: 20px 0 10px;}
.franchise-step ul li strong {display: block; color: #333; font-size: 1.333em; line-height: 1.5; letter-spacing: -.025em;}
.franchise-step ul li p {font-size: 0.889em; color: #555; line-height: 1.5; letter-spacing: -.025em; margin-top: 10px;}
.franchise-step .txt {font-size: 1.556em; font-weight: 300; line-height: 1.5; letter-spacing: -.01em;}

.biz-change {margin-bottom: 100px;}
.biz-change .txt {text-align: center; margin-bottom: 35px;}
.biz-change .txt h3 {color: #966b54; font-size: 45px; font-weight: 900; line-height: 1; letter-spacing: -.025em;}
.biz-change .txt h3 span{color: #d10b11;}
.biz-change .txt .t1 {font-size: 36px; line-height: 1.278; letter-spacing: -.025em; margin: 30px 0 20px;}
.biz-change .txt .t1 strong {display: block; color: #c28400;}
.biz-change .txt .t2 {color: #2d2929; font-size: 20px; line-height: 1.5; letter-spacing: -.025em;}
.biz-change .imgs {max-width: 1068px; margin: 0 auto;}
.biz-change .items {display: flex;flex-wrap:wrap; margin: -20px -28px;}
.biz-change .item {width: 50%; padding: 20px 28px;}
.biz-change .item img {box-shadow:rgba(0,0,0,.15) 8px 8px 10px;}

.biz-change-point {text-align: center;}
.biz-change-point .tit {margin-bottom: 85px;}
.biz-change-point .tit h3 {position: relative; display: inline-block; color: #fcb034; font-size: 60px; line-height: 1.2; letter-spacing: -.05em; padding-left: 80px;}
.biz-change-point .tit h3 span {color: #b85028;}
.biz-change-point .tit h3:before {content:''; position: absolute; top: 9px; left: 0; width: 56px; height: 56px; background: no-repeat url("../images/sub/bullet2.png") center center / contain;}
.biz-change-point .tit h3:after {content:''; position: absolute; left: 0; bottom: -10px; width: 100%; height: 2px; background: #cf6820;}
.biz-change-point ul {display: flex;flex-wrap:wrap; margin: -10px;}
.biz-change-point ul li {width: 25%; padding: 10px;}
.biz-change-point ul li p {max-width: 250px; margin: 22px auto 0; color: #555; line-height: 1.556em; letter-spacing: -.025em;}

/* 메뉴 */
.menu-list {}
.menu-list ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.menu-list ul li {width:33.3333333%; padding:0 20px; margin-bottom:40px; text-align:center;}
.menu-list ul li.none {width:100%; padding:70px 0; margin:0; text-align:center; color:#767676;}
.menu-list ul li a {display:block;}
.menu-list ul li .thumb {position:relative; padding-bottom:83%; margin-bottom:12px; overflow:hidden;}
.menu-list ul li .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.menu-list ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; z-index: 2;}
.menu-list ul li .tit {color:#333; font-weight: 600; font-size:1.111em; line-height:1.3em;}
.menu-list ul li a:hover .thumb:before {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2) no-repeat url("../images/sub/icon_zoom.png") center center; z-index: 1;}
.menu-list ul li a:hover .thumb:after {border: 3px solid #ca8d2a;}

.fancybox-custom {box-shadow:rgba(0,0,0,.4) 0 0 15px;}
.fancybox-custom .fancybox-close {width: 25px; height: 25px; background: no-repeat url("/images/sub/btn_zoom_close.png") 50% 50%; top: 20px; right:20px;}

.delivery {}
.delivery .head {position: relative; padding: 40px 10px 50px 34%; margin-bottom: 70px; font-size: 30px; letter-spacing: -.05em; background-image:url("../images/sub/delivery_head.png"); background-position:3.5% 60%; background-repeat:no-repeat; background-size: 32% auto;}
.delivery .head .t1 {color: #924302; font-family: 'SCoreDream'; font-weight: 600; font-size: 1.333em; letter-spacing: -.05em; line-height: 1.2;}
.delivery .head .t2 {line-height: 1.3; margin: 28px 0 10px;}
.delivery .head .t2 strong {display: block; color: #d5560a; font-size: 1.333em; font-weight: 800;}
.delivery .head .t3 {font-weight: 700; font-size: 1.2em; line-height: 1.3; color: #897466;}
.delivery .head .up {display: flex;flex-direction: column;justify-content: center;align-items: center; padding-top: .6em; position: absolute; top: 0; right: 7%; background: #992d36; width: 146px; height: 146px; border-radius:100%; text-align: center; font-family: 'GmarketSans'; font-weight: 700; line-height: 1.2; color: #fff;}
.delivery .head .up span {display: block; font-size: 1.333em;}
.delivery .list {}
.delivery .list ul {display: flex;flex-wrap:wrap; margin: 0 -13px -64px;}
.delivery .list ul li {width: 25%; padding: 0 13px; margin-bottom: 64px;}
.delivery .list ul li img {box-shadow:rgba(0,0,0,.25) 0 0 10px;}