.img_box img {width: 100%;}
.block {display: block;}
.m_color {color: #0C82FE;}
button {cursor: pointer; border: 0; outline: none; padding: 0;}

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

.intro_banner {background: #EAF2FF; text-align: center;}
.intro_banner .inner h3 {font-size: 70px; font-weight: 700; line-height: 1em; letter-spacing: -1px;}
.intro_banner .inner p {font-size: 28px; line-height: 28px; letter-spacing: -1px; color: #161718; margin-top: 40px;}

.branch_con .inner ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.branch_con .inner ul li {width: 100%; padding-top: calc(360/620 * 100%); box-sizing: border-box; border-radius: 20px; overflow: hidden; position: relative; 
    background-position: center; background-repeat: no-repeat; background-size: cover;}
.branch_con .inner ul li.gangnam {background-image: url(../images/img_branch01.png);}
.branch_con .inner ul li.bupyeong {background-image: url(../images/img_branch02.png);}
.branch_con .inner ul li.geomdan {background-image: url(../images/img_branch03.png);}
.branch_con .inner ul li.dongtan {background-image: url(../images/img_branch04.png);}
.branch_con .inner ul li.dangjin {background-image: url(../images/img_branch05.png);}
.branch_con .inner ul li.suwon {background-image: url(../images/img_branch06.png);}
.branch_con .inner ul li.seomyeon {background-image: url(../images/img_branch07.png);}
.branch_con .inner ul li.ilsan {background-image: url(../images/img_branch08.png);}
.branch_con .inner ul li.changwon {background-image: url(../images/img_branch09.png);}
.branch_con .inner ul li .text_box {position: absolute; top: 50%; transform: translateY(-50%); left: 45%;}
.branch_con .inner ul li .text_box .m_color {display: block; font-size: 32px; font-weight: 500; line-height: 32px; letter-spacing: -1px; margin-bottom: 16px;}
.branch_con .inner ul li .text_box .btn_tel {display: block; font-size: 44px; font-weight: 600; line-height: 44px;}
.branch_con .inner ul li .text_box .btn_move {display: inline-block; padding: 12px 36px; border-radius: 260px; background: #0C82FE; margin-top: 40px;}
.branch_con .inner ul li .text_box .btn_move::after {content: '바로가기'; font-size: 24px; font-weight: 500; letter-spacing: -1px; color: #fff;}
.branch_con .inner ul li .text_box .btn_move.on {background: #DFE0E2; pointer-events: none; cursor: default;}
.branch_con .inner ul li .text_box .btn_move.on::after {content: '현재 페이지';}


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

    .branch_con .inner ul li .text_box .m_color {font-size: 26px; line-height: 1em;}
    .branch_con .inner ul li .text_box .btn_tel {font-size: 36px; line-height: 1em;}
    .branch_con .inner ul li .text_box .btn_move {margin-top: 30px;}
    .branch_con .inner ul li .text_box .btn_move::after {font-size: 20px;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    section > .inner {padding: 150px 6%;}

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


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

    .intro_banner .inner h3 {font-size: 42px; line-height: 1em;}
    .intro_banner .inner p {font-size: 20px; line-height: 1em; margin-top: 20px;}


    .branch_con .inner ul {grid-template-columns: repeat(1, 1fr); gap: 20px;}
    .branch_con .inner ul li {padding: 42px 0 42px 5%; height: auto; border-radius: 10px; background-color: #F5F5F5; background-image: none !important;}
    .branch_con .inner ul li::after {content: ''; display: block; width: 40%; height: 100%; position: absolute; right: 0; bottom: 0;
        background-repeat: no-repeat; background-position: left center; background-size: cover;}
    .branch_con .inner ul li.gangnam::after {background-image: url(../images/img_branch01_tab.png);}
    .branch_con .inner ul li.bupyeong::after {background-image: url(../images/img_branch02_tab.png);}
    .branch_con .inner ul li.geomdan::after {background-image: url(../images/img_branch03_tab.png);}
    .branch_con .inner ul li.dongtan::after {background-image: url(../images/img_branch04_tab.png);}
    .branch_con .inner ul li.dangjin::after {background-image: url(../images/img_branch05_tab.png);}
    .branch_con .inner ul li.suwon::after {background-image: url(../images/img_branch06_tab.png);}
    .branch_con .inner ul li.seomyeon::after {background-image: url(../images/img_branch07_tab.png);}
    .branch_con .inner ul li.ilsan::after {background-image: url(../images/img_branch08_tab.png?v=2);}
    .branch_con .inner ul li.changwon::after {background-image: url(../images/img_branch09_tab.png);}
    .branch_con .inner ul li .text_box {position: relative; top: 0; transform: translateY(0); left: 0;}
    .branch_con .inner ul li .text_box .m_color {font-size: 20px; line-height: 1em;}
    .branch_con .inner ul li .text_box .btn_tel {font-size: 32px; line-height: 1em;}
    .branch_con .inner ul li .text_box .btn_move {padding: 12.5px 30px; margin-top: 20px;}
    .branch_con .inner ul li .text_box .btn_move::after {font-size: 18px;}
}

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

    .intro_banner .inner h3 {font-size: 38px;}
    .intro_banner .inner p {font-size: 16px; line-height: 24px; margin-top: 16px;}

    .branch_con .inner ul li::after {width: 60%;}
    .branch_con .inner ul li.gangnam::after {background-image: url(../images/img_branch01_mo.png);}
    .branch_con .inner ul li.bupyeong::after {background-image: url(../images/img_branch02_mo.png);}
    .branch_con .inner ul li.geomdan::after {background-image: url(../images/img_branch03_mo.png);}
    .branch_con .inner ul li.dongtan::after {background-image: url(../images/img_branch04_mo.png);}
    .branch_con .inner ul li.dangjin::after {background-image: url(../images/img_branch05_mo.png);}
    .branch_con .inner ul li.suwon::after {background-image: url(../images/img_branch06_mo.png);}
    .branch_con .inner ul li.seomyeon::after {background-image: url(../images/img_branch07_mo.png);}
    .branch_con .inner ul li.ilsan::after {background-image: url(../images/img_branch08_mo.png?v=2);}
    .branch_con .inner ul li.changwon::after {background-image: url(../images/img_branch09_mo.png);}
    .branch_con .inner ul li .text_box .m_color {font-size: 16px;}
    .branch_con .inner ul li .text_box .btn_tel {font-size: 28px;}
    .branch_con .inner ul li .text_box .btn_move {padding: 9.5px 24px; margin-top: 40px;}
    .branch_con .inner ul li .text_box .btn_move::after {font-size: 14px;}
}