@charset "utf-8";

/* 공통  */
.stit-box {padding-top:12rem;}
.stit-box .stit-logo {display:block; margin-bottom:2.5rem;}
.stit-box .stit {margin-bottom:5rem;}
.stit-box .stit-con {color:#666; font-size:2rem; margin-bottom:4.5rem; word-break:keep-all;}

.sub-bgw {position:relative;}
.sub-bgw::after {content:''; display:block; height:356px; width:304px; background:url('/common/imgs/sub/sub_conbg_obj.png') no-repeat left bottom; position:absolute; bottom:4rem; left:0; z-index: -1;}

/* s-visual */
.sub-topbox {position:relative;}
.sub-visual {padding-top:26rem; padding-bottom:23rem; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sv01 {background-image:url('/common/imgs/sub/sv_bg01.png');}
.sv02 {background-image:url('/common/imgs/sub/sv_bg02.png');}
.sv03 {background-image:url('/common/imgs/sub/sv_bg03.png');}
.sv04 {background-image:url('/common/imgs/sub/sv_bg04.png');}

.sub-visual .sv-tit {color:#fff; text-align:left;}
.sub-visual .sv-tit h2 {font-size:4.8rem; font-weight:700; letter-spacing:-0.15rem; padding-bottom:3rem;}
.sub-visual .sv-tit p {font-size:2.7rem; font-weight:300; letter-spacing:-0.15rem; word-break:keep-all;}

.sub-menu {position:absolute; bottom:0; left:0; width:100%; text-align:center; background:rgba(27,2,4,0.8);}
.sub-menu li {display:inline-block; padding:0 2.5rem;}
.sub-menu li a {position:relative;display:block; color:#fff; font-size:1.8rem; padding:2rem 0;}
.sub-menu li a::after {content:''; display:block; height:2px; width:100%; background-color:transparent; position:absolute; top:0; left:0;}
.sub-menu li.active a {color:#fad19a;}
.sub-menu li.active a::after {background:#fad19a;}

/* 인사말 */
#greetings .sub-bgw {padding-bottom:15.5rem;}
#greetings .sub-bgw::after {bottom:4rem;}
#greetings .con {color:#666; font-size:2rem; word-break:keep-all;}
#greetings .con .fst {color:#222; font-weight:500;}
#greetings .img-box {position:absolute; top:0; right:6rem;}
#greetings .img-box .pc-img {display:block;}
#greetings .img-box .mb-img {display:none;}

/* 브랜드 소개 */
#brand .sub-bgw::after {bottom:10rem;}

#brand .brd-sec1 {position:relative;}
#brand .brd-sec1 .img-box {position:absolute; bottom:0; left:50%; margin-right:-480px;}
#brand .brand-toplist {display:flex; margin-top:13rem; position:relative;}
#brand .brand-toplist li {width:25%; padding:3.5rem 1rem 5rem 1rem; text-align:center; background:#fff; border-right:1px solid #d6d6d6;}
#brand .brand-toplist li:first-child {border-left:1px solid #d6d6d6;}
#brand .brand-toplist li .ic {display:block; margin-bottom:1.5rem; line-height:8rem;}
#brand .brand-toplist li .tit {display:block;}
#brand .brand-toplist li .txt {margin-top:2rem; color:#666; font-size:2rem;}

#brand .brd-sec2 {background:url('/common/imgs/sub/brd_sec2_bg.png') no-repeat center bottom; background-size:contain; padding:10rem 0;}
#brand .brd-sec2 .inner {display:flex; align-items:center;}
#brand .brd-sec2 .img-box {flex-shrink:0;}
#brand .brd-sec2 .txt-box {margin-top:10rem; margin-left:4.5rem; color:#666; font-size:2rem;}

#brand .brd-sec3 {padding-top:10rem; padding-bottom:20rem;}
#brand .brd-sec3 .inner {display:flex; align-items:center; justify-content:space-between;}
#brand .brd-sec3 .img-box {flex-shrink:0;}
#brand .brd-sec3 .txt-box {margin-right:4.5rem; color:#666; font-size:2rem;}

/* BI 소개 */
#bi .img-box {display:flex; align-items:flex-end; justify-content:space-between;}
#bi .img-box .rt-box {margin-left:5rem;}
#bi .img-box .rt-box::after {content:''; display:block; width:359px; height:626px; background:url('/common/imgs/sub/bi_tuna_obj.png') no-repeat right top; position:absolute; top:0; right:0;}
#bi .img-box2 {text-align:center; margin-top:10rem; margin-bottom:14.5rem;}

/* 오시는 길 */
#location .sub-bgw {padding-bottom: 11.5rem;}

#location .root_daum_roughmap { width:100% !important; height:100% !important;}
#location .root_daum_roughmap {height:100%;}
#location .roughmap_maker_label {border:none !important;}
#location .roughmap_lebel_text {position:relative;visibility:hidden;}
#location .roughmap_lebel_text:before {visibility:visible; display:block; position:absolute; content:'야바다다'; line-height:1.2em;top:0;left:50%;transform:translateX(-50%); z-index:10; padding:4px 8px 7px; border-radius:3px; font-weight:600; font-size:12px; line-height:15px; background-color:#fff; color:#000;}
#location .root_daum_roughmap {box-sizing:border-box; border:none !important;}


#location .sec-tit {display:flex; align-items:center; justify-content:space-between; margin-top:7rem; margin-bottom:2rem; padding-bottom:1.5rem; border-bottom:1px solid #d6d6d6;}
#location .sec-tit .call-box {color:#222; font-size:2rem; font-weight:600;}
#location .sec-tit .call-box img {vertical-align:baseline; margin-right:5px;}
#location .sec-tit .call-box .num {display:inline-block; color:#666; font-weight:400; margin-left:1.5rem;}
#location .bi-sec2 {}
#location .bi-sec2 .con {display:flex; justify-content:space-between;}
#location .txt-box .call-tr {display:none;}
#location .txt-box th {padding-right:1rem;padding-bottom:1.5rem; color:#222; width:9rem; font-size:2rem; font-weight:600;}
#location .txt-box th img {margin-right:1rem;}
#location .txt-box th .round {display:inline-block; text-align:center; width:9rem; line-height:4rem; color:#2b2874; background:#fff; border:1px solid #2b2874; border-radius:3rem;}
#location .txt-box td {padding-bottom:1.5rem; color:#666; font-size:2rem;}
#location .link-box {text-align:right;}
#location .link-box li {display:inline-block; width:24rem; line-height:7rem; background:#fff; border:1px solid #2b2874; border-radius:5rem; margin-left:2rem;}
#location .link-box li a {display:block; text-align:center; color:#2b2874; font-size:2rem;}

/* 메뉴안내 */
#menu .sub-bgw {padding-top:14rem; padding-bottom:12rem;}
#menu .sub-bgw::after {display:none;}

/* 매장안내 */
#store-info .sub-bgw {padding-bottom: 14rem;}
#store-info .sch-store {display:flex; text-align:center; align-items:center; background:#f4f4f4;}
#store-info .sch-store .map {width:50%; height:100%;}
#store-info .sch-store .sch-box {width:50%; height:100%; padding:15rem 5rem; background:#fff url('/common/imgs/sub/store_bg_logo.png') no-repeat center center; border:1px solid #d6d6d6; border-left:0;}
#store-info .sch-store .sch-box .tit {padding-bottom:3rem;}
#store-info .sch-store .sch-box .txt {padding-bottom:3.5rem; color:#666; font-size:2.2rem; word-break:keep-all;}

#store-info .sch-store .txt-box {margin:4rem auto 6rem auto;}
#store-info .sch-store .txt-box form {display:flex; justify-content:space-between; flex-flow:row wrap;}
#store-info .sch-store .txt-box select,
#store-info .sch-store .txt-box input {border:1px solid #2b2874;font-size:2rem;color:#2b2874;line-height:50px;height:50px;border-radius:30px;min-width:200px;padding:0 4rem 0 2rem;}
#store-info .sch-store .txt-box input {width:100%;}
#store-info .sch-store .txt-box input::placeholder {color:#2b2874;font-weight:500;}
#store-info .sch-store .txt-box select {width:49%;background:#fff url(/common/imgs/main/store_select_ar.png) right 2rem center no-repeat; appearance:none; /* 기본 스타일 없애기 */ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;}
#store-info .sch-store .txt-box select:first-child {margin-right:2%;}
#store-info .sch-store .txt-box select::-ms-expand {display: none;}
#store-info .sch-store .txt-box .sch-input-box {position:relative; display:inline-block; width:100%; margin-top:2%;}
#store-info .sch-store .txt-box .sch-input-box button {position:absolute; top:0; right:2rem; height:50px; border:0; background:0;padding:0 1rem;}

#store-info .sch-result {position:relative; margin-top:6rem;}
#store-info .sch-result .tit {margin-bottom:3rem;}
#store-info .sch-result .ser-desc {position:absolute; top:0; right:0;}
#store-info .sch-result .ser-desc li {color:#666; font-size:1.8em; float:left; margin-left:3rem;}
#store-info .sch-result .ser-desc li .ic {margin-right:5px;}

#store-info .sch-result .con-tb {width:100%; text-align:center;color:#666;font-size:1.8rem;padding:2rem 0;border-top:2px solid #2b2874; }
#store-info .sch-result .con-tb th {position:relative; background:#e9e9f1; color:#222; font-size:2rem; padding:3rem 0;}
#store-info .sch-result .con-tb td {position:relative; padding:2rem 1rem;}
#store-info .sch-result .con-tb th::after,
#store-info .sch-result .con-tb td::after {content:''; display:block; width:1px; height:2rem; background:#d6d6d6; position:absolute; top:50%; right:0; margin-top:-1rem;}
#store-info .sch-result .con-tb th:last-child::after,
#store-info .sch-result .con-tb td:last-child::after {display:none;}
#store-info .sch-result .con-tb .area {width:10%;}
#store-info .sch-result .con-tb .store-namme {width:12%;}
#store-info .sch-result .con-tb .address {width:50%;}
#store-info .sch-result .con-tb .service {width:14%;}
#store-info .sch-result .con-tb .service img {margin:0 5px;}
#store-info .sch-result .con-tb .detail {width:14%;}
#store-info .sch-result .con-tb .detail .detail-btn {width:12rem; line-height:4rem; border:1px solid #2b2874; background:#fff; color:#2b2874; font-size:1.8rem; border-radius:40px;}
#store-info .sch-result .con-tb .detail .detail-btn.on {color:#fff; border:none; background:#2b2874;}
#store-info .sch-result .con-tb .detail-box {width:100%; text-align:left; border:1px solid #d6d6d6; padding: 3rem 4rem;}
#store-info .sch-result .con-tb .detail-box .img-box {float:left; width:33rem; height:22rem; overflow:hidden;}
#store-info .sch-result .con-tb .detail-box .txt-box {float:left; margin-left:3rem;}
#store-info .sch-result .con-tb .detail-box .txt-box li {display:flex; margin-bottom:2.5rem;}
#store-info .sch-result .con-tb .detail-box .txt-box li:last-child {margin-bottom:0;}
#store-info .sch-result .con-tb .detail-box .txt-box strong {flex-shrink:0; display:block; width:8rem; text-align:justify; color:#222; font-size:1.8rem;}
#store-info .sch-result .con-tb .detail-box .txt-box strong::after {content:''; display:inline-block;}
#store-info .sch-result .con-tb .detail-box .txt-box span {display:inline-block; color:#666; font-size:1.8rem;}
#store-info .sch-result .con-tb .detail-box .map-box {clear:both; width:100%; padding-top:4rem;}
#store-info .sch-result .con-tb .res-detail {display:none;}
#store-info .sch-result .con-tb .res-detail.on {display:table-row;}

#store-info .sch-result .con-tb .sch-res-row td {border-bottom:1px solid #d6d6d6;}

#store-info .sch-result .con-tb .detail-box .map-box .root_daum_roughmap { width:100% !important; height:100% !important;}
#store-info .sch-result .con-tb .detail-box .map-box .root_daum_roughmap {height:100%;}
#store-info .sch-result .con-tb .detail-box .map-box .roughmap_maker_label{border:none !important;}
#store-info .sch-result .con-tb .detail-box .map-box .roughmap_lebel_text {position:relative;visibility:hidden;}
#store-info .sch-result .con-tb .detail-box .map-box .roughmap_lebel_text:before {visibility:visible; display:block; position:absolute; content:'야바다다';line-height:1.2em;top:0;left:50%;transform:translateX(-50%); z-index:10; padding:4px 8px 7px; border-radius:3px; font-weight:600; font-size:12px; line-height:15px; background-color:#fff; color:#000;}
#store-info .sch-result .con-tb .detail-box .map-box .root_daum_roughmap{box-sizing:border-box; border:none !important;}

.map-bg-w {}
.map-bg-w .map-bg {width:100%; position:relative; max-width:357px; margin:auto;}

.map-bg-w .map-bg .city {position:absolute; top:0; left:0; width:100%; height:100%;}
.map-bg-w .map-bg .city li {margin:0; padding:0; list-style:none; position:absolute; width:50px; height:50px;}

.map-bg-w .map-bg .city li .city-trigger {display:block; color:#989898; opacity:0.25; font-weight:500; background:none; font-size:14px; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; border:0; cursor: pointer; padding: 0; -webkit-transition: 0.3s;  transition: 0.3s;  z-index: 2;}
.map-bg-w .map-bg .city li.active .city-trigger {color:#666; opacity:1;}

.map-bg-w .map-bg .city li:before {content: ''; display:none; width:40px; height:40px; background:#e3e3f4; -webkit-animation:dotpulse 1.5s ease-out infinite; animation:dotpulse 1.5s ease-out infinite; border-radius:50%; position:absolute; top:0; left:50%; margin:-20px 0 0 -20px; -webkit-transition: 0.3s; transition: 0.3s;}
.map-bg-w .map-bg .city li:after {content: ''; z-index: 2; display:none; width:4px; height:4px; background:#2b2874; border:4px solid #2b2874; position: absolute; top:0; left:50%; margin:-4px 0 0 -4px; border-radius:50%; -webkit-transition:0.3s; transition:0.3s;}
.map-bg-w .map-bg .city li button:before {content: ''; display:none; width:24px; height:24px; background:#9f9dc6; -webkit-animation:dotpulse 1.5s ease-out infinite; animation:dotpulse 1.5s ease-out infinite; border-radius:50%; position:absolute; top:0; left:50%; margin:-12px 0 0 -12px; -webkit-transition: 0.3s; transition: 0.3s;}

.map-bg-w .map-bg .city li.active:before {display:block;}
.map-bg-w .map-bg .city li.active:after {display:block;}
.map-bg-w .map-bg .city li.active button:before {display:block;}

.map-bg-w .map-bg .city li.seoul {top:12.5%; left:25%;}
.map-bg-w .map-bg .city li.inchoen {left:12%;top:18%;}
.map-bg-w .map-bg .city li.inchoen button {font-size:12px;}
.map-bg-w .map-bg .city li.gyeonggi {top:26%; left:28%;}
.map-bg-w .map-bg .city li.gangwon {top:14%;left:55%;}
.map-bg-w .map-bg .city li.deajeon {top:37.5%; left:42%;}
.map-bg-w .map-bg .city li.chungbuk {top:31%;left:46%;}
.map-bg-w .map-bg .city li.chungnam {left:22.5%;top:40%;}
.map-bg-w .map-bg .city li.gwangju {left:33%; top:60%;}
.map-bg-w .map-bg .city li.jeonbuk {top:55%;left:27.5%;}
.map-bg-w .map-bg .city li.jeonbuk button {color:#fff;}
.map-bg-w .map-bg .city li.jeonnam {top:70%;left:24.5%;}
.map-bg-w .map-bg .city li.daegu {top:49%; left:57.5%;}
.map-bg-w .map-bg .city li.gyeongbuk {top:45%; left:70%;}
.map-bg-w .map-bg .city li.gyeongnam {top:64%;left:58%;}
.map-bg-w .map-bg .city li.busan {top:57.5%; left:64%;}
.map-bg-w .map-bg .city li.ulsan {left:73%; top:51%;}
.map-bg-w .map-bg .city li.jeju {top:92.5%;left:23.5%;}


@-webkit-keyframes dotpulse {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}

@keyframes dotpulse {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}


/* 브랜드경쟁력 */
#competiss .sub-bgw::after {bottom:14rem;}

#competiss .competi-sec1 {background:url('/common/imgs/sub/brd_sec2_bg.png') no-repeat center bottom; background-size:contain; padding-top:1rem; padding-bottom:10rem;}
#competiss .competi-sec1 .inner {display:flex; align-items:center;}
#competiss .competi-sec1 .img-box {flex-shrink:0;}
#competiss .competi-sec1 .txt-box {margin-top:10rem; margin-left:4.5rem; color:#666; font-size:2rem;}

#competiss .competi-sec2 {padding:9rem 0; text-align:center;}
#competiss .competi-sec2 ul {display:flex; justify-content:space-between;}
#competiss .competi-sec2 ul li .img {position:relative; display:block; margin-bottom:3rem;}
#competiss .competi-sec2 ul li .img::after {content:''; display:block; width:50%; height:2px; background:#2b2874; position:absolute; top:50%; right:-50%; z-index:-1;}
#competiss .competi-sec2 ul li:last-child .img::after {display:none;}
#competiss .competi-sec2 ul li .tit {display:block; margin-bottom:1.5rem;}
#competiss .competi-sec2 ul li .txt {color:#666; font-size:2rem; line-height:1.6;}

/* 가맹절차 */
#procedure .step-list {display:flex; flex-flow:row wrap; justify-content:space-between; margin-bottom:10rem;}
#procedure .step-list li {width: 27%;text-align:center;line-height:1.7;}
#procedure .step-list li .img {position:relative; display:block;}
#procedure .step-list li .img::before {content:'';display:block;width:41px;height:27px;background:url('/common/imgs/sub/procedure_step_arrow.png') no-repeat center bottom;position:absolute;top:50%;left: 110%;z-index:-1;}
#procedure .step-list li .img::after {content:''; display:block; width:2px; height:43px; background:#2b2874; position:absolute; bottom:-43px; left:50%;}
#procedure .step-list li:nth-child(3) .img::before {top: auto;bottom: calc(-100% - -7rem);left:50%;transform:rotate(90deg);margin-left: -18px;}
#procedure .step-list li:nth-child(4) .img::before {display:none;}
#procedure .step-list li:nth-child(5) .img::before,
#procedure .step-list li:nth-child(6) .img::before {transform: rotate(180deg);}
#procedure .step-list li .tit {display:block; color:#222; font-size:2rem; margin-top:6.5rem;}
#procedure .step-list li .txt {color:#666; font-size:2rem;}
#procedure .step-list li.line-bot {margin-top:12rem;}
#procedure .step-list li:nth-child(4) {order:6;}
#procedure .step-list li:nth-child(5) {order:5;}
#procedure .procedure-sec2 {background:url('/common/imgs/sub/procedure_sec2_bg.png') no-repeat center bottom; background-size:contain; padding-top:1rem; padding-bottom:10rem;}
#procedure .procedure-sec2 .inner {display:flex; align-items:center;}
#procedure .procedure-sec2 .img-box {flex-shrink:0;}
#procedure .procedure-sec2 .txt-box {margin-top:10rem; margin-left:4.5rem; color:#666; font-size:2rem;}
#procedure .con {word-break:keep-all;}

/* 가맹관련 FAQ  */
#faq .faq-w {margin-bottom:8rem;}
#faq .faq-w ul {border-top:1px solid #342e75;}
#faq .faq-w ul li {padding:2rem 4rem; border-bottom:1px solid #d6d6d6;}
#faq .faq-w ul li .con {float:left; width:calc(100% - 5.5rem); padding-top:0.5rem;}
#faq .faq-w ul li .ic {float:left; display:inline-block; width:4rem; line-height:4rem; height:4rem; flex-shrink:0; font-size:2rem; font-weight:500; border-radius:50%; text-align:center; margin-right:1.5rem;}
#faq .faq-w ul li .ic_q {border:1px solid #2c2875; color:#2c2875;}
#faq .faq-w ul li .ic_a {background:#222; border:1px solid #222; color:#fff;}

#faq .faq-w ul li.q_li {color:#222; font-size:2rem; background:url('/common/imgs/sub/faq_arrow_down.png') no-repeat center right 4rem; cursor:pointer;}
#faq .faq-w ul li.a_li {display:none; background:#eae9f1; padding:4rem}
#faq .faq-w ul li.a_li .con {color:#666; font-size:1.8rem;}

#faq .faq-w ul li.on.q_li {background-image:url('/common/imgs/sub/faq_arrow_up.png');}
#faq .faq-w ul li.on .ic_q {background:#2c2875; color:#fff;}

/* 창업문의 */
#inquiry .sub-bgw::after {bottom:30rem;}

#inquiry .inq-select {width:25%;height:5rem;padding:0 5rem 0 1rem;border:1px solid #d8d8d8;background:none;color:#666;font-size:1.8rem; background:#fff url(/images/board/sel-arrow.png) right 1rem center no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;}
#inquiry .inq-select::-ms-expand {display:none;}

.privacy-box {margin-top:4rem; margin-bottom:10rem;}
.privacy-box .privacy-tit {color:#222; font-size:2rem;}
.privacy-box .privacy-tit .esse {color:#e50000; font-size:2rem;}
.privacy-box textarea {margin:1rem 0;background:#f4f4f4; color:#666; font-size:1.6rem; padding:2rem; line-height:1.6;}
.privacy-box textarea:disabled {opacity:1; -webkit-text-fill-color: inherit}
.privacy-box .agree-row {color:#666; font-size:1.6rem;}
.privacy-box .agree-row input {margin-right:5px;}
.privacy-box .bottomBtn {margin-bottom:9rem;}

/* 개설비용 */
#cost .sub-bgw {padding-bottom: 9rem;}
#cost .cost-tb {position: relative; width:100%; text-align: center;}
#cost .cost-tb::after {display: block; content:''; z-index: -1; position: absolute; bottom:-3rem; right:-36.5rem; background:url('/common/imgs/sub/cost_bg_obj.png') no-repeat center center; background-size: contain; width:44.5rem; height:60rem;}
#cost .cost-tb th {font-size: 2rem; color: #222; background: #e9e9f1; border-top: 2px solid #2b2874; border-right: 1px solid #d6d6d6; padding: 1.5rem;}
#cost .cost-tb th:last-child {border-right:none;}
#cost .cost-tb td {background: #fff; font-size: 1.8rem; color: #666; line-height: 2; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; padding: 1.5rem;}
#cost .cost-tb td:last-child {border-right:none;}
#cost .cost-tb .total-tr { border-bottom: 1px solid #d6d6d6;}
#cost .cost-tb .total-tr td {background: rgba(242,222,222,0.5); font-size: 2rem; font-weight: 600; color: #333;}
#cost .cost-tb .total-tr td .num {color: #8a1111; font-weight: 500;}
#cost .cost-tb .total-tr td .vat {color: #666; font-weight: 400;}
#cost .tb-info {margin-top: 3.5rem;}
#cost .tb-info li {font-size: 1.8rem; color: #666; margin-bottom: 1rem; word-break: keep-all; line-height: 1.6;}
#cost .tb-info li.impt {color: #222; font-weight: 600;}
#cost .tb-info li.sepa {letter-spacing: -0.155rem;}

/* 페이지 준비중 */
.preparing-box {text-align:center; background:#e9e9f1; padding:20rem 5rem;}


/* 미디어쿼리 */
@media (max-width: 1760px) {
	#greetings .img-box {right:0; top:auto;  bottom:0; width:50%;}
}

@media (max-width: 1400px) {
	#bi .img-box .rt-box::after {display:none;}
}

@media (max-width: 1300px) {
	.sub-bgw::after {display:none;}

	#bi .img-box {width:95%; margin:auto;}
	#bi .img-box .rt-box {width:102.5%; margin-right:-2.5%;}
	#bi .img-box2 {width:95%; margin-left:auto; margin-right:auto;}

	#brand .stit-box .stit img {max-height:15rem}
	#brand .brd-sec1 .img-box {position:relative; left:0; margin-right:0;}
	#brand .brand-toplist {margin-top:8rem;}
	#brand .brand-toplist li .ic {margin-bottom:2rem;}
	#brand .brand-toplist li .ic img {max-height:7.2rem;}
	#brand .brand-toplist li .tit img {max-height:2.8rem;}
	#brand .brand-toplist li .txt {font-size:1.8rem; word-break:keep-all;}
	#brand .brd-sec2 .img-box {flex-shrink:inherit;}
	#brand .brd-sec2 .txt-box {flex-shrink:0; margin-top:0; width:50%;}

	#brand .brd-sec3 .txt-box {flex-shrink:0; width:50%;}
	#brand .brd-sec3 .img-box {flex-shrink:inherit;}


	.map-bg-w .map-bg .city li .city-trigger {font-size: 14px;}

	#store-info .sch-store .sch-box {width:100%; padding:10rem 5rem;}
	#store-info .sch-store .txt-box select {width:100%; margin-top:1rem;}
	#store-info .sch-store .txt-box select:first-child {margin-right:0;}
	#store-info .sch-store .map {width:100%; padding:2rem;}

	#store-info .sch-result .con-tb .detail-box .img-box {float:none; width:100%; height:auto;}
	#store-info .sch-result .con-tb .detail-box .txt-box {margin-left:0; margin-top:2rem; clear:left; float:none;}

	#competiss .competi-sec1 .img-box {flex-shrink:inherit;}
	#competiss .competi-sec1 .txt-box {flex-shrink:0; margin-top:0; width:50%;}

	#procedure .pc-br {display:none;}
	#procedure .step-list {margin-bottom:6rem;}
	#procedure .step-list li {width:100%; margin-bottom:2rem;}
	#procedure .step-list li .img {width:50%; margin:auto;}
	#procedure .step-list li .img::before {transform: rotate(90deg); left:50%; top:auto; bottom:-35px; margin-left:-20.5px;}
	#procedure .step-list li:nth-child(3) .img::before {bottom:-35px;}
	#procedure .step-list li:nth-child(5) .img::before, #procedure .step-list li:nth-child(6) .img::before {transform:rotate(90deg);}
	#procedure .step-list li:nth-child(4) {order:4;}
	#procedure .step-list li:nth-child(4) .img::before {display:block;}
	#procedure .step-list li:nth-child(6) {order:6;}
	#procedure .step-list li .img::after {display:none;}
	#procedure .step-list li.line-bot {margin-top:0;}

	#procedure .procedure-sec2 {padding-bottom:6rem;}
	#procedure .procedure-sec2 .img-box {flex-shrink:inherit;}
	#procedure .procedure-sec2 .txt-box {flex-shrink:0; margin-top:0; width:50%;}

}

@media (max-width: 980px) {

	#greetings .con {line-height:1.6;}
	#greetings .img-box {z-index:-1; opacity:1; width:100%; position:relative; margin-bottom:4rem;}
	#greetings .img-box .pc-img {display:none;}
	#greetings .img-box .mb-img {display:block;}
	#greetings .pc-br {display:none;}

	#brand .pc-br {display:none;}
	#brand .con {word-break:keep-all; line-height:1.6;}

	#store-info .sch-result .con-tb {text-align:left;}
	#store-info .sch-result .con-tb .sch-res-row {border-bottom:1px solid #d6d6d6;}
	#store-info .sch-result .con-tb .sch-res-row.on {border-bottom:none;}
	#store-info .sch-result .con-tb .sch-res-row td {border-bottom:none;}
	#store-info .sch-result .con-tb thead {display:none;}
	#store-info .sch-result .con-tb td {display:inline-block;}
	#store-info .sch-result .con-tb th::after, #store-info .sch-result .con-tb td::after {display:none;}
	#store-info .sch-result .con-tb td.area::after {display:block;}
	#store-info .sch-result .con-tb td.area {width:auto;}
	#store-info .sch-result .con-tb .store-namme {width:auto;}
	#store-info .sch-result .con-tb .address {width:100%; padding:0 1rem;}
	#store-info .sch-result .con-tb .service {width:50%;}
	#store-info .sch-result .con-tb .detail {width:50%; text-align:right;}
	#store-info .root_daum_roughmap .wrap_map {height:40rem !important;}

	#location .bi-sec2 .con {flex-flow: wrap;}
	#location .link-box {width:100%; text-align:left; margin-top:2rem;}
	#location .link-box li {margin-left:0; margin-right:2rem;}
	#location .root_daum_roughmap .wrap_map {height:40rem !important;}

	#competiss .competi-sec2 ul {flex-flow:column;}
	#competiss .competi-sec2 ul li {margin-bottom:4rem;}
	#competiss .competi-sec2 ul li:last-child {margin-bottom:0;}
	#competiss .competi-sec2 ul li .img {width:50%; margin:auto; margin-bottom:3rem;}
	#competiss .competi-sec2 ul li .img::after {display:none;}

}

@media (max-width: 768px) {
	.stit-box {padding-top:6rem;}

	.sub-visual {padding-top:14rem; padding-bottom:14rem;}
	.sub-visual .sv-tit h2 {font-size:4rem;}
	.sub-visual .sv-tit p {font-size:2.2rem; font-weight:500;}

	.sub-menu li {padding:0 0.8rem;}
	.sub-menu li a {font-size:1.7rem;}

	#greetings .sub-bgw {padding-bottom:6rem;}

	#brand .stit-box .stit img {max-height:11rem}
	#brand .brand-toplist {flex-flow:wrap; margin-top:0;}
	#brand .brand-toplist li {width:50%; border-bottom:1px solid #d6d6d6; padding:3rem;}
	#brand .brand-toplist li:first-child {border-left:none;}
	#brand .brand-toplist li:nth-child(2n) {border-right:none;}
	#brand .brd-sec2 {padding:6rem 0; background-size:75rem; background-position:right bottom;}
	#brand .brd-sec2 .inner {flex-flow:column-reverse; align-items:baseline;}
	#brand .brd-sec2 .img-box {width:70%; margin-top:4rem;}
	#brand .brd-sec2 .txt-box {width:100%; margin-left:0;}

	#brand .brd-sec3 {padding-top:4rem; padding-bottom:6rem;}
	#brand .brd-sec3 .inner {flex-flow: column-reverse; align-items:baseline;}
	#brand .brd-sec3 .img-box {width:100%;}
	#brand .brd-sec3 .txt-box {width:100%; margin-top:4rem; margin-left:0;}

	#bi .stit-box .stit img {max-height:8rem}
	#bi .img-box {flex-flow:wrap;}
	#bi .img-box .rt-box {margin-left:0; margin-top:4rem;}

	#location .sub-bgw {padding-bottom: 6rem;}
	#location .sec-tit {display:block; margin-top:4rem;}
	#location .sec-tit .logo img {height:5rem;}
	#location .sec-tit .call-box {display:none;}
	#location .txt-box .call-tr {display:table-row;}
	#location .txt-box th {vertical-align:top;}
	#location .txt-box td {word-break: keep-all;}

	#menu .sub-bgw {padding-top:6rem; padding-bottom:6rem;}

	#bi .img-box2 {margin-top:8rem; margin-bottom:6rem;}

	.map-bg-w {width:100%; float:none; margin-right:0;}
	.map-bg-w .map-bg .city li {width:42px; height:42px;}
	.map-bg-w .map-bg .city li .city-trigger {font-size:12px;}

	#store-info .sub-bgw {padding-bottom: 6rem;}
	#store-info .sch-store {display:block;}
	#store-info .sch-store .sch-box {border-left:1px solid #d6d6d6;}
	#store-info .sch-store .txt-box {margin:0 auto;}

	#store-info .sch-result .tit img {max-height:3.2rem;}
	#store-info .sch-result .con-tb .detail-box {padding:3rem 2rem;}
	#store-info .sch-result .ser-desc {position:relative; text-align:right; margin-bottom:2rem;}
	#store-info .sch-result .ser-desc li {float:none; display:inline-block;}

	#competiss .stit-box .stit img {max-height:8rem;}
	#competiss .competi-sec1 {padding-top:0; padding-bottom:6rem; background-size:75rem; background-position:right bottom;}
	#competiss .competi-sec1 .inner {flex-flow:column-reverse; align-items:baseline;}
	#competiss .competi-sec1 .img-box {width:70%; margin-top:4rem;}
	#competiss .competi-sec1 .txt-box {width:100%; margin-left:0;}
	#competiss .competi-sec2 ul li .tit img {max-height:3.4rem;}

	#procedure .stit-box .stit img {max-height:8rem;}
	#procedure .procedure-sec2 .inner {flex-flow:column-reverse; align-items:baseline;}
	#procedure .procedure-sec2 .img-box {width:100%; margin-top:4rem;}
	#procedure .procedure-sec2 .txt-box {width:100%; margin-left:0;}
	#procedure .procedure-sec2 .con-tit img {max-height:8rem;}

	#faq .faq-w ul li.q_li {background-position:center right 2rem; padding-right:6rem; padding-left:2rem;}
	#faq .faq-w ul li.a_li {padding:4rem 2rem;}

	#cost .sub-bgw {padding-bottom: 6rem;}
	#cost .cost-tb {display: block; white-space:nowrap; overflow-x:auto; overflow-y:hidden;}
	#cost .cost-tb th {font-size: 1.8rem; padding: 2rem;}
	#cost .cost-tb td {font-size: 1.8rem; padding: 1.5rem 2rem;}
	#cost .cost-tb::after {display:none;}

	#inquiry .stit-box .stit img {max-height:8rem;}
	.privacy-box {margin-bottom:6rem;}
	.privacy-box .bottomBtn {margin-bottom:0;}

}


@media screen and (min-width:481px) and (max-width:767px) {

	#inquiry .inq-select {width:98%;margin:0 1%;}
	#inquiry .inq-select:first-child {margin-bottom: 0.8rem;}
}


@media (max-width: 480px) {

	#location .link-box li {width:100%; margin-right:0; margin-bottom:1rem;}

	.map-bg-w .map-bg .city li .city-trigger {font-size:10px;}
	.map-bg-w .map-bg .city li.inchoen button {font-size:10px;}

	#store-info .sch-store .sch-box {padding:6rem 1rem; background-size:contain;}

	#inquiry .inq-select {width:98%;margin:0 1%;}
	#inquiry .inq-select:first-child {margin-bottom: 0.8rem;}
}