@charset "utf-8";

/* 내용관리 */
#header {background:#ffffff}
#header #logo a {background-image:url("../../../img/logo-b.svg");}
#header .gnb a {color:#232b36}
#header .header-button a {color:#232b36}

#ctt {margin:0;padding:100px 0; font-size:1rem; line-height:160%}
#ctt p {padding:2px 0; line-height:160%}

.ctt_admin {text-align: right;top: 100px;position: absolute;right: 0; display: inline-block;border: 1px solid #ccc;background: #fff;padding: 0 13px;font-weight: 500; text-decoration: none; vertical-align: middle;}
.ctt_admin a { font-size:12px; color:#333}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0;line-height:1.6em; width:100%; margin:0 auto}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
.inner {width:90%; max-width:1640px; margin:0 auto;}
.section-pa {padding:80px 0;}
.section-ma {margin:40px 0;}
.section-flex {display:flex; justify-content:space-between; align-items:center;}


/* 서브 공통 타이틀 */
.sub-title-wrap {
    margin: 0;
}

.sub-title-wrap .sub-title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.8px;
    color: #232b36;
}

.sub-title-wrap .sub-title-en {
    margin: 8px 0 0;
    font-size: 1.1rem;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: #3e2b6b;
    font-weight: 400;
}
.title-purple-box {display:inline-block; min-width:250px; width:auto; background:#3e2b6b; color:#ffffff; border-radius: 20px; font-size:1.4rem; margin:80px 0 40px 0; padding:12px 100px 12px 16px; font-weight:400; position:relative;}
.title-purple-box .icon-title-front {display:inline-block; vertical-align: middle;}
.title-purple-box .icon-title-after {position:absolute; right:16px;display:inline-block;font-size:1.4rem; top:52%; transform:translateY(-50%)}

.table-list table {width:100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed;}
.table-list thead th {background:#F0EEF3;border-right:1px solid #dfdfdf;; font-weight:600; padding:12px 16px; border-bottom:1px solid #e2e2e8; border-top:1px solid #3E2B6B; border-bottom:1px solid #3E2B6B; color:#232b36; }
.table-list thead th:last-child {border-right:none;}
.table-list tbody td, .table-list tbody th {background:#fff; border-right:1px solid #efefef; padding:24px; color:#232b36;}

.table-list tbody tr td.border-none {border-right:none;}
.table-list tbody tr:nth-child(even) td, .table-list tbody tr:nth-child(even) th {background:#f6f6f6;}
.ac { text-align:center;}

.tabs {display:block;padding:48px 0;}
.tabs .tab {display:inline-block; margin:4px 4px 4px 0;}
.tabs .tab a {font-size:1.2rem; padding:12px 24px;display:block;background:#fff;border-radius: 16px; color:#232b36;}
.tabs .tab.on a {background:#3e2b6b; color:#fff;}

#map {width:100%;margin:48px auto 0 auto}
#map > div {width:100%; height:500px;}
.addr-info {padding-top:80px;}
.addr-info > div {padding:4px 0;}
.addr-info .icon-wrap {color:#F77E0B; display:inline-block; margin-right:8px;width:18px; text-align:center; font-size:18px;position:relative;}
.addr-info .gubun {height:1px; background:#dfdfdf; margin:24px 0;width:100%; overflow:hidden; padding:0}
.addr-info .addr {font-size:1.2rem;}
.addr-info strong {font-weight:600}
.addr-info .traffic strong {font-weight:400; margin-right:16px}
.addr-info i {display:inline-block; border-radius: 8px;font-weight:700; background:#efefef; color:#232B36; font-size:0.9rem; margin-right:4px; padding:2px 8px; font-style:normal}
.addr-info .copy-addr {position:relative;}
.addr-info i.copy-text {position:absolute; background:rgba(62, 43, 107, 0.9); color:#fff; font-size:13px; right:-45px; top:28px;display:none;}

.btn-map-wrap {text-align:center;}
.btn-map-wrap a {display:inline-block; padding:12px 24px; background:#F77E0B; color:#fff; border-radius: 16px; margin-top:24px;}
.btn-map-wrap .icon-box {width:28px; height:28px; overflow:hidden;display:inline-block; margin:-2px 0 0 0;vertical-align:middle; position:relative;}
.btn-map.naver {background: #00C73C}
.btn-map.google {background: #3E2B6B}
.btn-map.kakao {background: #F8C600}
.btn-map.tmap {background: #efefef;color:#232b36}
#ctt_con .btn-map-wrap .icon-box img {width:100% }


@media (max-width: 1024px) {
    #ctt {padding:80px 0;}
    .inner {width:92%;}

    .sub-title-wrap .sub-title {font-size:2rem; line-height:1.35;}
    .sub-title-wrap .sub-title-en {font-size:1rem;}

    .table-list thead th,
    .table-list tbody td,
    .table-list tbody th {padding:12px 14px; font-size:0.95rem;}

    .tabs {padding:32px 0;}
    .tabs .tab a {font-size:1.05rem; padding:10px 18px;}

    #map > div {height:420px;}
    .addr-info {padding-top:56px;}
}

@media (max-width: 768px) {
    #ctt {padding:64px 0;}
    #ctt p {font-size:1rem;}
    .section-pa {padding:56px 0;}
    .section-ma {margin:24px 0;}

    .sub-title-wrap .sub-title {font-size:1.75rem; line-height:1.4; letter-spacing:-0.03em; word-break:keep-all;}
    .sub-title-wrap .sub-title-en {margin-top:6px; font-size:0.92rem;}

    .table-list {overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .table-list table {min-width:680px;}
    .table-list thead th,
    .table-list tbody td,
    .table-list tbody th {padding:10px 10px; font-size:0.9rem;}

    .tabs {display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:22px 0;}
    .tabs .tab {margin:0;}
    .tabs .tab a {font-size:0.95rem; border-radius:12px; padding:9px 14px;}

    #map {margin-top:28px;}
    #map > div {height:340px;}

    .addr-info {padding-top:36px;}
    .addr-info .addr {font-size:1.05rem;}
    .addr-info .traffic strong {display:inline-block; margin-right:10px; margin-bottom:6px;}

    .btn-map-wrap .icon-box {width:22px; height:22px;}
}

@media (max-width: 500px) {
    #ctt {padding:56px 0;}
    .inner {width:94%;}

    .sub-title-wrap .sub-title {font-size:1.5rem;}
    .sub-title-wrap .sub-title-en {font-size:0.82rem;}

    .table-list table {min-width:600px;}
    .table-list thead th,
    .table-list tbody td,
    .table-list tbody th {font-size:0.82rem; padding:8px 8px;}

    .tabs .tab {flex:1 1 calc(50% - 6px);}
    .tabs .tab a {text-align:center; width:100%; font-size:0.88rem; padding:9px 10px;}

    #map > div {height:280px;}
    .addr-info {padding-top:28px;}
    .addr-info .addr {font-size:0.95rem;}

}

@media (max-width: 380px) {
    .btn-map-wrap .btn-map {width:100%;}
}