@charset "utf-8";

/******************************************
**노브랜드 가맹점 ::20200611 추가
*******************************************/

/*공통*/
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt85 {margin-top:85px;}
.mt130 {margin-top:130px;}
.mt140 {margin-top:140px;}
.mb10 {margin-bottom:10px;}
.pb20 {padding-bottom:20px;}

/*폰트*/
.ft15 {font-size:15px;}
.ft16 {font-size:16px;}
.ft18 {font-size:18px;}
.ft25 {font-size:25px;}
.ft20 {font-size:20px;}
.ft22 {font-size:22px;}
.ft28 {font-size:28px;}
.ft30 {font-size:30px;}
.ft35 {font-size:35px;}
.ft45 {font-size:45px;}

/*숨김 텍스트*/
.blind {display: block; position: absolute!important; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px;}

/*mobile 블락요소*/
.s_block {display:inline;}
.m_block {display:block;}

/*가맹점 > 상단영역*/
.franchiseTop {position:relative;font-weight:300;font-family:Pretendard}
.franchiseTop .wrap {position:relative; max-width:100%; min-height:587px; background:#faf632}
.franchiseTop .wrap .brand_logo_v2 {display:block;position:relative;width:940px;margin:0 auto;padding-top:189px;font-size:72px;font-family:Pretendard;line-height:90px;box-sizing:border-box}
.franchiseTop .wrap .brand_logo_v2::before {content:'';display:block;position:absolute;top:135px;right:-27px;width:598px;height:351px;background:url('../images/franchise/visual_img.png') no-repeat center/100% auto}
.franchiseTop .wrap .brand_logo_v2 .fw {display:block;font-weight:300}
.franchiseTop .wrap .brand_logo_v2 a {display:block;position:relative;letter-spacing:-1.8px;color:#202020;z-index:1}
/* .franchiseTop .wrap .brand_logo_v2 a::before {content:'';display:block;width:218px;height:55px;margin-bottom:7px;background:url('../images/franchise/brand_logo.png') no-repeat top left/100% auto} */

/*가맹점 > 탭영역*/
.franchiseTab {position: absolute; bottom:0; left:0; right:0; width: 100%; margin:0 auto;}
.franchiseTab ul {overflow:hidden;width:100%;height:64px;background:#302f2e;text-align:center;}
.franchiseTab ul li {display:inline-flex;align-items:center;justify-content:center;position:relative;height:100%;padding:0 20px;text-align: center; box-sizing: border-box; color: #fff; font-weight:700; font-size:16px; line-height:20px; /* letter-spacing:-0.4px; */ cursor: pointer;vertical-align:top}
.franchiseTab ul li + li::before {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:20px;background:rgba(255,255,255,1)}
.franchiseTab ul li em {font-weight:700}

/*가맹점 > 탭영역 > 활성화*/
.franchiseTab ul li.on {color:#faf632}
.franchiseTab ul li.on em {font-weight:700}

/*가맹점 > 탭내용*/
.tabArea {width:100%; padding:90px 0 60px 0; line-height:1.2;}
.tabArea .tabCont {display:none;}
.tabArea .tabCont.on {display:block;}
.tabCont h2.tit {position:relative; font-weight: bold; color:#000000; line-height: 1.2; padding-left:40px; display:inline-block; vertical-align: middle; word-break: break-all;}
.tabCont h2.tit::before {content: ''; width:29px; height:100%; display:inline-block; background: url('../images/franchise/ico_tab.png'); background-repeat: no-repeat; position: absolute; left:0; top:4px; line-height:1.2;}
.tabCont p.txt{position: relative; color:#444; font-weight: bold; line-height:1.4; padding-left:25px;}
.tabCont p.txt::before {content: '•'; position: absolute; top:1px; left:-5px; display:inline-block;}
.tabCont p.txt .ft22 {display:block;line-height:1.6}
.tabCont span.bulTxt {font-weight: normal; display:block; padding-top:8px;}
.tabCont .imgArea .imgPc {display:block;}
.tabCont .imgArea .imgMo {display:none;}

/*가맹점 > 탭1 > 탭내용*/
.tabCont div.profitModel {position: relative; overflow: hidden; width:100%;}
.tabCont div.profitModel dl {float:left; width:25%; text-align: center; padding:0 10px; box-sizing: border-box;}
.tabCont div.profitModel dl dt img {width:100%;}
.tabCont div.profitModel dl dd {padding-top:20px; padding-top:10px; line-height: 1.4;}
.tabCont div.profitModel dl dd .ft15 {display:block;margin:3px auto 0 auto;letter-spacing:-0.8px}

/*가맹점 > 탭2 > 탭내용*/
.openAdvice {position:relative;}
.openAdvice dl {position:relative; width:100%; border:2px solid #d5d5d5; border-top:3px solid #655e50; text-align: center;}
.openAdvice dl dt {padding:20px 20px; background-color: #f5f5f5; color:#444444; font-weight: bold;}
.openAdvice dl dd {padding:41px 20px;border-top:2px solid #d5d5d5;color:#444444;line-height:35px;}
.openAdvice dl dd span {display:block;}
.openAdvice dl dd ul {margin-top:4px}

/*버튼*/
.btnWrap {position: relative; text-align: center;}
.btnWrap a {display:block; width:400px; margin:0 auto; border-radius: 40px; padding:20px 0 25px 0; box-sizing: border-box; background-color: #faf632; background: url('../images/franchise/btn_bg.png') repeat-x; background-position: bottom; font-weight: 700;}

/*가맹점 > 탭3 > 탭내용*/
.franchiseNotice {margin-top:29px;padding-bottom:8px;font-size:18px}
.franchiseTable-col {border-top:3px solid #655e50}
.franchiseTable-col table {border:1px solid #d5d5d5;border-top:0}
.franchiseTable-col table th, .franchiseTable-col table td {border:2px solid #d5d5d5;border-top:0;text-align:center;word-break:break-all}
.franchiseTable-col table th {height:68px;font-size:20px;border-bottom-width:3px;background:#f5f5f5}
.franchiseTable-col table td {padding:34px 20px;height:69px;font-size:18px;line-height:34px}
.franchiseTable-col table td strong {display:block}

/*가맹점 > 탭4 > 탭내용*/
.interiorInfo {position:relative; overflow: hidden;}
.interiorInfo .infoArea {padding:20px; box-sizing: border-box; border:2px solid #000; font-weight: bold; text-align: center; font-size:22px; line-height:1.4;}
.interiorInfo dl.infoList {position:relative; overflow: hidden; width:100%; padding:20px 0;}
.interiorInfo dl.infoList dt,
.interiorInfo dl.infoList dd {display:inline-block; vertical-align: middle; font-size:22px; color: #444; line-height:1.4;}
.interiorInfo dl.infoList dt {position:relative; width:38%; font-weight: bold; box-sizing: border-box; padding-left:110px; color:#000;}
.interiorInfo dl.infoList dt::before {content: ''; position:absolute; left:0; top:50%; margin-top:-45px; display:inline-block; width:90px; height:90px; background: url('../images/franchise/tab3_nbb.png');}
.interiorInfo dl.infoList dd {width:60%; border-left:2px solid #d5d5d5; padding-left:30px; box-sizing: border-box;}

.interiorInfo.fsArea dl.infoList:nth-child(1) {padding-bottom:32px; margin-bottom:10px; border-bottom:2px solid #d5d5d5;}
.interiorInfo.fsArea dl.infoList:nth-child(1) dt::before {background: url('../images/franchise/tab3_fs_1.png');}
.interiorInfo.fsArea dl.infoList:nth-child(2) dt::before {background: url('../images/franchise/tab3_fs_2.png');}

/*가맹점 > 탭3 > 슬라이드*/
.interiSlide {position: relative; overflow: hidden;}
.interiSlide li.slick-slide {border:1px solid #a0a0a0;}
.interiSlide li.slick-slide img {width:100%; height:auto;}
.interiSlide .slick-arrow {position: absolute; top:45%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; width:60px; height:60px; font-size: 0; line-height: 0; background: url('../images/franchise/btn_slide_pre.png') no-repeat; background-size: 100%;}
.interiSlide .slick-arrow.slick-prev {left:10px;}
.interiSlide .slick-arrow.slick-next {right:10px; background: url('../images/franchise/btn_slide_next.png') no-repeat; background-size: 100%;}

.interiSlide .slick-dots {position: relative; bottom:55px; width:100%; text-align: center; z-index:5; overflow: hidden;}
.interiSlide .slick-dots li {display:inline-block; width:20px; margin:5px;}
.interiSlide .slick-dots li button {width:16px; height:16px; background-color: #fff; border-radius: 16px; font-size: 0; line-height: 0;}
.interiSlide .slick-dots li.slick-active button {background-color:#faf632;}

/*가맹점 > 탭5 > 탭내용*/
.investArea table {position: relative; border-collapse: collapse;}
.investArea table th, .investArea table td {height: 68px; padding: 3px; border: 1px solid #d5d5d5; font-size: 18px; text-align: center; box-sizing: border-box;}
.investArea table thead th {border-top: 3px solid #000000; background: #faf632;}
.investArea table tbody tr:first-child td {border-top: 0;}
.contArea1 .investArea table tr td:nth-child(2) {padding: 0 95px 0 0; text-align: right;}
.contArea2 .investArea table tr td:nth-child(2),
.contArea2 .investArea table thead th {height: 98px;}
.investArea table tfoot td {color: #ffffff; font-weight: bold; background: #000000;}
.investArea .tableTxt {padding-top: 9px;}
.investArea .tableTxt.standTxt {padding: 27px 0 9px;}
.investArea .exceptTxt {display: block; padding-top: 9px; padding-left: 4px;}

/*가맹점 > 탭7 > 탭내용*/
.titleWrap {position: relative; overflow: hidden;}
.titleWrap h2, 
.titleWrap p {float:left; vertical-align: middle;}
.titleWrap p {float:right; padding-top:12px;}
.perDataArea {position:relative; padding:40px 20px 40px 40px; border:2px solid #d5d5d5; box-sizing: border-box; color:#444; height:660px; letter-spacing:-.5px}
.perDataArea h3 {line-height:1.4;}
.perDataArea p.perTxt {line-height:1.55;}
.perDataArea .perDatatable {position:relative; width:100%; display:table; margin-top:24px;}
.perDataArea .perDatatable dl {width:33.333%; display:table-cell; text-align: center; color:#444; border:1px solid #d5d5d5; border-left:0; line-height:32px; letter-spacing:-.5px}
.perDataArea .perDatatable dl:nth-child(1) {border-left:1px solid #d5d5d5;}
.perDataArea .perDatatable dl:nth-child(2) {width:26%;}
.perDataArea .perDatatable dl dt {padding:8px 0; border-bottom: 1px solid #d5d5d5; background-color: #f5f5f5; vertical-align: top;}
.perDataArea .perDatatable dl dd {vertical-align: middle; text-align: left; padding:18px 20px;}
.perDataArea .perDatatable dl dd span {display:block;padding-top:18px}
.perDataArea .perDatatable dl.lastDd dd {padding:17px 0 0 0;}
.perDataArea .perDatatable dl.lastDd dd > p.line {border-top:1px solid #d5d5d5; padding:10px 20px;}
.perDataArea .perDatatable dl.lastDd dd > p.line.fisrt {border-top:0; padding-top:0;}
.perDataArea .perTxt.bullet {padding-left:20px}
.perDataArea .perTxt.bullet::before {content:'\203B';margin-left:-20px}

.checkArea .checkbox-wrap { cursor: pointer; }
.checkArea .checkbox-wrap .check-icon  { display: inline-block; width: 30px; height: 30px; background: url('../images/franchise/btn_check_off.png') left center no-repeat; vertical-align: middle; transition-duration: .3s; }
.checkArea .checkbox-wrap input[type=checkbox] { display: none; }
.checkArea .checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image: url('../images/franchise/btn_check_on.png'); }
.checkArea span.checkTxt {vertical-align: middle; padding-left:5px;}

.franchiseWarp p.franchisInfo {text-align: right; padding-bottom:9px;}
/* .franchiseWarp p.franchisInfo > span.icon1 {display:inline-block; margin-right:3px; width:19px; height:14px;background: url('../images/franchise/icon_check.png') no-repeat; background-size: 100%;} */
.franchiseTable {position:relative; width:100%; color:#444444;}
.franchiseTable .franchise {}
.franchiseTable table {width:100%; border-top:3px solid #655e50; position: relative; border-collapse: collapse;}
.franchiseTable table caption {position: static; position: static; text-indent: -100000px; height: 1px; overflow: hidden; left: -9999px; font-size: 0; width: 0;}
.franchiseTable table tbody th,
.franchiseTable table tbody td {border:1px solid #d5d5d5; padding:10px 20px; text-align: left;}
.franchiseTable table tbody th {position:relative; padding-left:30px; background-color: #f7f7f7; font-size:18px; color:#000; font-weight: normal; letter-spacing: -.5px;}/*20200713 수정*/
.franchiseTable table tbody th::before {content: ''; display:inline-block; margin-right:10px; width:16px; height:12px;background: url('../images/franchise/icon_check.png') no-repeat; background-size: 100%;}
.franchiseTable table tbody th.beforeNone {padding-left:60px;}/*20200713 수정*/
.franchiseTable table tbody th.beforeNone::before {display:none;}
.franchiseTable table tbody td {padding:15px 20px 15px 30px}
.franchiseTable table tbody input, 
.franchiseTable table tbody select {width:30%; padding:10px; margin: 5px 5px 5px 3px; border: solid 1px #e8e8e8; font-size:16px; line-height:1.2; color:#444; box-sizing: border-box;}
.franchiseTable table tbody select {-webkit-appearance: none; -moz-appearance: none;  appearance: none; background: url('../images/franchise/bul_arrow.png') no-repeat 95% 50%; }
.franchiseTable table tbody select::-ms-expand {display: none;}
.franchiseTable table .franTextarea {width:100%; border:1px solid #d5d5d5; margin:15px 0; padding:10px; min-height:250px; box-sizing: border-box;}
.franchiseTable table td.frenCheck {position: relative; width:100%; overflow: hidden;}
.franchiseTable table td.frenCheck > select,
.franchiseTable table td.frenCheck > div.frenExper {float:left;}
.franchiseTable table td.frenCheck > div.frenExper {margin-left:35px;}
.franchiseTable table td.frenCheck > div.frenExper {width:60%;}
.franchiseTable table td.frenCheck > div.frenExper span,
.franchiseTable table td.frenCheck > div.frenExper input {display:inline-block;}
.franchiseTable table td.frenCheck > div.frenExper input {width:50%;}


.franchiseTable table tbody input.wh20, 
.franchiseTable table tbody select.wh20 {width:24.4%;}
.franchiseTable table tbody input.wh80, 
.franchiseTable table tbody select.wh80 {width:65%;}

.fileWrap {position:relative;}
.fileWrap input[type="file"] {-webkit-appearance: none;}
.fileWrap dl {position: relative; overflow: hidden; width:100%; display: table;}
.fileWrap dl dt,
.fileWrap dl dd {display:table-cell; border:1px solid #d5d5d5; box-sizing: border-box; font-size:18px; vertical-align: middle;}
.fileWrap dl dt {width:31%; background-color: #f7f7f7; color:#000; padding-left:60px;}/*20200713 수정*/
.fileWrap dl dd {width:auto; border-left:0;}
.fileWrap dl dd > div.inp_file {position:relative; overflow: hidden;}
.fileWrap dl dd > div.inp_file .inp_txt {display:inline-block; width: 77%; height:60px; padding: 10px 30px; border:0; box-sizing: border-box; -webkit-appearance: none; font-size: 16px;}
.fileWrap dl dd > div.inp_file .file.hid {position: absolute; left: -9999px; font-size: 0; width: 0; height: 0; text-indent: -9999px; overflow: hidden;}
.fileWrap dl dd > div.inp_file .fileBtn {display: block; position:absolute; top:0; right:0; width:150px; height: 60px; box-sizing: border-box; font-size: 20px; font-weight: bold; line-height:60px; text-align: center; cursor: pointer; color:#fff; background-color: #bfbfbf;}

/*버튼*/
.btnWrap.st02 a {display:inline-block; width:250px; background: none; border:3px solid #4d4d4d; border-radius: 0; font-weight: bold; font-size: 24px; padding:19px 0;}
.btnWrap.st02 a.btnRegi {background-color: #faf632; margin-left:20px; border:1px solid #000000;}

.visit_link {display:inline-block; padding-left:30px; text-align: right; font-size:15px;}/*20200713 추가*/

/*20200717 추가_가맹점 > 탭5(FAQ) > 탭내용*/
.investArea {position:relative; width:100%; margin-top:50px;}
.investArea section {border:2px solid #d5d5d5; border-top:0; box-sizing: border-box;}
.investArea section#nb_franchise01 {border-top:2px solid #d5d5d5;}
.investArea section h3.titFaq {color:#444; font-weight: bold; line-height:1.4; padding:30px; cursor: pointer; background: url('../images/franchise/btn_down.png') no-repeat; background-size: 21px 12px; background-position: 96% 50%;}
.investArea section h3.titFaq.openBg {background: url('../images/franchise/btn_up.png') no-repeat; background-position: 96% 50%;}
.investArea section h3.titFaq::before {content: 'Q1'; color:#faf632; display:inline-block; padding-right:15px; font-size:25px; font-weight: bold;}
.investArea section#nb_franchise02 h3.titFaq::before {content: 'Q2';}
.investArea section#nb_franchise03 h3.titFaq::before {content: 'Q3';}
.investArea section#nb_franchise04 h3.titFaq::before {content: 'Q4';}
.investArea section#nb_franchise05 h3.titFaq::before {content: 'Q5';}
.investArea section#nb_franchise06 h3.titFaq::before {content: 'Q6';}
.investArea section#nb_franchise07 h3.titFaq::before {content: 'Q7';}
.investArea section#nb_franchise08 h3.titFaq::before {content: 'Q8';}
.investArea .infoBox {display:none; padding:30px; border-top:2px solid #d5d5d5; background: #f7f7f7;}
.investArea .infoBox div.tit_sub {position:relative; color:#444; line-height:1.4; margin-left:40px;}
.investArea .infoBox div.tit_sub::before {content: 'A'; position:absolute; left:0; top:-8px; color:#898989; padding-top:3px; font-size:25px; font-weight: bold; display:inline-block; margin-left:-40px; width:35px;}
.investArea .infoBox div.tit_sub ul li {position: relative; padding-left:10px; margin-top:20px;}
.investArea .infoBox div.tit_sub ul li:first-child {margin-top:0;}
.investArea .infoBox div.tit_sub ul li::before {content: '·'; position: absolute; left:0; top:0; width:10px; display: inline-block; margin-right:10px;}
.investArea .infoBox .pBlock {display:block;}

/*20240618 추가_가맹점 >창업자금 대출안내 > 탭내용*/
.sltArea {display:flex;align-items:center;justify-content:center;margin:65px 0 60px 0;padding:28px 10px;background:#f7f7f7}
.sltArea select {width:300px;height:43px;border:1px solid #c1c1c1;background:#FFFFFF url('/brand/nobrandburger/images/franchise/bg_select.png') no-repeat top 16px right 18px/9px auto;font-size:16px;line-height:41px;color:#444444;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}

.sltCont {display:none;letter-spacing:-0.8px}
.sltCont.on {display:block}
.sltCont .contTtl {display:block;margin:62px 0 24px 0;font-weight:700;font-size:23px;line-height:1.4}
.sltCont .contTtl::before {content:'';display:block;width:80px;height:5px;margin-bottom:12px;background:#444444}

.sltCont .contLi .item {padding-left:9px;font-size:18px;line-height:1.6}
.sltCont .contLi .item::before {content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#444444;margin:12px 5px 0 -9px;vertical-align:top}
.sltCont .contLi.noBullet {margin-top:28px}
.sltCont .contLi.noBullet .item::before {background:transparent}
.sltCont .contLi .item:has(.flexShrink) {display:flex}
.sltCont .contLi .flexShrink {flex-shrink:0;margin-right:6px}
.sltCont .contLi .flexGrow {flex:1}

.sltCont .contTb {overflow-x:auto}
.sltCont .contTb .col-1 {width:22%}
.sltCont .contTb .col-2 {width:16%}
.sltCont .contTb .col-3 {width:auto}
.sltCont .contTb table {border:1px solid #c1c1c1}
.sltCont .contTb th {padding:13px 0;border-bottom:2px solid #c1c1c1;border-left:1px solid #c1c1c1;background:#f7f7f7;font-weight:400;font-size:18px}
.sltCont .contTb td {padding:10px 8px;border-top:1px solid #c1c1c1;border-left:1px solid #c1c1c1;font-size:18px;line-height:1.4;text-align:center}
.sltCont .contTb td:where(.alignLeft) {}
.sltCont .contTb td.alignLeft {padding-top:22px;padding-bottom:22px;font-size:16px;text-align:left}
.sltCont .contTb td:has(.item) {padding-left:27px}
.sltCont .contTb td .item::before {content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#444444;margin:9px 5px 0 -9px;vertical-align:top}

.sltCont .grayBox {display:flex;align-items:center;justify-content:center;min-height:150px;margin-top:60px;padding:25px;background:#f7f7f7;box-sizing:border-box}
.sltCont .grayBox dl :where(dt,dd) {font-size:18px;line-height:1.6}
.sltCont .qrcode {margin-left:58px}
.sltCont.shinhan .grayBox .logo {margin-right:89px}/* 신한은행 */
.sltCont.hana .grayBox .logo {margin-right:75px}/* 하나은행 */
/* 하나은행 */
.sltCont .contLi.noBullet:has(.contDl) .item {padding-left:0}
.sltCont .contLi.noBullet:has(.contDl) {margin-top:20px}
.sltCont .contDl {display:flex;margin:10px 0;border:1px solid #c1c1c1}
.sltCont .contDl:has(+.contDl) {margin-bottom:28px}
.sltCont .contDl :where(dt,dd) {flex:1;display:flex;align-items:center;justify-content:center;padding:14px 5px;border-left:1px solid #c1c1c1;line-height:1.5;text-align:center;box-sizing:border-box}
.sltCont .contDl dt:first-child {flex:0;padding-left:30px;padding-right:30px;border-left:0;white-space:nowrap}


/*해상도_1000*/
@media screen and (max-width: 1000px){
  /*공통*/
  .tabArea {padding:60px 10px 60px 10px; box-sizing: border-box;}
  .imgArea img {width:100%;}
  
  /*가맹점 > 탭내용*/
  .tabCont h2.tit {padding-left:30px;}
  .tabCont h2.tit::before {width: 25px; height: 100%; background-size: 100% auto; top: 2px; background-repeat: no-repeat;}
  .tabCont p.txt {padding-left:10px;}

  /*폰트*/
  .ft15 {font-size:13px;}
  .ft16 {font-size:14px;}
  .ft18 {font-size:16px;}
  .ft25 {font-size:18px;}
  .ft20 {font-size:15px;}
  .ft22 {font-size:17px;}
  .ft28 {font-size:20px;}
  .ft30 {font-size:25px;}
  .ft35 {font-size:24px;}
  .ft45 {font-size:30px;}

  /*가맹점 > 탭5 > 탭내용*/
  table th, table td {font-size: 18px;}
  .contArea1 .investArea table tr td:nth-child(2) {padding: 0 7%;}
  .contArea2 .investArea table tr td:nth-child(2),
  .contArea2 .investArea table tr td:nth-child(3) {padding: 0 4% 0 2%;}

  /*가맹점 > 탭7 > 탭내용*/
  .titleWrap p {padding-top:5px;}

  /* 가맹점 > 창엄자금 대출안내 */
  .sltArea {margin:40px 0 35px 0}
}

/*해상도_960*/
@media screen and (max-width: 960px){
.franchiseTab ul {display:flex;width:100%;}
.franchiseTab ul li {flex-grow:1;padding: 0; font-size:14px}

  /*가맹점 > 탭4 > 탭내용*/
  .interiorInfo .infoArea {font-size:18px;}
  .interiorInfo .infoArea > br {display:none;}
  .interiorInfo dl.infoList dt,
  .interiorInfo dl.infoList dd {display:block; width:100%; border:0; text-align: center; font-size:16px;}
  .interiorInfo dl.infoList dt > br,
  .interiorInfo dl.infoList dd > br {display:none;}
  .interiorInfo dl.infoList dt {padding-left:0; padding-top:110px;}
  .interiorInfo dl.infoList dt::before {display:block; margin: 0 auto; right: 0; top: 0;}
  .interiorInfo dl.infoList dd {padding:20px 0 0 0;}

  /*가맹점 > 탭5 > 탭내용*/
  .contArea2 .investArea table tr td:nth-child(2),
  .contArea2 .investArea table tr td:nth-child(3) {padding: 0 3% 0 1%;}

  /*가맹점 > 탭7 > 탭내용*/
  .franchiseTable table td.frenCheck > select {width:20%;}
  .franchiseTable table td.frenCheck > div.frenExper {margin-left:5px;}

  /*가맹점 > 탭6 > 탭내용*/
  .investArea .infoBox div.tit_sub > br {display:none;}
}

/*해상도_940*/
@media screen and (max-width: 940px){
  .franchiseTop .wrap .brand_logo_v2::before {top:100%;right:25px;width:400px;height:235px}

  /*가맹점 > 상단영역*/
  .franchiseTop .brand_logo {display:block; height:auto;}
  .franchiseTop .brand_logo a {display:block; height:auto;}
  .franchiseTop .brand_logo img {width:40%; margin:0 auto;}
  .franchiseTop .wrap .brand_logo_v2 {width:100%;padding:80px 16px 0 16px}

   /*가맹점 > 탭7 > 탭내용*/
   .perDataArea {padding:20px 10px 10px 10px; height:290px; overflow-y: scroll;}
   .btnWrap.st02 a {width:160px;padding:14px 0;font-size:20px}
   .btnWrap.st02 a.btnRegi {margin-left:10px}

   /*가맹점 > 창업자금 대출안내*/
   .sltArea select {height:40px;font-size:14px;line-height:38px}
   .sltCont .contTtl {margin:50px 0 16px 0;font-size:18px}
   .sltCont .contTtl::before {width:70px;height:4px}
   .sltCont .contLi .item {font-size:18px;word-break:break-all}
   /* .sltCont .contLi .item::before {margin-top:12px} */
   .sltCont .contLi.noBullet {Margin-top:20px}
   .sltCont .contTb {margin:0 -16px;padding:0 16px;box-sizing:border-box}
   .sltCont .contTb .col-1 {width:14%}
   .sltCont .contTb .col-2 {width:10%}
   .sltCont .contTb .col-3 {width:auto}
   .sltCont .contTb th {padding:10px 0;font-size:16px}
   .sltCont .contTb td {padding-top:10px;padding-bottom:10px;font-size:14px}
   .sltCont .contDl dt:first-child {padding-left:20px;padding-right:20px}
   .sltCont .contTb td.alignLeft {padding-top:10px;padding-bottom:10px;font-size:14px;word-break:break-all}
   .sltCont .contTb td .item::before {margin-top:8px}
   .sltCont .grayBox {display:block;position:relative;min-height:0;padding:20px 20px}
   .sltCont .grayBox .logo {display:block;width:80px;margin:0 0 16px 0}
   .sltCont .grayBox .logo img {width:100%}
   .sltCont .grayBox dl {flex-shrink:0}
   .sltCont .grayBox dl :where(dt,dd) {font-size:16px}
   .sltCont .qrcode {display:block;position:absolute;top:10px;right:10px;width:70px}
   .sltCont .qrcode img {width:100%}
}

/*movile_ver*/
@media screen and (max-width: 640px){
  /*공통*/
  .m_block {display:inline;}
  .mt10 {margin-top:5px;}
  .mt25 {margin-top:13px;}
  .mt30 {margin-top:15px;}
  .mt40 {margin-top:20px;}
  .mt50 {margin-top:25px;}
  .mt60 {margin-top:30px;}
  .mt70 {margin-top:35px;}
  .mt85 {margin-top:40px;}
  .mt130 {margin-top:65px;}
  .mt140 {margin-top:70px;}

  .tabArea {word-break: keep-all;}
  .tabCont p.txt br {display:none;}

  .s_block {display:block;}
  
  /*가맹점 > 상단영역*/
  .franchiseTop .wrap {min-height:400px}
  .franchiseTop .wrap .brand_logo a {width:233px;margin:0 auto;padding-top:84px;}
  .franchiseTop .brand_logo img {width:100%;}

  .franchiseTop .wrap .brand_logo_v2 {font-size:37px;line-height:45px}
  .franchiseTop .wrap .brand_logo_v2::before {top:92%;right:10px;width:250px;height:147px}
  .franchiseTop .wrap .brand_logo_v2 a {width:200px;letter-spacing:-0.9px}
  .franchiseTop .wrap .brand_logo_v2 a img {max-width:100%}
  /* .franchiseTop .wrap .brand_logo_v2 a::before {width:136px;height:35px;margin-bottom:10px} */

  /*가맹점 > 탭영역*/
  .franchiseTab ul li {flex:1;padding:0 1px; font-size:12px; line-height:16px;}
  .franchiseTab ul li:nth-child(5) {padding:15px 0;}
  .franchiseTab ul li + li::before {width:1px;height:15px}

  /*가맹점 > 탭1 > 탭내용*/
  .tabCont .imgArea .imgPc {display:none;}
  .tabCont .imgArea .imgMo {display:block;}
  .tabCont div.profitModel {width:80%; margin:20px auto 0 auto;}
  .tabCont div.profitModel dl {width:30%; padding:0 16px; box-sizing: border-box; min-height:240px;}
  .tabCont div.profitModel dl:nth-child(n+3) {margin-top:20px}
  .tabCont p.txt {word-break: break-all;}

  /*가맹점 > 탭2 > 탭내용*/
  .openAdvice dl dt {padding:15px 20px;}
  .openAdvice dl dd {padding:20px 20px;line-height:28px}
  .openAdvice dl dd br {display:none}
  .btnWrap a {width:250px;padding:15px 0 20px 0;font-size:20px}
  
  /*가맹점 > 탭4 > 탭내용*/
  .interiorInfo .infoArea {padding:12px; word-break: keep-all; font-size:16px;}
  .interiSlide .slick-arrow {width:30px; height:30px;}
  .interiSlide .slick-dots {bottom:45px;}
  .interiSlide .slick-dots li {width:15px;}
  .interiSlide .slick-dots li button {width:12px; height:12px;}

  /*가맹점 > 탭3 > 탭내용*/
  .franchiseTable-col table th, .franchiseTable-col table td {height:50px;font-size:16px;line-height:26px}
  .franchiseTable-col table td {padding:24px 10px}

  /*가맹점 > 탭5 > 탭내용*/
  .investArea table th, .investArea table td {height: 60px; font-size: 16px;}
  .contArea2 .investArea table thead th {height: 75px;}
  .contArea2 .investArea table tr td:nth-child(2),
  .contArea2 .investArea table tr td:nth-child(3) {padding: 0 2% 0 1%;}

  /*가맹점 > 탭7 > 탭내용*/
  .perDataArea .perDatatable {display:block;}
  .perDataArea .perDatatable dl {line-height:24px}
  .perDataArea .perDatatable dl:nth-child(1),
  .perDataArea .perDatatable dl:nth-child(2),
  .perDataArea .perDatatable dl {width:100%; display:block; border-left:0; border-right:0; border-top:0;}
  .perDataArea .perDatatable dl:nth-child(1) {border-top:1px solid #d5d5d5;}
  .perDataArea .perDatatable dl dt {padding:10px 0;}
  .perDataArea .perDatatable dl dd {text-align: center; width:60%; margin:0 auto; word-break: keep-all;}
  .perDataArea .perDatatable dl dd br {display:none;}
  .perDataArea .perTxt.bullet {padding-left:15px}
  .perDataArea .perTxt.bullet::before {margin-left:-15px}

  .franchiseTable {margin-top:5px;}
  .franchiseTable table tbody th,
  .franchiseTable table tbody td {width:100%; display:block; box-sizing: border-box; border-right:0; border-left:0; padding-left:10px; font-size:16px;}
  .franchiseTable table tbody input, .franchiseTable table tbody select {padding:10px 5px; width:90%;}
  .franchiseTable table tbody input.wh20, .franchiseTable table tbody select.wh20 {width:25%;}
  .franchiseTable table tbody th.beforeNone {padding-left:20px;}
  .franchiseTable table tbody th::before {margin-right:5px;}
  .franchiseTable table td.frenCheck > select,
  .franchiseTable table td.frenCheck > div.frenExper {float:none; width:100%;}
  .franchiseTable table td.frenCheck > div.frenExper {margin-left:0;}

  .fileWrap dl {display:block;}
  .fileWrap dl dt,
  .fileWrap dl dd {display:block; width:100%; border-right:0; border-left:0; padding:20px 10px; font-size:16px;}
  .fileWrap dl dt {padding:10px 20px;}
  .fileWrap dl dd {padding:0}
  .fileWrap dl dd > div.inp_file .inp_txt {height:50px}
  .fileWrap dl dd > div.inp_file .fileBtn {width:100px;height:50px;font-size:15px;line-height:50px}
  .franchiseTop .wrap .mt60 {margin-top:40px;}
  .fileWrap dl dd > div.inp_file .inp_txt {width:75%;}

  .visit_link {display:block; text-align: left; padding-left:0;}

  /*가맹점 > 탭6 > 탭내용*/
  .investArea section h3.titFaq {padding:15px 30px 15px 15px;}
  .investArea .infoBox {padding:15px; border-top:1px solid #d5d5d5;}
  .investArea section {border:1px solid #d5d5d5; border-top:0;}
  .investArea section#nb_franchise01 {border-top:1px solid #d5d5d5;}
  
   /*가맹점 > 창업자금 대출안내*/
   .sltArea select {text-align-last:center;text-align:center;-ms-text-align-last:center;-moz-text-align-last:center}
   .sltCont .contTtl {margin:45px 0 15px 0;font-size:18px}
   .sltCont .contTtl::before {width:60px;height:3px}
   .sltCont .contLi .item {font-size:16px}
   .sltCont .contLi .item::before {margin-top:10px}
   .sltCont .contDl {flex-wrap:wrap;border-top:0}
   .sltCont .contDl :where(dt,dd) {padding:5px 10px;border-top:1px solid #c1c1c1;border-left:0;font-size:16px}
   .sltCont .contDl dt {flex:0 0 172px;justify-content:flex-start;text-align:left}
   .sltCont .contDl dt:first-child {flex:0 0 172px;padding:5px 10px}
   .sltCont .contDl dd {flex:0 0 calc(100% - 172px);justify-content:flex-end}
}

@media screen and (max-width: 460px){
  /*가맹점 > 탭영역*/
  .franchiseTab ul {height:75px}

  /* 가맹점 > 창업자금 대출안내 */
  .sltCont .contLi .item:has(.flexShrink) {display:block}
  .sltCont dl :where(dt,dd) {font-size:14px}
}

@media screen and (max-width: 430px){
  /*폰트*/
  .ft15 {font-size:12px;}
  .ft16 {font-size:12px;}
  .ft18 {font-size:14px;}
  .ft25 {font-size:16px;}
  .ft20 {font-size:14px;}
  .ft22 {font-size:14px;}
  .ft35 {font-size:20px;}
  .ft45 {font-size:26px;}

  /*가맹점 > 상단영역*/
  /* .franchiseTop .wrap {min-height:230px;} */
  /*가맹점 > 탭영역*/
  /* .franchiseTab ul li {font-size:13px;} */
  .franchiseTab ul li:first-child.on {letter-spacing:-0.8px}
  /*가맹점 > 탭내용*/
  .tabCont div.profitModel{width:96%;}
  .tabCont div.profitModel dl dd .ft15 {letter-spacing:-.2px}
  .tabCont h2.tit::before {top:3px}
  /*가맹점 > 탭1 > 탭내용*/ 
  .tabCont div.profitModel dl {min-height:195px; padding:0 10px;}
  /*가맹점 > 탭2 > 탭내용*/ 
  .openAdvice dl dd ul {line-height:24px}
  /*가맹점 > 탭3 > 탭내용*/
  .franchiseTable-col table th, .franchiseTable-col table td {font-size:14px}
  /*가맹점 > 탭5 > 탭내용*/
  .investArea table th, .investArea table td {font-size: 14px;}
  /*가맹점 > 탭6 > 탭내용*/
  .investArea section h3.titFaq::before {font-size:16px; padding-right:8px;}
  .investArea .infoBox div.tit_sub {margin-left:20px;}
  .investArea .infoBox div.tit_sub::before {font-size:16px; margin-left:-20px; top:-5px;}
  .investArea section h3.titFaq {background-size: 14px 7px;}
  .investArea section h3.titFaq.openBg {background-size: 14px 7px;}
  /*가맹점 > 탭7 > 탭내용*/
  .btnWrap.st02 a {width:120px;padding:10px 0;font-size:16px}
}


@media screen and (max-width: 358px){
  /*폰트*/
  .ft18 {font-size:12px;}
  .ft25 {font-size:14px;}
  .ft20 {font-size:12px;}
  .ft22 {font-size:12px;}
  .ft35 {font-size:16px;}
  .ft45 {font-size:20px;}

  /*가맹점 > 상단영역*/
  /* .franchiseTop .wrap {min-height:210px;} */
  /*가맹점 > 탭영역*/
  .franchiseTab ul li {font-size:11px;}
  .tabCont h2.tit::before {top:0px}
  /*가맹점 > 탭1 > 탭내용*/
  .tabCont div.profitModel dl {min-height:180px;}
  /*가맹점 > 탭5 > 탭내용*/
  .investArea table th, .investArea table td {font-size: 12px;}
}

@media screen and (max-width: 320px) {
  /*가맹점 > 탭7 > 탭내용*/
  .fileWrap dl dd > div.inp_file .inp_txt {width:60%;}
  .btnWrap.st02 a {width:100%; padding:10px 0;}
  .btnWrap.st02 a.btnRegi {margin-left:0; margin-top:15px;}
}