.textarea:after,.input-file:after {
    content: '';
    display: block;
    clear: both
}

input[type=text],input[type=password],input[type=data],input[type=detetime],input[type=datetime-local],input[type=email],input[type=mouth],input[type=number],input[type=range],input[type=search],input[type=tel],input[type=time],input[type=week],.textarea textarea,.select select,.input-file label,.input-file .upload-name {
    width: 100%;
    height: 3rem;
    padding: 0 .75rem;
    border: 1px solid #888;
    border-radius: .25em
}

input[type=text]:hover,input[type=password]:hover,input[type=data]:hover,input[type=detetime]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=mouth]:hover,input[type=number]:hover,input[type=range]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=time]:hover,input[type=week]:hover,.textarea textarea:hover,.select select:hover,.input-file label:hover,.input-file .upload-name:hover,input[type=text]:active,input[type=password]:active,input[type=data]:active,input[type=detetime]:active,input[type=datetime-local]:active,input[type=email]:active,input[type=mouth]:active,input[type=number]:active,input[type=range]:active,input[type=search]:active,input[type=tel]:active,input[type=time]:active,input[type=week]:active,.textarea textarea:active,.select select:active,.input-file label:active,.input-file .upload-name:active,input[type=text]:focus,input[type=password]:focus,input[type=data]:focus,input[type=detetime]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=mouth]:focus,input[type=number]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=week]:focus,.textarea textarea:focus,.select select:focus,.input-file label:focus,.input-file .upload-name:focus {
    border-color: #555555
}

input[type=text]:disabled,input[type=password]:disabled,input[type=data]:disabled,input[type=detetime]:disabled,input[type=datetime-local]:disabled,input[type=email]:disabled,input[type=mouth]:disabled,input[type=number]:disabled,input[type=range]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=time]:disabled,input[type=week]:disabled,.textarea textarea:disabled,.select select:disabled,.input-file label:disabled,.input-file .upload-name:disabled {
    background-color: #f8f8f8;
    cursor: not-allowed
}

input[type=text]:read-only,input[type=password]:read-only,input[type=data]:read-only,input[type=detetime]:read-only,input[type=datetime-local]:read-only,input[type=email]:read-only,input[type=mouth]:read-only,input[type=number]:read-only,input[type=range]:read-only,input[type=search]:read-only,input[type=tel]:read-only,input[type=time]:read-only,input[type=week]:read-only,.textarea textarea:read-only,.select select:read-only,.input-file label:read-only,.input-file .upload-name:read-only {
    background-color: #f8f8f8
}

html,body {
    font-size: 16px;
    font-family: 'Noto Sans KR', 'Nanum Gothic', '굴림', sans-serif;
    overflow-x: hidden;
    color: #151515;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    word-break: keep-all
}

@media screen and (max-width: 1024px) {
    html,body {
        font-size:15px
    }
}

@media screen and (max-width: 560px) {
    html,body {
        font-size:14px
    }
}

@media screen and (max-width: 430px) {
    html,body {
        font-size:13px
    }
}

