.img_box img {width: 100%;}
.block {display: block;}
/* button {cursor: pointer; border: 0; outline: none; padding: 0;} */

/* content - 서울점 기준 */
section > .inner {padding: 150px 16.66%; box-sizing: border-box;}

.sub_visual {background: rgba(240, 235, 255, .5);}
.sub_visual .inner {padding: 130px 16.66%;}
.sub_visual .inner h3 {font-size: 72px; font-weight: 700; line-height: 1em; letter-spacing: -1px; text-align: center; color: #161718;}
.sub_visual .inner .select_btn {display: none;}
.sub_visual .inner .branch_tab.mo_ver {display: none;}
.sub_visual .inner .branch_tab.pc_ver {display: flex; justify-content: center; gap: 12px; margin-top: 50px;}
.sub_visual .inner .branch_tab.pc_ver li a {display: block; border: 1px solid #713FFF; background-color: #fff; color: #713FFF; box-sizing: border-box;
    height: 48px; line-height: 48px; font-weight: 500; font-size: 22px; letter-spacing: -1px; text-align: center; border-radius: 10px; padding: 0 34px;}
.sub_visual .inner .branch_tab.pc_ver li a.on {background-color: #713FFF; color: #fff;}


/* content - 강남점 기준 */
.branch_area .inner .branch > div {display: flex; justify-content: space-between; align-items: flex-start; padding: 120px 0; border-bottom: 1px solid #DFE0E2;}
.branch_area .inner .branch > div > div {width: 48%;}
.branch_area .inner .branch > div:first-of-type {padding: 0 0 120px;}
.branch_area .inner .branch > div:last-of-type {padding: 120px 0 0; border-bottom: none;}
.branch_area .inner .branch .text_box h4 {font-weight: 700; font-size: 30px; line-height: 35px; color: #161718; margin-bottom: 50px;}
.branch_area .inner .branch .img_box {display: flex; flex-direction: column; justify-content: center;}
.branch_area .inner .branch .img_box img {border-radius: 30px; object-fit: contain;}
.branch_area .inner .branch .icon_box {display: flex; align-items: center; margin-bottom: 50px;}
.branch_area .inner .branch .icon_box:last-of-type {margin-bottom: 0;}
.branch_area .inner .branch .icon_box .icon_transport {display: inline-block; width: 110px; height: 110px; flex-shrink: 0;
    background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 10px;}
.branch_area .inner .branch .icon_box .icon_transport:last-of-type {margin-right: 0;}
.branch_area .inner .branch .icon_box .icon_text {margin-left: 20px;}
.branch_area .inner .branch .icon_box .icon_text p {font-size: 18px; line-height: 30px; letter-spacing: -1px; margin-bottom: 20px;}
.branch_area .inner .branch .icon_box .icon_text p:last-of-type {margin-bottom: 0;}
.branch_area .inner .branch .icon_box .icon_text p strong {font-weight: 700; font-size: 22px;}
.branch_area .inner .branch .icon_box .icon_text ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px;} 
.branch_area .inner .branch .icon_box .icon_text ul li strong {display: inline-block; font-size: 18px; font-weight: 500; line-height: 18px; letter-spacing: -1px; 
    border-width: 2px; border-style: solid; box-sizing: border-box; padding: 5.5px 7.5px 5px; border-radius: 50px; margin-right: 10px;}
.branch_area .inner .branch .btn_ytb {display: inline-block; padding: 10px 36px; font-weight: 500; font-size: 24px; line-height: 44px; letter-spacing: -1px;
    color: #161718; border-radius: 75px; border: 1px solid #777C81; background: #FFF; white-space: nowrap; margin-top: 50px;}
.branch_area .inner .branch .btn_ytb .icon {display: inline-block; width: 37px; height: 28px;
    background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: 16px; vertical-align: sub;}


.branch_area .inner .branch .info_map > div {width: 47%; display: flex; flex-direction: column; justify-content: space-between;}
.branch_area .inner .branch .info_map .btn_box .map_btn {display: flex; justify-content: space-between; gap: 21px; margin-top: 30px;}
.branch_area .inner .branch .info_map .btn_box .map_btn li {width: 33%;}
.branch_area .inner .branch .info_map .btn_box .map_btn li a {display: block; color: #161718; font-size: 22px; letter-spacing: -1px; text-align: center; 
    padding: 14px 0; border-radius: 999px; border: 1px solid #777C81; box-sizing: border-box;}
.branch_area .inner .branch .info_map .btn_box .map_btn li a span {display: inline-block; width: 30px; height: 30px; 
    background-position: center; background-repeat: no-repeat; background-size: contain; margin-right: 8%; vertical-align: -7px;}
.branch_area .inner .branch .info_map .text_box > div {margin-bottom: 40px;}
.branch_area .inner .branch .info_map .text_box > div:last-of-type {margin-bottom: 0;}
.branch_area .inner .branch .info_map .text_box h4 {margin-bottom: 10px;}
.branch_area .inner .branch .info_map .text_box address {font-size: 18px; line-height: 24px; letter-spacing: -1px; color: #474A4D;}
.branch_area .inner .branch .info_map .text_box address strong {display: block; font-weight: 700; font-size: 28px; line-height: 40px; margin-bottom: 10px;}
.branch_area .inner .branch .info_map .text_box .inquiry_call a {font-weight: 700; font-size: 32px; line-height: 35px; color: #161718; vertical-align: middle;}
.branch_area .inner .branch .info_map .text_box .inquiry_call .badge {display: inline-block; color: #FFF; font-size: 17px; font-weight: 700; line-height: 17px;
    padding: 6px 9px; border-radius: 6px; vertical-align: middle; margin-left: 7px;}
.branch_area .inner .branch .info_map .text_box .office_hours h4 {margin-bottom: 20px;}
.branch_area .inner .branch .info_map .text_box .office_hours ul li {font-size: 22px; line-height: 1.2; letter-spacing: -1px; margin-bottom: 1em;}
.branch_area .inner .branch .info_map .text_box .office_hours ul li:last-child {margin-bottom: 0;}
.branch_area .inner .branch .info_map .text_box .office_hours ul li strong {display: inline-block; width: 20%; font-weight: 700; vertical-align: middle;}
.branch_area .inner .branch .info_map .text_box .office_hours ul li span {display: inline-block; width: 80%; vertical-align: middle; word-break: keep-all;}
.branch_area .inner .branch .info_map .text_box .btn_box {display: flex; justify-content: space-between; align-items: center;} 
.branch_area .inner .branch .info_map .text_box .btn_box a {display: block; width: 48%; padding: 16px 2%; box-sizing: border-box; 
    font-weight: 700; font-size: 22px; letter-spacing: -1px; text-align: center; border-radius: 999px; white-space: nowrap;}
.branch_area .inner .branch .info_map .text_box .btn_box a span {display: inline-block; width: 30px; height: 30px; 
    background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: 5%; vertical-align: -8px;}
.branch_area .inner .branch .info_map .text_box .btn_box a.btn_reservaion {color: #FFF; background-color: #713FFF;}
.branch_area .inner .branch .info_map .text_box .btn_box a.btn_kakaomap {color: #3C1F1E; background-color: #FFDA19;}

.branch_area .inner .branch .info_bus .icon_text ul li {display: flex; gap: 10px; align-items: flex-start;}
.branch_area .inner .branch .info_bus .icon_text ul li strong {white-space: nowrap;}
.branch_area .inner .branch .info_bus .icon_text ul li span {display: inline-block; font-size: 18px; letter-spacing: -1px; line-height: 1.8em; margin-right: 0.5em;}
.branch_area .inner .branch .info_bus .mySwiper {width: 40%; overflow: hidden; position: relative;}

.branch_area .inner .branch .info_car .img_box img {margin-bottom: 20px;}
.branch_area .inner .branch .info_car .img_box img:last-of-type {margin-bottom: 0;}
.branch_area .inner .branch .info_car .icon_box .icon_text p:first-of-type {margin-bottom: 10px;}

.branch_area .inner .branch .info_car_con {flex-direction: column;}
.branch_area .inner .branch .info_car_con h5 {font-size: 35px; letter-spacing: -1px; margin-bottom: 40px;}
.branch_area .inner .branch .info_car_con h5 span {display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%;
    font-size: 32px; font-weight: 700; letter-spacing: -1px; color: #fff; text-align: center; margin-right: 10px;}
.branch_area .inner .branch .info_car_con > ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 100px;}
.branch_area .inner .branch .info_car_con > ul:last-of-type {margin-bottom: 0;}
.branch_area .inner .branch .info_car_con > ul li {display: flex; align-items: center; background: #F4F4F4; border-radius: 30px;}
.branch_area .inner .branch .info_car_con > ul li .img_box {width: 55%;}
.branch_area .inner .branch .info_car_con > ul li .img_box img {border-radius: 30px 0 0 30px;}
.branch_area .inner .branch .info_car_con > ul li .text_box {width: 45%; padding: 0 4%; box-sizing: border-box; border-radius: 0 20px 20px 0;
    font-size: 24px; line-height: 34px; letter-spacing: -1px; color: #161718; text-align: center;}


.branch_area .inner .branch .swiper-button-prev, 
.branch_area .inner .branch .swiper-button-next {top: 43%; color: #fff; width: 35px; height: 35px; border-radius: 50%; background: #713FFF;}
.branch_area .inner .branch .swiper-button-prev::after, 
.branch_area .inner .branch .swiper-button-next::after {font-size: 1.2em; font-weight: 700;}


/* 팝업 [s] */
.popup_bg {width: 100%; height: 100vh; background: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; z-index: 99999; display: none;}
.popup_con {width: 520px; min-height: 310px; background: #fff; border-radius: 30px; 
    position: fixed; left: 50%; top: 50vh; transform: translate(-50%, -50%); z-index: 99999; display: none;}
.popup_con .inner {padding: 60px 56px;}
.popup_con .inner > p {color: #161718; text-align: center; font-size: 30px; font-weight: 700; line-height: 39px;}
.popup_con .inner .btn_close {display: inline-block; position: absolute; top: 33px; right: 9%;}
.popup_con .inner .btn_close::before {content: ''; width: 20px; height: 3px; border-radius: 1.5px; background: #000; position: absolute; top: 0; left: 0; transform: rotate(-45deg);}
.popup_con .inner .btn_close::after {content: ''; width: 20px; height: 3px; border-radius: 1.5px; background: #000; position: absolute; top: 0; left: 0; transform: rotate(45deg);}

/*
form .input_box {margin: 20px 0 14px; display: flex; justify-content: space-between;}
form .input_box input[type='tel'] {width: calc(90% - 58px); padding: 8px 3%; box-sizing: border-box; vertical-align: middle;
    font-family: 'Pretendard'; font-size: 22px; line-height: normal; color: #1C1C1C; border-radius: 12px; border: 3px solid #DFE0E2; outline: none;}
form .input_box input[type='tel']::placeholder {color: #AAADB0;}
form .input_box button {color: #FFF; background: #713FFF; text-align: center; border-radius: 15px; vertical-align: middle;
    font-family: 'Pretendard'; font-size: 20px; font-weight: 700; line-height: 48px; height: 48px; padding: 0 20px; margin-left: 10px;}

form .agree_box {display: flex; align-items: center; gap: 12px;}
form .agree_box > div {display: flex; align-items: center; gap: 6px;}
form .agree_box input[type="checkbox"] {appearance: none; position: relative; margin: 0 6px 0 0;}
form .agree_box label {vertical-align: middle; cursor: pointer;}
form .agree_box input[class="agree"]::after {content:''; display: inline-block; width: 19px; height: 19px; 
    border-radius: 2px; border: 1px solid #A6A6A6; box-sizing: border-box; background-color: #fff; vertical-align: middle;
    background-image: url(../img/sub/new/intro07/icon_chk.png); background-repeat: no-repeat; background-position: center; background-size: 14px 11px;}
form .agree_box input[class="agree"]:checked::after {background-image: url(../img/sub/new/intro07/icon_chk_on.png); border-color: #713FFF; background-color: #713FFF;}
form .agree_box label .btn_agree {display: inline-block; font-size: 14px; line-height: 27px; letter-spacing: -2px; color: #454545; vertical-align: middle;}
form .agree_box .privacy {display: inline-block; background: #fff; border: 1px solid #A6A6A6; border-radius: 50px; 
    padding: 0 12px; height: 20px; line-height: 20px; font-size: 10px; color: #272727; text-align: center; vertical-align: middle;}
 */
form .terms {height: 100px; overflow-y: scroll; border-radius: 10px; padding: 25px 3%; margin-top: 14px;
    font-weight: 300; font-size: 15px; line-height: normal; color: #454545; background: #F9F9F9; border: 1px solid #D5D5D5; display: none;}
form .terms.on {display: block;}
form .terms > * {background-color: transparent !important;}

/* 스크롤바 커스텀 [s] */
form .terms::-webkit-scrollbar,
form textarea::-webkit-scrollbar {width: 6px; /* 스크롤바 너비 */}
form .terms::-webkit-scrollbar-thumb,
form textarea::-webkit-scrollbar-thumb {background: #D9D9D9; /* 스크롤바 색상 */ border-radius: 10px; /* 스크롤바 둥근 테두리 */}
form .terms::-webkit-scrollbar-track,
form textarea::-webkit-scrollbar-track {background: #F9F9F9; /*스크롤바 뒷 배경 색상*/}
/* 스크롤바 커스텀 [e] */

/* 오시는길 영상 */
.video_area {width: 50%; padding-top: 28%; position: fixed; left: 50%; top: 50vh; transform: translate(-50%, -50%); z-index: 99999; display: none;}
.video_area .btn_close {display: inline-block; position: absolute; top: 5px; left: 101%;}
.video_area .btn_close::before {content: ''; width: 20px; height: 3px; border-radius: 1.5px; background: #fff; position: absolute; top: 0; left: 0; transform: rotate(-45deg);}
.video_area .btn_close::after {content: ''; width: 20px; height: 3px; border-radius: 1.5px; background: #fff; position: absolute; top: 0; left: 0; transform: rotate(45deg);}

/* 팝업 [e] */


/* 지점별 css */
/* 서면점 */
.branch_area .inner .branch.seomyeon .info_bus .icon_box .icon_text ul {grid-template-columns: repeat(1, 1fr);}

.branch_area .inner .branch.seomyeon .info_car .btn_ytb:last-of-type {margin-top: 25px;}

.branch_area .inner .branch.seomyeon .info_trans .text_box {width: 100%; display: grid; gap: 35px;}
.branch_area .inner .branch.seomyeon .info_trans .text_box h4 {grid-column: 1/3; grid-row: 1/2; margin-bottom: 0;}
.branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box {align-items: flex-start;}
.branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(1) {grid-column: 2/3; grid-row: 3/4;}
.branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(2) {grid-column: 2/3; grid-row: 2/3;}
.branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(3) {grid-column: 1/2; grid-row: 3/4;}
.branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(4) {grid-column: 1/2; grid-row: 2/3;}
.branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box .icon_text {width: calc(100% - 110px);}
.branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box .icon_text .trans_title {font-weight: 500; font-size: 20px; margin-bottom: 10px;}
.branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box .icon_text > p:not(:last-of-type) {margin-bottom: 30px;}
.branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box .icon_text > p:first-of-type {margin-bottom: 20px;}

/* 대구점 */
.branch_area .inner .branch.daegu .info_bus .icon_box .icon_text ul {grid-template-columns: repeat(1, 1fr);}

.branch_area .inner .branch.daegu .info_car .img_box img:first-of-type {margin-bottom: 40px;}
.branch_area .inner .branch.daegu .info_car .img_box img {margin-bottom: 16px;}
.branch_area .inner .branch.daegu .info_car .img_box p {font-weight: 700; font-size: 22px; line-height: 1.5; letter-spacing: -1px; margin-bottom: 1em;}
.branch_area .inner .branch.daegu .info_car .btn_ytb:last-of-type {margin-top: 25px;}
.branch_area .inner .branch.daegu .info_car .valet_info_box {box-sizing: border-box; background: #F0EBFF; padding: 16px 28px; border-radius: 10px; width:410px; min-height: 90px; margin-bottom: 28px;}
.branch_area .inner .branch.daegu .info_car .valet_info_box p{letter-spacing: -1px; line-height:28px; font-size:18px;}
.branch_area .inner .branch.daegu .info_car .valet_info_box p:first-child{font-weight: 700; font-size:22px; margin-bottom: 2px;}


/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    section > .inner {padding: 150px 10%;}

    .sub_visual .inner {padding: 110px 10%;}
    .sub_visual .inner .branch_tab.pc_ver li a {font-size: 30px;}

    .branch_area .inner .branch .info_map .text_box .btn_box a {font-size: 18px;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    section > .inner {padding: 150px 8%;}
    .sub_visual .inner {padding: 110px 8%;}
    .branch_area .inner .branch .info_map .btn_box .map_btn {gap: 16px;}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    section > .inner {padding: 150px 6%;}
    .sub_visual .inner {padding: 110px 6%;}
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    section > .inner {padding: 80px 5%;}

    .sub_visual .inner {padding: 80px 5%;}
    .sub_visual .inner h3 {font-size: 42px; line-height: 1em;}
    .sub_visual .inner .select_btn_box {width: 50%; margin: 0 auto; position: relative;}
    .sub_visual .inner .select_btn {display: block; padding: 11.5px 20px; box-sizing: border-box; background: #FFF; border-radius: 190px;
        font-size: 18px; font-weight: 700; line-height: normal; letter-spacing: -1px; color: #713FFF; margin-top: 30px; border: 1px solid #713FFF; position: relative;}
    .sub_visual .inner .select_btn::after {content: ''; display: inline-block; width: 24px; height: 24px; transition: all .2s;
        background: url(../images/arrow_down.png) center no-repeat; background-size: contain; position: absolute; right: 20px; top: 50%; margin-top: -12px;}
    .sub_visual .inner .select_btn.on::after {transform: rotate(-540deg);}
    .sub_visual .inner .branch_tab.pc_ver {display: none;}
    .sub_visual .inner .branch_tab.mo_ver {width: 100%; padding: 8px 7.5px; box-sizing: border-box; 
        background: #fff; border: 1px solid #713FFF; border-radius: 10px; position: absolute; top: 62px; left: 0; display: none;}
    .sub_visual .inner .branch_tab.mo_ver li a {display: block; height: 50px; line-height: 50px; font-weight: 700; font-size: 18px; color: #713FFF;
        border: none; border-radius: 8px; padding: 0 16px;}
    .sub_visual .inner .branch_tab.mo_ver li a.on {background-color: #D6EAFF; color: #713FFF;}
    
    
    .branch_area .inner .branch > div {padding: 80px 0; flex-direction: column-reverse; gap: 40px; align-content: center;}
    .branch_area .inner .branch > div:first-of-type {padding: 0 0 80px;}
    .branch_area .inner .branch > div:last-of-type {padding: 80px 0 0;}
    .branch_area .inner .branch > div > div {width: 100%;}
    .branch_area .inner .branch .text_box h4 {font-size: 34px; line-height: 1em; text-align: center; margin-bottom: 40px;}
    .branch_area .inner .branch .img_box img {border-radius: 10px; object-fit: contain;}
    .branch_area .inner .branch .icon_box {justify-content: center;}
    .branch_area .inner .branch .btn_ytb {padding: 8px 36px; margin: 40px 10px 0; position: relative; left: 50%; transform: translateX(-50%);}
    
    .branch_area .inner .branch .info_map {flex-direction: column-reverse;}
    .branch_area .inner .branch .info_map > div {width: 100%;}
    .branch_area .inner .branch .info_map .text_box > div {margin-bottom: 60px; text-align: center;}
    .branch_area .inner .branch .info_map .text_box address {font-size: 16px; line-height: 22px; color: #161718;}
    .branch_area .inner .branch .info_map .text_box address strong {font-size: 28px; line-height: 42px;}
    .branch_area .inner .branch .info_map .text_box address .mo_ver {display: none;}
    .branch_area .inner .branch .info_map .text_box .inquiry_call a {display: block; font-size: 34px; line-height: 44px;}
    .branch_area .inner .branch .info_map .text_box .inquiry_call .badge {margin-left: 7px;}
    .branch_area .inner .branch .info_map .text_box .office_hours h4 {margin-bottom: 30px;}
    .branch_area .inner .branch .info_map .text_box .office_hours ul {width: 60%; margin: 0 auto;}
    .branch_area .inner .branch .info_map .text_box .office_hours ul li {text-align: left;}
    .branch_area .inner .branch .info_map .text_box .office_hours ul li:last-child {text-align: center;}
    .branch_area .inner .branch .info_map .text_box .office_hours ul li strong {width: 30%;}
    .branch_area .inner .branch .info_map .text_box .office_hours ul li span {width: 70%;}
    .branch_area .inner .branch .info_map .text_box .office_hours ul li span {line-height: 1.3em;}
    .branch_area .inner .branch .info_map .text_box .office_hours ul li span i {display: block;}
    .branch_area .inner .branch .info_map .text_box .btn_box {justify-content: center; gap: 20px;} 
    .branch_area .inner .branch .info_map .text_box .btn_box a {width: 40%; font-size: 22px;}
    .branch_area .inner .branch .info_map .text_box .btn_box a span {width: 28px; height: 28px; margin-left: 3%;}
    .branch_area .inner .branch .info_map .btn_box .map_btn {gap: 23px; margin-top: 28px;}
    .branch_area .inner .branch .info_map .btn_box .map_btn li {width: 33%;}

    .branch_area .inner .branch .info_subway .icon_box .icon_text p {font-size: 22px;}

    .branch_area .inner .branch .info_bus .mySwiper {width: 100%;}

    .branch_area .inner .branch .info_car_con {margin-bottom: 40px; padding: 40px 0; gap: 0;}
    .branch_area .inner .branch .info_car_con h5 {font-size: 24px; margin-bottom: 21px;}
    .branch_area .inner .branch .info_car_con h5 span {width: 28px; height: 28px; line-height: 28px; font-size: 22px; margin-right: 8px;}
    .branch_area .inner .branch .info_car_con > ul {gap: 16px; margin-bottom: 42px;}
    .branch_area .inner .branch .info_car_con > ul li {border-radius: 10px;}
    .branch_area .inner .branch .info_car_con > ul li .img_box img {border-radius: 10px 0 0 10px;}
    .branch_area .inner .branch .info_car_con > ul li .text_box {border-radius: 0 10px 10px 0; font-size: 16px; line-height: 22px;}


    .branch_area .inner .branch .swiper-button-prev, 
    .branch_area .inner .branch .swiper-button-next {width: 45px; height: 45px;}

    /* 팝업 [s] */
    /* 카카오 약도 */
    form .terms {border-radius: 6px; padding: 22px 3%; margin-top: 28px; font-size: 14px;}

    /* 스크롤바 커스텀 [s] */
    form .terms::-webkit-scrollbar,
    form textarea::-webkit-scrollbar {width: 4px; /* 스크롤바 너비 */}
    /* 스크롤바 커스텀 [e] */

    /* 오시는길 영상 */
    .video_area {width: 90%; padding-top: 51%;}
    .video_area .btn_close {top: -20px; left: calc(100% - 20px);}

    /* 팝업 [e] */   


    /* 지점별 css */
    /* 서면점 */
    .branch_area .inner .branch.seomyeon .info_bus .icon_box {justify-content: flex-start; margin-left: 20%;}
    .branch_area .inner .branch.seomyeon .info_bus .icon_box .icon_text {width: calc(100% - 110px);}
    .branch_area .inner .branch.seomyeon .info_bus .icon_box .icon_text ul {grid-template-columns: repeat(1, 1fr);}

    .branch_area .inner .branch.seomyeon .info_car .icon_box {justify-content: flex-start; margin-left: 20%;}
    .branch_area .inner .branch.seomyeon .info_car .icon_box .icon_text {width: calc(100% - 110px);}


    .branch_area .inner .branch.seomyeon .info_trans .text_box {gap: 40px;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(1) {grid-column: 1/3; grid-row: 5/6;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(2) {grid-column: 1/3; grid-row: 4/5;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(3) {grid-column: 1/3; grid-row: 3/4;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(4) {grid-column: 1/3; grid-row: 2/3;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box .icon_text > p:first-of-type {margin-bottom: 10px;}  

    /* 대구점 */
    .branch_area .inner .branch.daegu .info_bus .icon_box {justify-content: flex-start; margin-left: 20%;}
    .branch_area .inner .branch.daegu .info_bus .icon_box .icon_text {width: calc(100% - 110px);}
    .branch_area .inner .branch.daegu .info_bus .icon_box .icon_text ul {grid-template-columns: repeat(1, 1fr);}

    .branch_area .inner .branch.daegu .info_car .icon_box {justify-content: flex-start; margin-left: 20%;}
    .branch_area .inner .branch.daegu .info_car .icon_box .icon_text {width: calc(100% - 110px);}
    .branch_area .inner .branch.daegu .info_car .valet_info_box_warp {width:100%; display: flex; justify-content: center;}
    .branch_area .inner .branch.daegu .info_car .valet_info_box_warp p {text-align: center;}
}


        /* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    /* content */
    section > .inner {padding: 50px 5%;}

    .sub_visual .inner {padding: 50px 5%;}
    .sub_visual .inner h3 {font-size: 38px;}
    .sub_visual .inner .select_btn_box {width: 100%;}
    .sub_visual .inner .select_btn {padding: 5.5px 16px;}
    .sub_visual .inner .select_btn::after {right: 16px;}
    .sub_visual .inner .branch_tab.mo_ver {padding: 5.5px 7.5px; top: 50px; left: 0;}
    .sub_visual .inner .branch_tab.mo_ver li a {height: 40px; line-height: 40px;}

    .branch_area .inner .branch > div {gap: 30px; padding: 50px 0;}
    .branch_area .inner .branch > div:first-of-type {padding: 0 0 50px;}
    .branch_area .inner .branch > div:last-of-type {padding: 50px 0 0;}
    .branch_area .inner .branch .text_box h4 {font-size: 30px; margin-bottom: 30px;}
    .branch_area .inner .branch .icon_box {flex-direction: column; gap: 16px; margin-bottom: 30px;}
    .branch_area .inner .branch .icon_box .icon_text {margin: 0;}
    .branch_area .inner .branch .icon_box .icon_text p {text-align: center; line-height: 24px;}
    .branch_area .inner .branch .icon_box .icon_text p strong {line-height: 30px;}
    .branch_area .inner .branch .icon_box .icon_text ul {grid-template-columns: repeat(1, 1fr); gap: 16px; justify-items: flex-start; margin-top: 16px;}
    .branch_area .inner .branch .btn_ytb {padding: 0 36px; font-size: 18px; line-height: 48px; margin-top: 28px;}
    .branch_area .inner .branch .btn_ytb span {width: 32px; height: 22px;}
    
    .branch_area .inner .branch .info_map {gap: 50px;}
    .branch_area .inner .branch .info_map .text_box > div {margin-bottom: 50px; text-align: center;}
    .branch_area .inner .branch .info_map h4 {margin-bottom: 5px;}
    .branch_area .inner .branch .info_map .text_box address {color: #505050;}
    .branch_area .inner .branch .info_map .text_box address strong {font-size: 24px; line-height: 38px;}
    .branch_area .inner .branch .info_map .text_box .inquiry_call a {font-size: 30px; line-height: 38px;}
    .branch_area .inner .branch .info_map .text_box .office_hours h4 {margin-bottom: 20px;}
    .branch_area .inner .branch .info_map .text_box .office_hours ul {width: 95%;}
    .branch_area .inner .branch .info_map .text_box .office_hours ul li {font-size: 20px;}
    .branch_area .inner .branch .info_map .text_box .btn_box {flex-direction: column; gap: 16px;} 
    .branch_area .inner .branch .info_map .text_box .btn_box a {width: 100%; padding: 12px 2%;}
    .branch_area .inner .branch .info_map .btn_box .map_btn {gap: 13px; margin-top: 20px;}
    .branch_area .inner .branch .info_map .btn_box .map_btn li {width: 33%;}
    .branch_area .inner .branch .info_map .btn_box .map_btn li a {font-size: 14px; padding: 8px 0; border: 1px solid #777C81;}
    .branch_area .inner .branch .info_map .btn_box .map_btn li a span {width: 22px; height: 22px; vertical-align: text-top; margin-right: 5%;}
    .branch_area .inner .branch .info_map .icon_text p {width: 22px; height: 22px; vertical-align: middle; margin-right: 5%;}

    .branch_area .inner .branch .info_bus .icon_text p strong {display: block;}

    .branch_area .inner .branch .info_car .icon_text p:first-of-type {margin-bottom: 16px;}
    .branch_area .inner .branch .info_car .img_box img {margin-bottom: 10px;}

    .branch_area .inner .branch .info_car_con h5 {font-size: 16px; line-height: 22px; margin-bottom: 10px;}
    .branch_area .inner .branch .info_car_con h5 span {width: 18px; height: 18px; line-height: 18px; font-size: 14px; margin-right: 5px;}
    .branch_area .inner .branch .info_car_con > ul {gap: 10px; margin-bottom: 20px;}
    .branch_area .inner .branch .info_car_con > ul li {flex-direction: column;}
    .branch_area .inner .branch .info_car_con > ul li .img_box {width: 100%;}
    .branch_area .inner .branch .info_car_con > ul li .img_box img {border-radius: 10px 10px 0 0;}
    .branch_area .inner .branch .info_car_con > ul li .text_box {width: 100%; padding: 14px 5%; border-radius: 0 0 10px 10px; font-size: 14px; line-height: 20px;}

    .branch_area .inner .branch .swiper-button-prev, 
    .branch_area .inner .branch .swiper-button-next {width: 30px; height: 30px;}
    .branch_area .inner .branch .swiper-button-prev::after, 
    .branch_area .inner .branch .swiper-button-next::after {font-size: 1em;}

    /* 팝업 [s] */
    .popup_con {width: 90%; min-height: auto; min-width: 375px;}
    .popup_con .inner {padding: 50px 5%;}
    .popup_con .inner > p {font-size: 22px; line-height: 1.5em;}
    .popup_con .inner .btn_close {display: inline-block; position: absolute; top: 22px; right: 38px;}

    form .input_box input[type='tel'] {width: calc(88% - 58px); padding: 4.5px 3%; font-size: 18px; border-radius: 10px;}
    form .input_box button {font-size: 18px; line-height: 42px; height: 42px;}

    form .terms {padding: 20px 3%;}

    /* 스크롤바 커스텀 [s] */
    form .terms::-webkit-scrollbar,
    form textarea::-webkit-scrollbar {width: 3px; /* 스크롤바 너비 */}
    /* 스크롤바 커스텀 [e] */
    /* 팝업 [e] */  


    /* 지점별 css */
    /* 서면점 */
    .branch_area .inner .branch.seomyeon .info_bus .icon_box {margin-left: 0;}
    .branch_area .inner .branch.seomyeon .info_bus .icon_box .icon_text {width: 100%;}
    .branch_area .inner .branch.seomyeon .icon_box .icon_text ul {justify-items: center;}
    .branch_area .inner .branch.seomyeon .icon_box .icon_text ul li .mo_ver {display: grid; grid-template-columns: repeat(3, 1fr);}

    .branch_area .inner .branch.seomyeon .info_car .icon_box {margin-left: 0;}
    .branch_area .inner .branch.seomyeon .info_car .icon_box .icon_text {width: 100%;}
    .branch_area .inner .branch.seomyeon .info_car .btn_ytb:last-of-type {margin-top: 28px;}

    .branch_area .inner .branch.seomyeon .info_trans .text_box {gap: 40px;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(1) {grid-column: 1/3; grid-row: 5/6;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(2) {grid-column: 1/3; grid-row: 4/5;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(3) {grid-column: 1/3; grid-row: 3/4;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box:nth-last-of-type(4) {grid-column: 1/3; grid-row: 2/3;}
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box .icon_text {width: 100%;}  
    .branch_area .inner .branch.seomyeon .info_trans .text_box .icon_box .icon_text > p:first-of-type {margin-bottom: 10px;}  
    .branch_area .inner .branch.seomyeon .info_trans .icon_box .icon_transport:last-of-type {margin: 0 auto;}

    /* 대구점 */
    .branch_area .inner .branch.daegu .info_bus .icon_box {margin-left: 0;}
    .branch_area .inner .branch.daegu .info_bus .icon_box .icon_text {width: 100%;}
    .branch_area .inner .branch.daegu .icon_box .icon_text ul {margin-left: 30%;}
    .branch_area .inner .branch.daegu .icon_box .icon_text ul li .mo_ver {display: grid; grid-template-columns: repeat(3, 1fr);}

    .branch_area .inner .branch.daegu .info_car .img_box img:first-of-type {margin-bottom: 28px;}
    .branch_area .inner .branch.daegu .info_car .img_box img {margin-bottom: 12px;}
    .branch_area .inner .branch.daegu .info_car .icon_box {margin-left: 0;}
    .branch_area .inner .branch.daegu .info_car .icon_box .icon_text {width: 100%;}
    .branch_area .inner .branch.daegu .info_car .btn_ytb:last-of-type {margin-top: 28px;}
    .branch_area .inner .branch.daegu .info_car .valet_info_box_warp .valet_info_box{max-width:333px; word-break:keep-all; padding:20px 24px;}
    .branch_area .inner .branch.daegu .info_car .valet_info_box_warp .valet_info_box p {line-height: 24px;}
    .branch_area .inner .branch.daegu .info_car .valet_info_box_warp .valet_info_box p:first-child {font-size:18px; margin-bottom:0;}
    .branch_area .inner .branch.daegu .info_car .valet_info_box_warp .valet_info_box p:last-child{font-size: 16px;}
}