* {
    box-sizing: border-box
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    line-height: 1
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,small {
    display: block
}

blockquote,q {
    quotes: none
}

mark {
    background-color: #ff9;
    color: #333;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

img,fieldset {
    border: 0;
    vertical-align: baseline
}

ul,ol {
    list-style: none
}

em,address {
    font-style: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed
}

a {
    text-decoration: none;
    color: #151515;
    vertical-align: baseline;
    cursor: pointer
}

a:hover,a:active,a:focus {
    text-decoration: none
}

.blind {
    overflow: hidden;
    position: absolute;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0
}

caption.blind {
    position: static
}

.skip,.skip a {
    width: 0px;
    height: 0px;
    line-height: 0;
    border: none;
    position: fixed;
    top: 0px;
    left: 0px;
    font-size: 0;
    overflow: hidden;
    z-index: 100000
}

.skip a:focus,.skip a:active {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #21272e;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    text-decoration: none
}

.ani-top {
    position: relative;
    opacity: 0;
    top: 25px;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition-delay: .4s;
    -moz-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s
}

.ani-top.ani-finish {
    top: 0;
    opacity: 1
}

.clearfix:after {
    content: '';
    display: block;
    clear: both
}

b,strong {
    font-weight: 600
}

button {
    cursor: pointer;
    color: #151515
}

.link__block {
    display: inline-block;
    width: 100%;
    height: 100%
}

.bg_gray {
    background: #f5f5f5 !important
}

.bg_white {
    background: #ffffff !important
}

.bg_main {
    background: #f5f6f8 !important
}

.w1400 {
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 10px
}

.color-main {
    color: #f7931e
}

.color-point {
    color: #f7941c
}

.paddingArticle {
    width: 100%;
    padding: 7.5rem 0
}

.paddingArticle.noTop {
    padding-top: 0 !important
}

.paddingArticle.noBtom {
    padding-bottom: 0 !important
}

@media screen and (max-width: 1024px) {
    .paddingArticle {
        padding:5.625rem 0
    }
}

@media screen and (max-width: 768px) {
    .paddingArticle {
        padding:4.375rem 0
    }
}

@media screen and (max-width: 560px) {
    .paddingArticle {
        padding:3.125rem 0
    }
}

.br_on1400,.br_on1024,.br_on768,.br_on560,.br_on480,.br_on430,.br_on370 {
    display: none
}

@media screen and (max-width: 1400px) {
    .br_on1400 {
        display:block
    }

    .br_close1400 {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .br_on1024 {
        display:block
    }

    .br_close1024 {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .br_on768 {
        display:block
    }

    .br_close768 {
        display: none
    }
}

@media screen and (max-width: 560px) {
    .br_on560 {
        display:block
    }

    .br_close560 {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .br_on480 {
        display:block
    }

    .br_close480 {
        display: none
    }
}

@media screen and (max-width: 430px) {
    .br_on430 {
        display:block
    }

    .br_close430 {
        display: none
    }
}

@media screen and (max-width: 370px) {
    .br_on370 {
        display:block
    }

    .br_close370 {
        display: none
    }
}

@media screen and (max-width: 340px) {
    .br_close320 {
        display:none
    }
}

.scrollBarX .scrollInfor {
    display: none
}

@media screen and (max-width: 1024px) {
    .scrollBarX {
        position:relative;
        width: 100%;
        overflow: hidden;
        scrollbar-width: thin;
        scrollbar-color: #f7931e #fff;
        scrollbar-face-color:#f7931e;scrollbar-track-color:#ffffff}

    .scrollBarX::-webkit-scrollbar {
        height: 8px
    }

    .scrollBarX::-webkit-scrollbar-thumb {
        background: #f7931e
    }

    .scrollBarX::-webkit-scrollbar-track {
        background: #ffffff;
        border-bottom: 2px solid #e0e0e0
    }

    .scrollBarX .scrollInfor {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
        text-align: center;
        transition: .8s;
        cursor: pointer
    }

    .scrollBarX .scrollInfor.on {
        opacity: 1;
        visibility: visible
    }

    .scrollBarX .scrollInfor>p {
        width: 100%;
        font-size: 1.625rem;
        font-weight: 500;
        line-height: 1.4;
        color: #ffffff
    }
}

@media screen and (max-width: 560px) {
    .scrollBarX .scrollInfor>p {
        font-size:1.125rem
    }
}

@font-face {
    font-family: 'S-CoreDream';
    src: local("S-CoreDream"),url("/assets/fonts/S-CoreDream-5Medium.woff2") format("woff2"),url("/assets/fonts/S-CoreDream-5Medium.woff") format("woff"),url("/assets/fonts/S-CoreDream-5Medium.ttf") format("truetype"),url("/assets/fonts/S-CoreDream-5Medium.eot") format("embedded-opentype");
    font-weight: 500
}

@font-face {
    font-family: 'GmarketSans';
    src: local("GmarketSans"),url("/assets/fonts/GmarketSansBold.woff2") format("woff2"),url("/assets/fonts/GmarketSansBold.woff") format("woff"),url("/assets/fonts/GmarketSansBold.ttf") format("truetype"),url("/assets/fonts/GmarketSansBold.eot") format("embedded-opentype");
    font-weight: 600
}

@font-face {
    font-family: 'GmarketSans';
    src: local("GmarketSans"),url("/assets/fonts/GmarketSansMedium.woff2") format("woff2"),url("/assets/fonts/GmarketSansMedium.woff") format("woff"),url("/assets/fonts/GmarketSansMedium.ttf") format("truetype"),url("/assets/fonts/GmarketSansMedium.eot") format("embedded-opentype");
    font-weight: 400
}

@font-face {
    font-family: 'GmarketSans';
    src: local("GmarketSans"),url("/assets/fonts/GmarketSansLight.woff2") format("woff2"),url("/assets/fonts/GmarketSansLight.woff") format("woff"),url("/assets/fonts/GmarketSansLight.ttf") format("truetype"),url("/assets/fonts/GmarketSansLight.eot") format("embedded-opentype");
    font-weight: 200
}

.font--gmarket {
    font-family: 'GmarketSans','Noto Sans KR', 'Nanum Gothic', '굴림', sans-serif
}

.font--monts {
    font-family: 'Montserrat','GmarketSans', 'Noto Sans KR', sans-serif
}

input,label,select,button,textarea {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
    font-size: .875rem;
    font-family: 'Noto Sans KR', sans-serif
}

input:focus,textarea:focus {
    outline: 0
}

input,textarea,button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

select[multiple] {
    vertical-align: top
}

::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none
}

textarea {
    resize: none
}



input[type=text],input[type=password],input[type=data],input[type=detetime],input[type=datetime-local],input[type=email],input[type=mouth],input[type=number],input[type=range],input[type=search],input[type=tel],input[type=time],input[type=week] {
    display: block
}

button,input[type="reset"],input[type="button"],input[type="submit"] {
    overflow: visible
}



.header {
    width: 100%;
    background-color: #ffffff
}

.header.fixedHe {
    position: fixed;
    top: 0;
    z-index: 99999
}

.header.fixedHe .header__top {
    height: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden
}

.header.fixedHe .header__top .quickMenu {
    top: 11%
}

.header.fixedHe .header__gnb .gnbAr .dep1-wrap .dep1 {
    padding: 1.375rem 25px
}

.header .header__top {
    padding: 3.4375rem 0;
    border-bottom: 1px solid #d2d2d2;
    transition: 0.2s
}

.header .header__top .innerTop {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}

.header .header__top .adminBar {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -moz-transform: translateY(-150%);
    -webkit-transform: translateY(-150%);
    -o-transform: translateY(-150%);
    transform: translateY(-150%);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%
}

.header .header__top .adminBar>li a {
    padding: 5px 10px
}

.header .header__top .call {
    width: 300px;
    background-color: #f7931e;
    border-radius: 60px;
    text-align: center
}

.header .header__top .call:hover {
    opacity: .8
}

.header .header__top .call a {
    padding: 1rem 0;
    color: #ffffff
}

.header .header__top .call span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.125rem;
    font-weight: 800
}

.header .header__top .call b {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3rem;
    font-weight: 800;
    padding-left: .4375rem
}

.header .header__top .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 305px
}

.header .header__top .logo img {
    width: 100%
}

.header .header__top .sns .snsUl {
    display: flex;
    flex-wrap: wrap
}

.header .header__top .sns .snsUl>li {
    width: 48px
}

.header .header__top .sns .snsUl>li:nth-child(n+2) {
    margin-left: .625rem
}

.header .header__top .sns .snsUl>li img {
    width: 100%
}

.header .header__top .sns .mMneuBt {
    display: none
}

.header .header__gnb {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d2d2d2
}

.header .header__gnb .innerBtom {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.header .header__gnb .dropGnbBt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    background-color: #f7931e;
}

.header .header__gnb .dropGnbBt:hover {
    opacity: .8
}

.header .header__gnb .dropGnbBt>span {
    display: inline-block;
    width: 31px;
    height: 3px;
    background-color: #ffffff;
    border-radius: 5px
}

.header .header__gnb .dropGnbBt>span:nth-child(2) {
    margin: 6px 0
}

.header .header__gnb .gnbAr {
    width: calc(100% - 100px)
}

.header .header__gnb .gnbAr .dep1-wrap {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.header .header__gnb .gnbAr .dep1-wrap .dep1-con {
    flex: 1 1;
    text-align: center
}

.header .header__gnb .gnbAr .dep1-wrap .dep1-con:hover .dep2-wrap {
    display: block
}

.header .header__gnb .gnbAr .dep1-wrap .dep1 {
    font-size: 1.25rem;
    font-weight: 400;
    padding: 2.1875rem 25px
}

.header .header__gnb .gnbAr .dep1-wrap .dep1:hover {
    font-weight: 600
}

.header .header__gnb .gnbAr .dep1-wrap .dep1.gnbActive {
    font-weight: 600
}

.header .dep2-wrap {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99997;
    width: 100%;
    max-width: 1400px;
    background-color: #fff;
    border-radius: 0 0 60px 60px;
    text-align: left;
    border-top: 1px solid #d2d2d2
}

.header .dep2-wrap .innerDrop {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 10px
}

.header .dep2-wrap .menuArea {
    position: relative;
    width: 100%;
    max-width: 495px;
    padding: 2.5rem 0 3.75rem
}

.header .dep2-wrap .menuArea::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #c3c3c3
}

.header .dep2-wrap .menuArea .dep2-con {
    width: 240px
}

.header .dep2-wrap .menuArea .dep2-con .dep2 {
    position: relative;
    padding: 1.0625rem 0;
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.3
}

.header .dep2-wrap .menuArea .dep2-con .dep2:hover {
    font-weight: 500;
    color: #f7931e
}

.header .dep2-wrap .menuArea .dep2-con .dep2.gnbActive {
    font-weight: 600;
    color: #f7931e
}

.header .dep2-wrap .menuArea .dep2-con .dep2 span {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 40px;
    font-size: .875rem
}

.header .dep2-wrap .menuArea .dep3-wrap {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 255px;
    height: 100%;
    padding: 2.5rem 0 0 2.5rem;
    border-left: 1px solid #c3c3c3
}

.header .dep2-wrap .menuArea .dep3-wrap .dep3 {
    font-size: 1rem;
    padding: .625rem 0
}

.header .dep2-wrap .menuArea .dep3-wrap .dep3:hover {
    font-weight: 500;
    color: #f7931e
}

.header .dep2-wrap .menuArea .dep3-wrap .dep3.gnbActive {
    font-weight: 500;
    color: #f7941c
}

.header .dep2-wrap .menuFixed {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 495px);
   padding: 2.5rem 0 1rem 1.875rem; /* 하단 패딩을 1rem으로 변경 */
}

.header .dep2-wrap .menuFixed .snsArea {
    width: 50%
}

.header .dep2-wrap .menuFixed .snsArea .text1 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.8px
}

.header .dep2-wrap .menuFixed .snsArea .imgAr {
    margin: .9375rem 0 2.5rem
}

.header .dep2-wrap .menuFixed .snsArea .imgAr img {
    max-width: 100%
}

.header .dep2-wrap .menuFixed .snsArea .text2 {
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: .75rem
}

.header .dep2-wrap .menuFixed .snsArea .text2 .color1 {
    color: #f8a93d
}

.header .dep2-wrap .menuFixed .snsArea>ul {
    display: flex;
    flex-wrap: wrap
}

.header .dep2-wrap .menuFixed .snsArea>ul>li {
    width: 62px
}

.header .dep2-wrap .menuFixed .snsArea>ul>li:nth-child(n+2) {
    margin-left: 1.25rem
}

.header .dep2-wrap .menuFixed .snsArea>ul>li:hover {
    opacity: .8
}

.header .dep2-wrap .menuFixed .snsArea>ul>li img {
    width: 100%
}

.header .dep2-wrap .menuFixed .inforArea {
    width: 50%;
    padding-left: 3.125rem
}

.header .dep2-wrap .menuFixed .inforArea .menuUl {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}
.iconRow3 {
  display: flex;
  justify-content: center;
  gap: 23px;
  padding: 0;
  margin: 20px 0;
  list-style: none;
}

.iconRow3 li {
  text-align: center;
}

.iconRow3 .link__block {
  display: block;
  text-decoration: none;
  color: #333;
}

.iconRow3 .link__block img {
  width: 80px;
  height: auto;
}

.iconRow3 .link__block p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.header .dep2-wrap .menuFixed .inforArea .menuUl>li:nth-child(n+4) {
    margin-top: 1.25rem
}

.header .dep2-wrap .menuFixed .inforArea .menuUl>li:hover {
    opacity: .8
}

.header .dep2-wrap .menuFixed .inforArea .menuUl>li img {
    max-width: 100%
}

.header .dep2-wrap .menuFixed .inforArea .menuUl>li p {
    font-size: 1.0rem;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-top: .625rem
}

.header .dep2-wrap .menuFixed .inforArea hr {
    width: 100%;
    height: 0;
    border-top: 1px solid #b4b4b4;
    margin: 2.5rem auto 1.875rem
}

.header .dep2-wrap .menuFixed .inforArea .callT {
    text-align: center
}

.header .dep2-wrap .menuFixed .inforArea .callT:hover {
    opacity: .8
}

.header .dep2-wrap .menuFixed .inforArea .callT span {
    display: inline-block;
    vertical-align: middle;
    padding: .625rem .75rem;
    background-color: #f7931e;
    border-radius: 40px;
    font-size: 1.25rem;
    font-weight: 500;
    color: #ffffff;
    width:300px;
  
}

.header .dep2-wrap .menuFixed .inforArea .callT b {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: -2.5px;
    color: #f7931e
}

.header .dep2-wrap .menuFixed .inforArea .timeInfor {
    width: 245px;
    margin: 0 auto;
    padding-top: 1.25rem
}

.header .dep2-wrap .menuFixed .inforArea .timeInfor dl {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 1rem;
    font-weight: 500
}

.header .dep2-wrap .menuFixed .inforArea .timeInfor dl:nth-child(n+2) {
    margin-top: .5rem
}

.header .dep2-wrap .menuFixed .inforArea .timeInfor dl dt {
    display: flex;
    justify-content: space-between;
    width: 65px;
    color: #151515
}

.header .dep2-wrap .menuFixed .inforArea .timeInfor dl dt.w100 {
    width: 100%
}

.header .dep2-wrap .menuFixed .inforArea .timeInfor dl dd {
    color: #7d7d7d
}

.header .header__mobileNav.active .mobile__menu {
    right: 0
}

.header .header__mobileNav.active .mobile__opacity {
    opacity: 1;
    pointer-events: all;
    z-index: 99998
}

.header .header__mobileNav .menu__hMenuClose {
    position: absolute;
    left: 20px;
    top: 20px
}

.header .header__mobileNav .menu__hMenuClose>span {
    position: absolute;
    display: block;
    width: 20px;
    height: 3px;
    background-color: #212121
}

.header .header__mobileNav .menu__hMenuClose>span:first-child {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.header .header__mobileNav .menu__hMenuClose>span:last-child {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.header .header__mobileNav .loginArea {
    width: 100%;
    max-width: 340px;
    margin: .9375rem auto 0
}

.header .header__mobileNav .loginArea .nameArea {
    width: 100%;
    background-color: #f5f5f5;
    text-align: center
}

.header .header__mobileNav .loginArea .nameArea p {
    font-size: 1rem;
    font-weight: 400;
    padding: .5625rem .3125rem
}

.header .header__mobileNav .loginArea ul {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.header .header__mobileNav .loginArea ul li {
    padding: .375rem
}

.header .header__mobileNav .loginArea ul li:hover {
    color: #f7931e
}

.header .header__mobileNav .mobile__menu {
    position: fixed;
    right: -400px;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 100vh;
    max-width: 400px;
    padding: 3.125rem .9375rem 7.5rem;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: scroll;
    transition: .8s;
    scrollbar-width: thin;
    scrollbar-color: #f7931e #fff;
    scrollbar-face-color:#f7931e;scrollbar-track-color:#ffffff}

.header .header__mobileNav .mobile__menu::-webkit-scrollbar {
    width: 6px
}

.header .header__mobileNav .mobile__menu::-webkit-scrollbar-thumb {
    background: #f7931e
}

.header .header__mobileNav .mobile__menu::-webkit-scrollbar-track {
    background: #ffffff;
    border-bottom: 2px solid #e0e0e0
}

.header .header__mobileNav .mobile__menu .mobile__logo {
    width: 100%;
    max-width: 210px;
    margin: 0 auto 2.8125rem
}

.header .header__mobileNav .mobile__menu .mobile__logo img {
    width: 100%
}

.header .header__mobileNav .mobile__menu .modep1-wrap {
    width: 100%;
    max-width: 340px;
    margin: .625rem auto 0
}

.header .header__mobileNav .mobile__menu .modep1-wrap .modep1-con {
    position: relative
}

.header .header__mobileNav .mobile__menu .modep1-wrap .modep1 {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: .75rem 0;
    margin-bottom: .75rem;
    text-align: left
}

.header .header__mobileNav .mobile__menu .modep1-wrap .modep1::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f7931e
}

.header .header__mobileNav .mobile__menu .modep1-wrap .modep1.gnbActive {
    color: #f7941c
}

.header .header__mobileNav .mobile__menu .modep1-wrap .modep1.gnbActive::before {
    background-color: #f7941c
}

.header .header__mobileNav .mobile__menu .modep1-wrap .modep1 span {
    position: absolute;
    right: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header .header__mobileNav .mobile__menu .modep1-wrap .modep2-wrap {
    display: none
}

.header .header__mobileNav .mobile__menu .modep1-wrap .modep2-wrap.open {
    display: block
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep2-con {
    width: 100%;
    padding-left: .625rem
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep2-con .mdep2 {
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: .625rem 0
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep2-con .mdep2:hover {
    font-weight: 500;
    color: #f7941c
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep2-con .mdep2.gnbActive {
    font-weight: 600;
    color: #f7941c
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep3-wrap {
    display: none;
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: .4375rem
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep3-wrap.open {
    display: block
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep3-con {
    width: 100%
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep3-con .mdep3 {
    font-size: 14px;
    font-weight: 300;
    padding: .375rem
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep3-con .mdep3:hover {
    color: #f7941c
}

.header .header__mobileNav .mobile__menu .modep1-wrap .mdep3-con .mdep3.gnbActive {
    font-weight: 500;
    color: #f7941c
}

.header .header__mobileNav .mobile__sns {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.header .header__mobileNav .mobile__sns li {
    width: 35px
}

.header .header__mobileNav .mobile__sns li:nth-child(n+2) {
    margin-left: 5px
}

.header .header__mobileNav .mobile__sns li img {
    width: 100%
}

.header .header__mobileNav .mobile__call {
    width: 100%;
    text-align: right;
    margin-top: .5rem;
    font-size: .9375rem
}

.header .header__mobileNav .mobile__call b {
    font-size: 1.0625rem
}

.header .header__mobileNav .adminMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    margin-top: .9375rem
}

.header .header__mobileNav .adminMenu>li a {
    padding: 5px 10px
}

.header .header__mobileNav .adminMenu>li a:hover {
    opacity: .8
}

.header .header__mobileNav .mobile__opacity {
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    background-color: rgba(0,0,0,0.5);
    transition: opacity .8s
}

@media screen and (max-width: 1450px) {
    .header .header__top .adminBar {
        -moz-transform:translateY(-80%);
        -webkit-transform: translateY(-80%);
        -o-transform: translateY(-80%);
        transform: translateY(-80%)
    }

    .header .header__gnb .gnbAr .dep1-wrap .dep1 {
        font-size: 1.125rem;
        padding: 1.5625rem 20px
    }
}

@media screen and (max-width: 1300px) {
    .header.fixedHe .header__gnb .gnbAr .dep1-wrap .dep1 {
        padding:1.25rem 15px
    }

    .header .header__top {
        padding: 1.25rem 0 1.875rem
    }

    .header .header__top .adminBar {
        display: none
    }

    .header .header__top .call span {
        font-size: 1.0625rem
    }

    .header .header__top .call b {
        font-size: 1.375rem
    }

    .header .header__top .logo {
        width: 210px
    }

    .header .header__top .sns .bottom li a {
        padding: 5px .625rem
    }

    .header .header__top .sns .bottom li a p {
        font-size: 1.0625rem
    }

    .header .header__gnb .dropGnbBt {
        width: 80px
    }

    .header .header__gnb .dropGnbBt>span {
        width: 27px
    }

    .header .header__gnb .gnbAr {
        width: calc(100% - 80px)
    }

    .header .header__gnb .gnbAr .dep1-wrap .dep1 {
        font-size: 1rem;
        padding: 1.25rem 15px;
        letter-spacing: -1px
    }

    .header .dep2-wrap .menuArea {
        padding: 1.25rem 0 2.5rem;
        max-width: 360px
    }

    .header .dep2-wrap .menuArea .dep2-con {
        width: 160px
    }

    .header .dep2-wrap .menuArea .dep2-con .dep2 {
        padding: .9375rem 0;
        font-size: 1rem
    }

    .header .dep2-wrap .menuArea .dep2-con .dep2 span {
        right: 15px
    }

    .header .dep2-wrap .menuArea .dep3-wrap {
        width: 200px;
        padding: 1.5625rem 0 0 1.25rem
    }

    .header .dep2-wrap .menuArea .dep3-wrap .dep3 {
        padding: .5rem 0;
        font-size: .875rem
    }

    .header .dep2-wrap .menuFixed {
        width: calc(100% - 360px);
        padding: 1.25rem 0 1.875rem 1.875rem
    }

    .header .dep2-wrap .menuFixed .snsArea>ul>li {
        width: 46px
    }

    .header .dep2-wrap .menuFixed .snsArea>ul>li:nth-child(n+2) {
        margin-left: .625rem
    }

    .header .dep2-wrap .menuFixed .inforArea {
        padding-left: 1.25rem
    }

    .header .dep2-wrap .menuFixed .inforArea hr {
        margin: 1.25rem auto
    }

    .header .dep2-wrap .menuFixed .inforArea .callT {
        text-align: center
    }

    .header .dep2-wrap .menuFixed .inforArea .callT span {
        padding: .4375rem .5rem;
        font-size: 1.0625rem
    }

    .header .dep2-wrap .menuFixed .inforArea .callT b {
        font-size: 1.5rem
    }
}

@media screen and (max-width: 1024px) {
    .header.fixedHe .header__top {
        height:auto;
        opacity: 1;
        visibility: visible
    }

    .header .header__top {
        padding: 1.125rem 0 !important
    }

    .header .header__top .innerTop {
        align-items: center
    }

    .header .header__top .call {
        display: none
    }

    .header .header__top .logo {
        position: relative;
        left: auto;
        top: auto;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 150px
    }

    .header .header__top .sns {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end
    }

    .header .header__top .sns .snsUl>li {
        width: 36px
    }

    .header .header__top .sns .snsUl>li:nth-child(n+2) {
        margin-left: 5px
    }

    .header .header__top .sns .mMneuBt {
        display: block;
        width: 26px;
        height: 26px;
        margin-left: 10px
    }

    .header .header__top .sns .mMneuBt button {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%
    }

    .header .header__top .sns .mMneuBt button .bar {
        width: 100%;
        height: 2px;
        background-color: #212121;
        margin: 0
    }

    .header .header__top .sns .bottom {
        display: none
    }

    .header .header__gnb {
        display: none
    }
}

@media screen and (max-width: 560px) {
    .header .header__top {
        padding:.8125rem 0 !important
    }

    .header .header__top .logo {
        width: 140px
    }

    .header .header__top .sns .snsUl>li {
        width: 29px
    }

    .header .header__top .sns .mMneuBt {
        width: 22px;
        height: 18px
    }
}




 .header .header__top{
        padding: 3.3rem 0;
    }
    .header .header__top .innerTop{
        align-items: center; 
    }
    .left-box{
        
    }
    .left-box ul{
        display:inline-block;
        width:450px;
    }
    .left-box ul li{
        float:left;
        margin-right:30px;
        margin-bottom:10px;
    }
    .left-box ul li:nth-child(3){
        margin-bottom:0px;
    }
    .left-box ul li p{
        display:inline-block;
        padding-left:10px;
        font-size:15px;
        font-weight:600;
        vertical-align:top;
        margin-top:8px;
    }
    .left-box ul li:first-child p{
        padding-left:5px;
    }
    .left-box ul li p span{
        display:block;
        font-size:18px;
        color:#ef8132;
    }
    .left-box ul li:nth-child(2) span{
        color:#00a2b2;
    }
    .left-box ul li:nth-child(3) span{
        color:#194e97;
    }
    .right-box{display:flex;}
    .right-box .call{
        margin-right:10px;
    }
    .header .header__top .call a{
        padding:0.8rem 0;
    }
    @media screen and (max-width: 1024px){
        .left-box{display:none;}
    }
    
    
     /* 슬라이드 전체 영역 */
    .mainSlide {
      width: 100%;
      height: 700px;
      position: relative;
    }

    /* 각 슬라이드 */
    .mainSlide .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      background-size: cover;
      background-position: center;
      position: relative;
    }

    /* 슬라이드 안 내용 */
    .slideContent {
      text-align: center;
      color: #fff;
      z-index: 2;
    }

    .slide-logo {
      margin-bottom: 50px;
    }

    .slideContent h2 {
      font-size: 48px;
      margin-bottom: 12px;
      font-weight: 700;
    }

    .slideContent p {
      font-size: 28px;
      font-weight: 400;
          line-height: 1.4em;
    }

    .em-orange {
      color: #f7941d;
    }

    /* 좌우 네비게이션 버튼 */
    .swiper-button-next,
    .swiper-button-prev {
      color: #fff;
      width: 48px;
      height: 48px;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 24px;
      font-weight: bold;
    }

    /* 반응형 대응 (선택) */
    @media (max-width: 768px) {
      .mainSlide {
        height: 500px;
      }
      .slideContent h2 {
        font-size: 25px;
      }
      .slideContent p {
        font-size: 16px;
      }
      .slide-logo {
        width: 100px;
        margin-bottom: 20px;
      }
    }


  :root{
    --maxw:1400px;
    --radius:8px;
    --pad-v:55px;
    --pad-h:24px;
    --gap:28px;
    --shadow:0 8px 24px rgba(0,0,0,.08);
    --white:#fff; --text:#1b1e28; --muted:#ffffffcc;
    --orange:#ea8219; --teal:#06a7bf; --navy:#0f2c58; --olive:#6a7a5f; --sand:#efe9e1;
  }
/* 모바일 전용 값 재정의 */
@media (max-width: 768px) {
    :root {
        --radius: 6px;
        --pad-v: 30px;
        --pad-h: 16px;
        --gap: 18px;
    }
}
  html,body{margin:0}
  body{
    font-family:"Noto Sans KR", system-ui, -apple-system, Segoe UI, Roboto, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    background:#ffffff; color:var(--text); line-height:1.5;
  }

  .service-section{
    max-width:var(--maxw);
    margin:110px auto;
    padding:0 20px;
  }

  .grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:var(--gap);
  }
  @media (max-width:1024px){
    .grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  }
  @media (max-width:360px){
    .grid{grid-template-columns:1fr}
  }

  /* =================================================================
   [수정 완료] 서비스 섹션 CSS
================================================================= */

/* 1. 카드 레이아웃 및 공통 설정 */
.card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: var(--pad-v) var(--pad-h);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    text-align: center;
    background-color: #000; /* 이미지 로딩 전 기본 배경 */
    border: none !important; /* 테두리 제거 */
}

/* 2. 카드 내부 요소 z-index 설정 (배경 위에 글씨가 뜨도록) */
.card * {
    position: relative;
    z-index: 2;
}

/* 3. 아이콘 스타일 */
.icon {
    width: 84px;
    height: 84px;
    margin: 0 0 16px 0;
    display: block !important; /* 강제로 보이게 설정 */
    object-fit: contain;
}

/* 4. 제목 스타일 */
.card h3 {
    margin: 0 0 16px 0;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -0.02em;
    color: #fff !important; /* 무조건 흰색 */
    line-height: 1.2;
}

/* 5. 본문 스타일 (여백 줄임 반영) */
.card p {
    margin: 0 0 20px 0; /* 기존 48px -> 20px로 축소 */
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #fff !important; /* 흰색에 가까운 회색 */
    opacity: 0.9;
}

/* 6. 버튼 스타일 */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 36px;
    height: 48px;
    border-radius: 999px;
    border: 1.5px solid #fff;
    background: transparent;
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.btn:hover {
    background: #fff;
    color: #333;
    border-color: #fff;
    transform: translateY(-1px);
}

.btn:focus-visible {
    outline: 3px solid #ffffff99;
    outline-offset: 2px;
}

/* =================================================================
   [배경 설정] 오버레이(::before) + 이미지(::after)
================================================================= */
/* 1. 카드 본체 : 기준점 잡기 */
.card {
    position: relative;
    isolation: isolate; /* 중요: 내부 요소들의 z-index가 밖으로 새나가지 않게 가둠 */
    overflow: hidden;   /* 둥근 모서리 밖으로 이미지 튀어 나가는 것 방지 */
}

/* 2. 그라데이션 (글자 바로 뒤) */
.card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1; /* 글자(0)보다 뒤 */
    /* 투명도를 조절했습니다. 기존 .85는 너무 어두워서 이미지가 안 보입니다. */
    pointer-events: none; /* 클릭이 뚫고 지나가게 설정 */
}

/* 3. 배경 이미지 (맨 뒤) */
.card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2; /* 그라데이션(-1)보다 더 뒤 */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 0.5s ease;
}

/* 호버 효과 등 나머지 코드는 그대로 두셔도 됩니다 */
.card:hover::after { transform: scale(1.05); }

/* 이미지 매핑 코드는 그대로 유지 */
.card.orange::after { background-image: url('/theme/basic/img/bg_rehab.jpg'); }
.card.teal::after   { background-image: url('/theme/basic/img/bg_child.jpg'); }
.card.navy::after   { background-image: url('/theme/basic/img/bg_sports.jpg'); }
.card.olive::after  { background-image: url('/theme/basic/img/bg_oriental.jpg'); }
.card.sand::after   { background-image: url('/theme/basic/img/bg_doctor.jpg'); }
.card.photo::after  { background-image: url('/theme/basic/img/bg_tour.jpg'); }

/* 오렌지 카드 */
.card.orange::before {
    background-color: rgba(255, 140, 0, 0.8);
}

/* 청록색(Teal) 카드 */
.card.teal::before {
    background-color: rgba(0, 128, 128, 0.8);
}

/* 네이비(Navy) 카드 */
.card.navy::before {
    background-color: rgba(59, 118, 148, 0.8);
}

/* 올리브색 카드 */
.card.olive::before {
    background-color: rgba(85, 107, 47, 0.8);
}

/* 모래색(Sand) 카드 */
.card.sand::before {
    background-color: rgba(103, 89, 48, 0.8);
}

/* 포토(Photo) 카드 */
.card.photo::before {
        background-color: rgb(66 66 66 / 80%);
}
/* =================================================================
   [반응형] 모바일 설정 (기존 로직 유지 + 아이콘 숨김)
================================================================= */
@media (max-width: 640px) {
    .service-section { margin: 40px auto; }
    
    /* 모바일에서는 아이콘 숨김 (요청 사항 유지) */
    .icon {
        display: none !important; 
    }

    .card h3 { font-size: 18px; }
    
    .card p {
        font-size: 13px; /* 가독성을 위해 조금 키움 (기존 10px 너무 작음) */
        line-height: 1.4;
        margin: 0 0 45px 0; /* 버튼 공간 확보를 위해 하단 여백 필요 */
    }

    .btn {
        height: 42px;
        font-size: 15px;
        padding: 0 18px;
    }

    /* 버튼 하단 고정 */
    .service-section .card .btn {
        position: absolute !important;
        left: 50%;
        bottom: 25px;
        transform: translateX(-50%);
        margin: 0 !important;
        width: 80%; /* 모바일에서 버튼 너비 조금 넓게 */
        max-width: 200px;
    }
}

.icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 25px;
  display: block;
  object-fit: contain;
}

@media (max-width: 768px) {
  .icon {
    display: none;
  }
}


  /* ====== AM Hero (독립 네임스페이스) ====== */
.am-hero {
  position: relative;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.am-hero::before {
  content: none; /* 검은색 덮개 제거 */
}

.am-hero__inner{
  position:relative; z-index:1;
  max-width:920px;
  margin:0 auto;
  padding:130px 20px;              /* 위/아래 130px */
  text-align:center;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.25);
}

/* 상단 라벨 → 아래 70px */
.am-hero__eyebrow{
  letter-spacing:.28em;
  font-size:14px;
  font-weight:400;
  margin:0 0 70px 0;
}

/* 타이틀 공통 */
.am-hero__title{
  margin:0;
  line-height:1.18;
  font-size:48px;                  /* 메인 슬라이드와 동일 사이즈 */
}
/* 1줄: 흰색 레귤러 → 아래 40px */
.am-hero__title--white{
  color:#fff;
  font-weight:400;                 /* Regular */
  margin:0 0 10px 0;
}
/* 2줄: 오렌지 볼드 → 아래 60px */
.am-hero__title--orange{
  color:#f7931e;
  font-weight:800;                 /* Bold */
  margin:0 0 60px 0;
}

/* 본문 → 아래 60px */
.am-hero__lead{
  margin:0 0 60px 0;
  font-size:20px;
  line-height:1.6;
  color:rgba(255,255,255,.92);
}

/* 버튼(아웃라인) */
.am-hero__cta{
  display:inline-flex; align-items:center; justify-content:center;
  height:48px; padding:0 28px;
  border:1.6px solid #fff; border-radius:999px;
  color:#fff; background:transparent; text-decoration:none;
  font-size:17px; font-weight:600;
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
.am-hero__cta:hover{ background:#fff; color:#222; transform:translateY(-1px); }

/* 반응형(선택) */
@media (max-width:600px){
  .am-hero__inner{ padding:96px 16px; }
  .am-hero__title{ font-size:28px; }
  .am-hero__lead{ font-size:14px; }
  .am-hero__cta{ height:44px; padding:0 24px; font-size:15px; }
  .am-hero__title--orange{
  margin:0 0 30px 0;
}
}

/* ===== 변수 ===== */
:root{
  --panel-bg:#676767;     /* 오른쪽 패널 배경(시안 톤) */
  --text:#ffffff;
  --muted:#ffffff;
  --accent:#f3a84a;       /* 아이콘 원 배경 */
  --tel:#ffd08e;          /* 전화번호 색상 (시안 지정) */
  --max:1400px;
}

/* ===== 레이아웃: 좌 약도(풀블리드) / 우 안내 ===== */
.section-contact{ width:100%; }
.split{
  display:grid;
  grid-template-columns:1fr 1fr; /* 50/50 */
  min-height:560px;
}
.map-pane{ position:relative; }
.map-fill{ position:absolute; inset:0; }
.map-fill iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

.panel{
  background:var(--panel-bg);
  color:var(--text);
  display:flex; align-items:flex-start;
}
.panel-inner{
  width:min(var(--max), 90%);
  margin:0 auto;
  padding:48px 24px;
}

/* ===== 타이포 (데스크톱 시안 규격) ===== */
.tel{
  font-size:42px;         /* 42px Bold */
  font-weight:700;
  color:var(--tel);
  margin:0 0 25px;        /* 아래 여백 25px */
  letter-spacing:.2px;
}
.addr{
  font-size:22px;         /* 25px Medium */
  font-weight:500;
  margin:0;
  color:var(--text);
}

/* 구분선: 위아래 40px 간격 */
.divider{
  border:0;
  border-top:1px solid #565656;
   margin:40px 0;          /* 위 40px, 아래 40px */
   display: block;
}

/* 리스트 */
.guide-list{
  list-style:none; padding:0; margin:0;
  display:flex; flex-direction:column; gap:40px; /* 아이템 간 40px */
}
.guide{ display:flex; align-items:center; gap:22px; }

/* 아이콘 원형 고정 */
.ico{
  width:122px;
  height:122px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 122px;
}
.ico img{
  max-width:100%;
  height:auto;
  display:block;
}

.guide .title{
  font-size:23px;  /* 소제목 25px Medium */
  font-weight:500;
  margin:0 0 8px;
}
.guide .desc{
  font-size:20px;  /* 설명 22px Medium */
  font-weight:500;
  color:var(--muted);
  margin:0;
  line-height:1.55;
}

/* ===== 반응형(모바일: 텍스트 위 / 약도 아래) ===== */
@media (max-width: 960px){
  .split{ grid-template-columns:1fr; min-height:auto; }

  /* 순서: 패널 먼저, 지도 나중 */
  .panel{ order:1; }
  .map-pane{ order:2; position:relative; }

  /* 약도 높이 확보 */
  .map-fill{
    position:relative;   /* 부모 높이 생김 */
    inset:auto;
    padding-top:62%;     /* 원하는 비율로 높이 확보 (16:10이면 62.5%) */
    width:100%;
    height:auto;
  }
  .map-fill iframe{
    position:absolute; inset:0;
    width:100%; height:100%;
    border:0;
  }

  /* 모바일 타이포 */
  .tel{ font-size:30px; }
  .addr{ font-size:18px; }
  .guide{gap:16px; }
  .ico{ width:88px; flex-basis:88px; }
  .ico svg{ width:44px; height:44px; }
  .guide .title{ font-size:18px; }
  .guide .desc{ font-size:15px; }
}

/* ===== Footer (시안 규격) ===== */
.am-footer{
  background:#333333;      /* 배경 333333 */
  color:#EDEDED;           /* 기본 글자색 */
}
.am-footer .footer-inner{
  max-width:1400px;
  margin:0 auto;
  padding:100px 24px; /* 위 100px, 좌우 24px, 아래 100px */
  text-align:center;
}

/* 상단 로고 텍스트는 시안 톤만 맞춰 살짝 흐리게 */
.am-footer .brand{
  margin:0 0 16px;
  font-size:28px;          /* 필요시 조정 */
  font-weight:700;
  color:#D0D0D0;
  letter-spacing:.2px;
}

/* 메뉴: 17px / Medium(500) */
.foot-nav{
  display:flex; justify-content:center; align-items:center; gap:12px;
  margin-bottom:16px;
}
.foot-nav a{
  font-size:17px;
  font-weight:500;         /* Medium */
  color:#E6E6E6;
  text-decoration:none;
}
.foot-nav a:hover{ text-decoration:underline; }
.sep{ color:#A0A0A0; }

/* 구분선 */
.foot-line{
  border:0;
  border-top:1px solid rgba(255,255,255,.22);
  max-width:1400px;
  margin:40px auto; /* 위 40px, 아래 40px */
}

/* 주소: 19px / Regular(400) */
.foot-addr{
  font-style:normal;
  font-size:19px;
  font-weight:400;         /* Regular */
  color:#EDEDED;
  margin:0 0 20px;         /* 아래 20px 여백 */
}


/* 연락처·카피: 16px / Light(300) */
.foot-contact,
.foot-copy{
  font-size:16px;
  font-weight:300;         /* Light */
  color:#D8D8D8;
  margin:6px 0 0;
  line-height:1.5;
}

/* 모바일 살짝 여백 축소 */
@media (max-width: 768px){
  .am-footer .footer-inner{ padding:70px 16px 70px; }
  .foot-addr{ font-size:18px; }
  .foot-contact, .foot-copy{ font-size:12px; }
}

/* 로고 이미지 크기 및 하단 여백 */
.brand img{
  width: 300px;   /* PC 기준 로고 너비 */
  height: auto;
  display: block;
  margin: 0 auto 50px; /* 가운데 정렬 + 아래 여백 50px */
}

/* 모바일에서 로고 크기 축소 */
@media (max-width: 768px){
  .brand img{
    width: 260px;  /* 모바일에선 자동 축소 */
    margin-bottom: 40px; /* 모바일 여백 약간 줄임 */
  }
}

@media (max-width: 768px){
  /* 푸터 메뉴 */
  .foot-nav a{
    font-size:14px; /* 기존 17px → 모바일에서 축소 */
  }

  /* 주소 */
  .foot-addr{
    font-size:15px; /* 기존 19px → 모바일에서 축소 */
  }
}

  .sub-rehab-section {
    padding: 110px 20px;
  }

  .sub-container {
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
  }

  .sub-subtitle {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #333;
    letter-spacing: 2px;
  }

  .sub-title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 60px;
    color: #000;
  }

  .sub-desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
    color: #333;
    margin-bottom: 25px;
    word-break: keep-all; 
  }

  /* 반응형 */
  @media (max-width: 1024px) {
    .sub-rehab-section {
      padding: 80px 15px;
    }
    .sub-title {
      font-size: 32px;
      margin-bottom: 40px;
    }
    .sub-desc {
      font-size: 16px;
    }
  }

  @media (max-width: 768px) {
    .sub-rehab-section {
      padding: 60px 15px;
    }
    .sub-subtitle {
      font-size: 12px;
      margin-bottom: 20px;
    }
    .sub-title {
      font-size: 26px;
      margin-bottom: 30px;
    }
    .sub-desc {
      font-size: 15px;
      line-height: 1.6;
    }
  }
  /* 섹션 & 컨테이너 */
  .sub-therapy-section { padding: 110px 20px; background: #f9f9f9; }
  .sub-container { max-width: 1400px; margin: 0 auto; }

 
 
 /* 섹션 헤더 */
.sub-therapy-header { text-align: center; margin-bottom: 80px; }
.sub-subtitle { font-size: 14px; font-weight: 500; color: #666; margin-bottom: 25px; letter-spacing: 2px; }
.sub-main-title { font-size: 40px; font-weight: 700; color: #111; margin: 0; }

/* 리스트 공통 */
.sub-therapy-list { list-style: none; margin: 0; padding: 0; }
.sub-therapy-item{
  display: flex;
  align-items: stretch;      /* 두 칼럼 높이 동일 */
  gap: 30px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  margin-bottom: 30px;
  overflow: hidden;          /* 둥근 모서리 안으로 클리핑 */
}
.sub-therapy-item:last-child{ margin-bottom: 0; }

/* 썸네일(이미지) */
.sub-thumb{ flex: 0 0 435px; }  /* 가로 435px 고정 */
.sub-thumb img{
  display: block;
  width: 435px;               /* 가로 고정 */
  height: 100%;               /* 카드(열) 높이에 맞춰 세로 채움 */
  object-fit: cover;          /* 비율 유지 + 크롭 */
}

/* 본문(텍스트 영역) - 세로 가운데 정렬 */
.sub-therapy-section .sub-body{
  flex: 1;
  text-align: left;
  padding: 65px 30px;         /* 카드 안쪽 여백은 텍스트 영역에만 */
  display: flex;              /* ✅ 추가 */
  flex-direction: column;     /* ✅ 추가 */
  justify-content: center;    /* ✅ 추가: 내용 묶음을 세로 중앙 정렬 */
}

.sub-therapy-section .sub-num{
  display: block;
  font-size: 15px; font-weight: 400; color: #f7931e;
  margin-bottom: 8px;         /* 숫자–제목 간격 */
}

.sub-therapy-section .sub-title{
  font-size: 30px; font-weight: 700; color: #111; text-align: left;
  margin: 0 0 10px;           /* 제목–본문 간격 */
}

.sub-therapy-section .sub-text{
  font-size: 20px; line-height: 1.7; color: #333; margin: 0; text-align: left;
  word-break: keep-all;       /* 한글 단어 단위 줄바꿈 */
  overflow-wrap: break-word;  /* 긴 영어/URL은 줄바꿈 */
}

/* 반응형 */
@media (max-width: 1200px){
  .sub-main-title{ font-size: 32px; }
  .sub-therapy-section .sub-title{ font-size: 25px; }
  .sub-therapy-section .sub-text{ font-size: 16px; }
  .sub-therapy-section .sub-body{ padding: 55px 24px; }
}

@media (max-width: 900px){
  .sub-therapy-item{
    flex-direction: column;   /* 세로 스택 */
    align-items: flex-start;
  }
  .sub-thumb{ flex: none; width: 100%; }
  .sub-thumb img{
    width: 100%;
    height: auto;             /* 모바일은 이미지 비율 유지 */
    object-fit: cover;
  }
  .sub-therapy-section .sub-body{
    padding: 24px 18px;
    justify-content: flex-start; /* ✅ 모바일은 위 정렬로 복귀 */
  }
}

@media (max-width: 600px){
  .sub-therapy-section{ padding: 80px 16px; }
  .sub-therapy-header{ margin-bottom: 50px; }
  .sub-main-title{ font-size: 26px; }
  .sub-therapy-section .sub-title{ font-size: 26px; margin-bottom: 8px; }
  .sub-therapy-section .sub-text{ font-size: 17px; line-height: 1.8; }
  .sub-therapy-section .sub-body{ padding: 45px 18px; }
}


:root{
  --brand: #f7931e;
  --text: #0a0a0a;
  --container: 1400px;
  --y-pad: 110px;
  --title-size: 30px;
  --body-size: 20px;
  --mobile-title: 25px;
  --mobile-body: 16px;
}

.clinic-section{
  padding: var(--y-pad) 0;
}

.clinic-container{
  max-width: var(--container);
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.clinic-block{
  margin-top: 80px;
}

.clinic-block:first-child{
  margin-top: 0;
}

.clinic-title{
  margin: 0 0 28px 0;
  font-weight: 800;
  font-size: var(--title-size);
  line-height: 1.25;
  color: var(--brand);
  letter-spacing: -0.02em;

  border-bottom: 2px solid var(--brand); /* 제목 아래 라인 */
  padding-bottom: 12px;                  /* 제목과 라인 간격 */
}

.clinic-list{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--body-size);
  line-height: 1.9;
  color: var(--text);
}

.clinic-list li{
  position: relative;
  padding-left: 23px;
  margin-top: 20px; /* 항목 간격 ↑ */
  line-height: 1.2;
  }

.clinic-list li:first-child{
  margin-top: 0;
}


.clinic-block{
  margin-top: 80px; /* 블록 간격 늘리기 */
}

.clinic-block:first-child{
  margin-top: 0;
}
.clinic-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;                  /* 글자 세로 중앙 정렬 */
  transform: translateY(-50%);
  width: 10px;               /* 조금 더 크게 */
  height: 10px;
  border-radius: 50%;
  background: var(--brand);
}
/* 반응형 */
@media (max-width: 768px){
  .clinic-title{ font-size: var(--mobile-title); }
  .clinic-list{ font-size: var(--mobile-body); }
  .clinic-section{ padding: 80px 0; }
}