@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap');
@font-face {
    font-family: 'kjc';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulMyungjo-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'kjc';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulMyungjo-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 40
}

html {overflow-x: hidden;overflow-y: scroll;}
#site {background-color: #fff;word-break: keep-all !important;padding-top: 9.8rem;}
#site > .container{width: 100%;padding: 9.8rem;}
/* 폰트 설정 */
#site, h1, h2, h3, h4, h5, h6, input, textarea, button {font-family: 'Pretendard Variable', 'notokr', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;}


/* 구글 아이콘 가변 폰트
span.material-symbols-outlined {
    transition: font-variation-settings .3s;
    font-variation-settings: var(--gms200_Out);
}

.item:hover span.material-symbols-outlined {
    font-variation-settings: var(--gms300_Fill);
} 
*/

ol, ul{padding: 0;margin: 0;list-style: none;list-style-position: inside;}

/* 닷홈 빌더 설정
.navbar .caret,
.navbar .divider-vertical,
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {display: none;}
 */

:root {
    --page-point-color: #E96F37;
    --page-point-color-hover: #CA541E;
    --page-page-color: #EADFD6;
    --page-page-color2: #9D7864;
}

@media (min-width: 768px){
    .col-sm-20{width: 20%;}
    .col-sm-40{width: 40%;}
    .col-sm-60{width: 60%;}
    .col-sm-80{width: 80%;}
}
@media (min-width: 992px){
    .col-md-20{width: 20%;}
    .col-md-40{width: 40%;}
    .col-md-60{width: 60%;}
    .col-md-80{width: 80%;}
}
@media (min-width: 1200px){
    .col-lg-20{width: 20%;}
    .col-lg-40{width: 40%;}
    .col-lg-60{width: 60%;}
    .col-lg-80{width: 80%;}
}

.container{width: 100%;max-width: 1350px;padding-left: 15px;padding-right: 15px;}
.emp{color: var(--page-point-color) !important;}

/* 상단 네비게이션 */

.navbar.navbar-inverse{background-color: #fff;border-bottom: 0;box-shadow: 0 0 50px rgba(0,0,0,0.03);}
.navbar-header .navbar-brand{display: block;padding: 0;font-size: 2.0rem;margin-top: 2.9rem;margin-bottom: 2.9rem;margin-left: 0 !important;height: auto;}
.navbar-header .navbar-brand img{margin-top: 0;display: inline-block;}

.nav.navbar-nav{display: flex;align-items: center;}
.nav.navbar-nav::before,
.nav.navbar-nav::after{display: none;}
.nav.navbar-nav > li{float: none;}
.nav.navbar-nav > li > a{display: block;height: 100%;padding: 0;color: #333;font-size: 1.9rem;font-weight: 500;line-height: normal;letter-spacing: -0.38px;padding: 3.85rem 3.5rem;}
.nav.navbar-nav > li > a .caret{display: none;}
.nav.navbar-nav > li:hover > a,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li:focus > a,
.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:focus,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li.open > a:hover,
.nav.navbar-nav > li.open > a:focus{color: #333333;background: none;}
.nav.navbar-nav li .dropdown-menu{left: 50%;right: auto;margin-top: -1rem;border-radius: 0;border: 0;transform: translateX(-50%);padding: 1.8rem 0;border-radius: 10px;background: #fff;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);}
.nav.navbar-nav li .dropdown-menu li a{padding: 0.9rem 0;color: #7A726B;text-align: center;font-size: 1.6rem;font-weight: 500;line-height: normal;}
.nav.navbar-nav li .dropdown-menu li a:hover{
    color: #ed4b00;
    background: none;
    text-decoration: underline;
    text-underline-position: under;
}


@media (max-width: 767px){
    html{font-size: 2vw;}
    #site{padding-top: 62px;}

    
    .navbar-header .navbar-brand {
        margin-top: 9px;
        margin-left: 15px !important;
        margin-bottom: 0;
    }

    /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
    .navbar-inverse .navbar-toggle {
        border: 0;
        padding: 9px 0;
        margin: 15px 15px;
        margin-left: 0;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #666;
        transition: ease-in-out .15s all;
        opacity: 1;
        position: relative;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: none;
        border-color: #222;
    }

    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: #222;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: transparent;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(1) {
        transform: rotate(45deg);
        top: 6px;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(2) {
        opacity: 0;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(3) {
        transform: rotate(-45deg);
        top: -6px;
    }
    
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #e6e6e6;
    }
    .nav.navbar-nav {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .nav.navbar-nav > li {
        float: none;
        width: 100%;
    }
    .nav.navbar-nav > li > a {
        font-size: 2.2rem;
        padding: 2.45rem 3.5rem;
        text-align: center;
    }
    .nav.navbar-nav li .dropdown-menu {
        transform: translateX(0%);
        box-shadow: none;
        background: #f8f8f8;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #site{}
    .nav.navbar-nav > li > a {
        font-size: 1.9rem;
        padding: 3.85rem 1.8rem;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #site{}
}

/* //상단 네비게이션 */

/* 슬라이드 영역 */
#mainCarousel .carousel-inner .item{
    height: 88rem;
    height: calc(100vh - 10rem);
    min-height: 83.5rem;
}

#mainCarousel .carousel-inner .item:first-child {
    background-size: contain;
    background-color: #000;
    background-position: 80% center;
}

#mainCarousel .carousel-inner .item::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
    opacity: 0.3;
}
#mainCarousel .carousel-inner .item .carousel-caption{padding: 0;top: 15rem;left: calc((100% - 130rem) / 2);right: calc((100% - 130rem) / 2);text-shadow: 0 3px 6px rgba(0,0,0,0.8);transform: translate(0);}
#mainCarousel .carousel-inner .item h1{font-family: 'Noto Serif KR', serif;font-size: 6.4rem;font-weight: 600;letter-spacing: -1.5px;line-height: normal;margin: 0 0 3rem;}
#mainCarousel .carousel-inner .item h1 small{
    display: block;
    margin: 0 auto 0.8rem;
    font-size: 4rem;
    color: #ffe2c3;
    font-weight: 500;
    border-radius: 100px;
    text-shadow: 0 1px 10px rgba(0,0,0,1);
    letter-spacing: -0.055em;
    font-family: 'Noto Serif KR', serif;
}

.carousel-indicators {
    bottom: 2.5rem
}
.carousel-indicators li,  
.carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: 0 1px;
}

.carousel-control {
    width: 7%;
}

.glyphicon-chevron-left:before, 
.glyphicon-chevron-right:before {
    font-family: 'Material Symbols Outlined';
    font-size: 5rem;
    font-weight: 700;
}

.glyphicon-chevron-left:before {
    content: '\e5cb';
}

.glyphicon-chevron-right:before  {
    content: '\e409';
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev {
    width: 5rem !important;
    height: 5rem !important;
}

.main-dp-wrap{
    position: absolute;
    bottom: 12rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.main-dp-wrap h5{
    border-top: 1px solid rgb(255 255 255 / 70%);
    border-bottom: 1px solid rgb(255 255 255 / 70%);
    display: inline-flex;
    padding: 0.8rem 1rem;
    justify-content: center;
    align-items: center;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
    margin: 0 auto 3.2rem;
    color: #fff;
    text-shadow: 0 3px 6px rgba(0,0,0,0.8);
}
.main-dp-wrap .main-dp{
    display: flex;
    gap: 1rem;
    margin: 0 0 5rem;
}
.main-dp-wrap .main-dp a{
    display: flex;
    width: 16rem;
    height: 16rem;
    padding: 3.4rem 0 3rem;
    flex-direction: column;
    align-items: center;
    gap: 1.1rem;
    border-radius: 100px;
    transition: all 0.3s;
    background: rgb(131 77 34 / 60%);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(20px);
    border: 1px solid rgb(0 0 0 / 15%);
}

.main-dp-wrap .main-dp a:hover {
    background: #f66719;
}

.main-dp-wrap .main-dp a:hover span {
    color: #fff;
    text-shadow: none;
}
.main-dp-wrap .main-dp a:hover{text-decoration: none;}
.main-dp-wrap .main-dp a .material-symbols-outlined{
    font-size: 5rem;
    color: #FF762B;
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 40;
    transition: all 0.3s ease;
    text-shadow: 0 0 15px #43352d;
}
.main-dp-wrap .main-dp a .caption{
    color: #fff;
    font-size: 2.2rem;
    text-align: center;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.7px;
}
.main-dp-wrap .main-dp a:hover .material-symbols-outlined{}
.main-dp-wrap .main-dp a:hover .caption{}
.main-dp-wrap .main-link{
    display: flex;
    width: 24rem;
    height: 6.5rem;
    padding: 2rem 2.5rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: #f66719;
    margin: 0 auto;
    box-shadow: 1px 5px 5px rgba(0,0,0,0.15);
    transition: all 0.3s;
}

.main-dp-wrap .main-link:hover {
    background: var(--page-point-color-hover);
}
.main-dp-wrap .main-link:hover{text-decoration: none;}


@media (max-width: 767px){
    #mainCarousel .carousel-inner .item {
        height: calc(100vh - 64rem);
        min-height: 50.5rem;
    }
    #mainCarousel .carousel-inner .item .carousel-caption {
        left: 5%;
        right: 5%;
        top: 40%;
    }
    #mainCarousel .carousel-inner .item h1{
        font-size: 5.3rem;
    }
    #mainCarousel .carousel-inner .item h1 small {
        font-size: 2.4rem;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 75.0rem) / 2);right: calc((100% - 75.0rem) / 2);}
}
@media (min-width: 992px) and  (max-width: 1199px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 97.0rem) / 2);right: calc((100% - 97.0rem) / 2);}
}
/* //슬라이드 영역 */

/* 메인 중단영역 */

#main_wrapper > section{padding: 12.0rem 0;}
.main-member{}
.main-member .main-intro{
    text-align: center;
    font-size: 4.2rem;
    font-weight: 400;
    font-family: 'kjc';
    margin: 0 0 6rem;
    color: #d8835c;
    color: #222;
    letter-spacing: -0.03em;
}
.main-member .member-wrap .box {
    border: 5px solid #f1f0ee;
    border-radius: 16px;
    background: transparent;
    box-shadow: none;
}

.main-member .member-wrap .box .text .li-career > li {
    color: #6f6f6f;
    font-weight: 400;
}

.main-member .member-wrap .box .text .name {
    color: #333;
    font-weight: 700;
    font-size: 3rem;
    gap: 0.8rem;
}

.main-member .member-wrap .box .text .position {
    color: #d55b22;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 1.8rem;
}

.main-member .member-wrap .box .text .dl-written dt, 
.main-member .member-wrap .box .text .dl-written dd {
    color: #555;
}

.main-member .member-wrap .box .text .dl-written dd::before {
    background: #888;
}
@media (max-width: 767px){
    .main-dp-wrap{
        position: static;
        transform: translate(0);
    }
    .main-dp-wrap h5{
        color: #333;
        text-shadow: none;
        font-weight: 700;
        font-size: 4.2rem;
        margin: 5rem 0 1rem;
    }
    .main-dp-wrap .main-dp{
        flex-wrap: wrap;
        justify-content: center;
    }
    .main-dp-wrap .main-dp a {
        background: rgb(120 62 16);
    }
    .main-dp-wrap .main-dp a .material-symbols-outlined{text-shadow: none;}
}
@media (min-width: 768px) and  (max-width: 991px){
    .main-dp-wrap {
        width: 80%;
        bottom: 8rem;
    }
    .main-dp-wrap .main-dp {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 3rem;
    }
    .main-dp-wrap .main-dp a {
        display: flex;
        width: 12rem;
        height: 12rem;
        padding: 1.4rem 0 3rem;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    .main-dp-wrap {
        width: 67%;
        bottom: 8rem;
    }
    .main-dp-wrap .main-dp {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 3rem;
    }
    .main-dp-wrap .main-dp a {
        display: flex;
        width: 13rem;
        height: 13rem;
        padding: 1.4rem 0 3rem;
    }
}

/* //메인 중단영역 */

/* 서브페이지 */

.subHeader {height: 46rem;background-image: url(/public/img/sub/sub_title.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;background-color: var(--page-page-color2);display: flex;align-items: center;justify-content: center;}
.subHeader .container{}
.subHeader .container h2{margin: 0;color: #FFF;text-align: center;font-size: 5.3rem;font-weight: 600;line-height: normal;letter-spacing: -0.48px;}
.subHeader .container h2::before{content: '365밝은한의원';display: block;color: #FFF;text-align: center;font-family: 'Noto Serif KR', serif;font-size: 19px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: -0.48px;margin: 0 0 1.5rem;}
.subHeader .container .breadcrumb{padding: 0;margin: 0;background: none;display: none;}
.subHeader .container .breadcrumb > li > a,
.subHeader .container .breadcrumb > li.active{color:#fff; opacity: 0.7;}

.subMenu{
    background: #fff;
}
.subMenu .nav{display: flex;justify-content: center;}
.subMenu .nav:before,
.subMenu .nav:after{display: none;}
.subMenu .nav > li{
    float:none;
    flex: 1;
    margin: 0;
    max-width: 15.5rem;
}
.subMenu .nav > li > a{
    border-bottom: 4px solid transparent;
    padding: 2.9rem 4.5rem 2.5rem;
    color: #999;
    text-align: center;
    font-size: 1.9rem;
    font-weight: 500;
    line-height: normal;
    border-radius: 0;
    letter-spacing: -0.015em;
}
.subMenu .nav > li > a:hover,
.subMenu .nav > li > a:focus{
    background: none;
    color: #A57665;
}
.subMenu .nav > li.active > a{
    color: #A57665;
    border-color: #A57665;
    background: #fff;
}

.subContent{padding-top: 12rem;background: #f8f6f4;}
.subContent_title{}
.subContent_title h3{
    color: #333;
    text-align: center;
    font-family: "Noto Serif KR", serif;
    font-size: 3.7rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
    margin: 0 0 9rem;
}
.subContent .content, .bbs-section{padding-bottom: 8.0rem;}
.bbs-area .board_wrapper{margin-top: 0;}

.subContent .content{text-align: center;padding: 10rem 0;}

.subContent .content.con1 {
    padding-top: 0;
}
.content-h4{
    color: #333;
    font-family: "Noto Serif KR", serif;
    font-size: 4.6rem;
    font-weight: 600;
    line-height: 1.5; /* 62.1px */
    letter-spacing: -3px;
    margin: 0 0 7rem;
}
.common-h4{
    display: inline-flex;
    padding: 0.7rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    border-top: 1px solid;
    border-bottom: 1px solid;
    color: var(--page-point-color);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -1px;
    margin-top: 0;
    margin-bottom: 5rem;
}

.subContent .content p{
    color: #555;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: -0.02em;
    margin: 0 0 2rem;
}

.subContent .content p.strong {
    color: #333;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.3px;
    margin: 0 0 3rem;
}
.subContent .content p:last-child{margin: 0;}

.subContent .content .department-intro{
    margin: 0 0 7rem;
}
.subContent .content .department-intro h4{
    margin-bottom: 1.9rem;
}
.subContent .content .department-intro h4 > a{
    color: inherit;
}
.subContent .content .department-intro h4 > a:hover,
.subContent .content .department-intro h4 > a:focus{text-decoration: none;color: var(--page-point-color-hover);}
.subContent .content .department-intro p{
    color: #333;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.65; /* 33px */
    letter-spacing: -0.55px;
    margin: 0;
}

.department-box{
    margin-bottom: 15rem;
}
.department-box:last-of-type{
    margin: 0;
}
.department-box h5{
    color: #333;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.6; /* 51.2px */
    letter-spacing: -0.64px;
    margin: 0 0 3rem;
}
.department-box .circles{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0 0 5.5rem;
}

#department04 .subContent .content.con2 .circles {
    margin: 5rem 0 0;
}
.department-box .circles .circle{
    margin: 0;
    display: flex;
    width: 13rem;
    /* height: 13rem; */
    aspect-ratio: 1;
    padding: 3rem 2rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background: #9d7864;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    font-size: 2.1rem;
    font-weight: 550;
    line-height: normal;
    letter-spacing: -0.03em;
}
.department-box .circles .circle.big{
    width: 16rem;
    height: 16rem;
    font-size: 2.8rem;
    font-weight: 700;
    background: #f28549;
}

.department-box.dp01-1 > p{}
.department-box.dp01-1 > p + img{
    margin-top: 6rem;
}
.department-box.dp01-1 > p + img +.caption{
    color: #666;
    text-align: right;
    font-size: 1.6rem;
    font-weight: 400;
     /* 24px */
    letter-spacing: -0.32px;
    text-align: center;
    margin-top: 3rem;
}


.department-box .lv-2{display: flex;gap: 3rem;}
.department-box .lv-2 .box{flex: 1;max-width: 50%;border-radius: 1.9rem;overflow: hidden;}
.department-box .lv-2 .box .tit{
    background: var(--page-page-color);
    display: flex;
    padding: 2rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 0;
    color: #333;
    font-size: 2rem;
    font-weight: 650;
    line-height: normal;
    letter-spacing: -0.4px;
}
.department-box .lv-2 .box ul{background: #fff;padding: 4rem 4.5rem;display: flex;align-items: center;justify-content: center;}
.department-box .lv-2 .box .li-flex{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 3rem;
}
.department-box .lv-2 .box .li-flex > li{
    color: #444;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    letter-spacing: -0.025em;
}

.department-box .lv-2 .box .li-flex > li span {
    display: block;
    margin-top: 2.2rem;
    font-size: 2rem;
    font-weight: 500;
}


.book-wrap{
    display: flex;
    width: 82rem;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    gap: 14rem;
}
.book-wrap .text{
    /* flex: 1; */
    text-align: left;
    width: 39rem;
}
.book-wrap .text h5{
    font-family: 'Noto serif KR';
    color: #333;
    font-size: 4.6rem;
    font-weight: 600;
    line-height: 135%; /* 62.1px */
    letter-spacing: -2.3px;
    margin: 0 0 5.4rem;
}
.book-wrap .text h5 small{
    color: #00a5c1;
    font-size: 2rem;
    font-weight: 600;
    line-height: 165%; /* 33px */
    letter-spacing: -0.5px;
    display: block;
}
.book-wrap .text p{font-size: 1.8rem;color: #333;}
.book-wrap .image{
    width: 28.5rem;
}


#department01 .department-box.dp01-2{}
#department01 .department-box.dp01-2 h5 .emp{color: #9d7864 !important;display: block;}
#department01 .subContent .content.con2{background: #EFFBFF;background: linear-gradient(180deg, #ffffff, #daeff5);padding: 8rem 0;}

#department02 .department-box .lv-2 .box{max-width: 100%;}
#department02 .department-box .lv-2 .box .li-flex{padding: 6.6rem 10rem;gap: 5rem 6rem;}
#department02 .con1 .department-box > p{font-size: 1.8rem;color: #444;}

#department02 .con1 .department-box > p + div {
    margin-top: 6rem;
}
#department02 .con2{padding: 10rem 0;background: url('/public/img/sub/dp02-con2-bg.jpg') no-repeat center / cover;}
#department02 .con2 .department-box {}
#department02 .con2 .department-box img{margin-top: 5rem;margin-bottom: 5rem;}

#department03 .subContent .content.con1{
    padding: 10rem 0;
    background: url('/public/img/sub/dp03-con1-bg.jpg');
}
#department03 .subContent .content.con1 .content-h4{
    margin: 0 0 8.8rem;
    color: #fff;
}
#department03 .subContent .content.con1 .content-h4 small{
    display: block;
    color: #A57665;
    text-align: center;
    font-family: "Noto Serif KR";
    font-size: 3rem;
    font-weight: 600;
    line-height: 135%; /* 40.5px */
    letter-spacing: -1.5px;
    margin-bottom: 1rem;
}
.quote-wrap{
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 148%; /* 48px */
    letter-spacing: -0.7px;
    position: relative;
    width: 48.8rem;
    margin: 0 auto 4.4rem;
}
.quote-wrap::before,
.quote-wrap::after{
    font-size: 6rem;
    content: '';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #A57665;
    position: absolute;
    }
.quote-wrap::before{content: '\f10d';top: -2rem;left: -7rem;}
.quote-wrap::after{content: '\f10e';bottom: 0rem;right: -7rem;}
.subContent .content .dong-e{
    /* width: 48.8rem; */
    margin: 0 auto;
}
.subContent .content .dong-e p{
    color: #fff;
    font-weight: 300;
}
.subContent .content .dong-e p.cn{
    font-weight: 700;
    font-size: 2rem;
    line-height: 170%; /* 34px */
    letter-spacing: -0.3px;
}

#department03 .subContent .content.con2{padding: 10rem 0;background: #8b684c url('/public/img/sub/pt-7-w.png');}
#department03 .subContent .content.con2 .department-box{}
#department03 .subContent .content.con2 .department-box *{color: #fff;}
#department03 .subContent .content.con3{padding: 10rem 0;background: #fff;}
#department03 .subContent .content.con3 .department-box{}
#department03 .subContent .content.con3 .department-box img{margin: 5rem auto;}

#department04 .subContent .content{padding: 10rem 0;}

#department04 .subContent .content.con4 {
    background: #fff;
}

#department04 .subContent .content.con1 {
    padding: 0 0 2rem;
}
#department04 .department-box .circles .circle{background: #9D7395}

#department04 .con1 .department-box .circles .circle {
    width: 16rem;
    font-size: 3rem;
}
#department04 .subContent .content.con2{background: url('/public/img/sub/dp04-con2-bg.jpg')  no-repeat center / cover;}

#department05 .subContent .content.con1{
    padding: 0;
}
#department05 .subContent .content.con1 .department-box{}
#department05 .subContent .content.con2{
    padding: 7rem 0;
    background: url('/public/img/sub/dp05-con2-bg.jpg') no-repeat center / cover;
}
#department05 .subContent .content.con2 .department-box{}
#department05 .con2 .department-box .circles{
    margin: 0;
    padding: 0 25rem;
    display: flex;
    flex-wrap: wrap;
}
#department05 .department-box .circles .circle{
    position: relative;
}

#department05 .con3 .department-box .circles .circle {
    font-size: 4rem;
}
#department05 .department-box .circles.plus{
    margin: 5rem auto;
    gap: 12.4rem;
}
#department05 .department-box .circles.plus .circle:first-child:after{content: '\e145';font-family: 'Material Symbols Outlined';position: absolute;top: 50%;right: -9rem;font-size: 4.8rem;color: #9d7864;transform: translateY(-50%);font-weight: 900;}


#department05 .subContent .content.con3{
    padding: 10rem 0 15rem;
}
#department05 .subContent .content.con3 .department-box{}
#department05 .subContent .content.con3 .department-box .lv-2{
    display: flex;
    justify-content: center;
}
#department05 .subContent .content.con3 .department-box .lv-2 .box{max-width: 88rem;display: flex;flex-flow: column;align-items: center;background: #fff;}
#department05 .subContent .content.con3 .department-box .lv-2 .tit{
    width: 100%;
}
#department05 .department-box .lv-2 .box .li-dot{
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;
    padding: 4rem 4rem;
    gap: 1rem;
}
#department05 .department-box .lv-2 .box .li-dot li{
    color: #555;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 30.6px */
    letter-spacing: -0.36px;
    position: relative;
    padding-left: 1.9rem;
    text-align: left;
}
#department05 .department-box .lv-2 .box .li-dot li::before{
    content: '';
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    background: #b7a99e;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
}
#department05 .subContent .content.con4{background-color: #fff;}


#department06 .subContent{background: #001822;}
#department06 .subContent_title h3{color: #fff;}
#department06 .subContent .content{background: #001822;}
#department06 .subContent .content.con1{padding-bottom: 0;}
#department06 .subContent .content .content-h4{ /* 62.1px */color: #fff;margin: 0 0 7rem;}
#department06 .subContent .content .content-h4 small{color: #A57665;font-size: 3rem;font-weight: 600;line-height: 135%;letter-spacing: -1.5px;display: block;}
#department06 .subContent .content .department-box{}
#department06 .subContent .content .department-box h5{color: #fff;}
#department06 .department-box .circles .circle{
    background: #fff;
    color: #333333;
}
#department06 .subContent .content.con2{background: #002f42;}
#department06 .subContent .content.con2 .department-box{}
#department06 .subContent .content.con2 .department-box h5{}
#department06 .subContent .content.con2 .department-box h5 .price{
    color: #ff6823;
    font-size: 4.5rem;
    font-weight: 700;
}
#department06 .subContent .content.con2 .department-box p{color: rgb(255 255 255 / 70%);}
#department06 .subContent .content.con2 .department-box p.boxed{
    display: flex;
    width: 70rem;
    padding: 2.5rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #001822;
    margin: 0 auto 2rem;
    color: #FFF;
    font-size: 2rem;
    font-weight: 500;
    line-height: 165%; /* 33px */
    letter-spacing: -0.3px;
}

#department07 .subContent .content .content-h4{
    margin: 0 0 7rem;
}
#department07 .subContent .content .content-h4 small{
    color: #A57665;
    text-align: center;
    font-family: "Noto Serif KR";
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 135%; /* 40.5px */
    letter-spacing: -1.5px;
    display: block;
}
.subContent .content .plastic-intro{
    background: #FBFBFD url('/public/img/sub/dp07-intro-bg.jpg') no-repeat left center / contain;
    margin: 0 auto 10rem;
    position: relative;
    height: 42rem;
    display: flex;
    padding-right: 20%;
    justify-content: flex-end;
    align-items: center;
}
.subContent .content .plastic-intro .note{
    color: #777;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    letter-spacing: -0.32px;
    position: absolute;
    top: 2.5rem;
    right: 3rem;
}
.subContent .content .plastic-intro .caption{
    text-align: left;
}
.subContent .content .plastic-intro .caption p{
    margin: 0 0 3rem;
}
.subContent .content .plastic-intro .caption .tit{
    color: #333;
    font-family: "Noto Serif KR";
    font-size: 4.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 135%; /* 62.1px */
    letter-spacing: -2.3px;
    margin: 0 0 4rem;
}
.subContent .content .plastic-intro .caption .li-tag{
    display: flex;
    gap: 2rem;
}
.subContent .content .plastic-intro .caption .li-tag > li{
    color: #E96F37;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 170%; /* 30.6px */
    letter-spacing: -0.36px;
}
#department07 .subContent .content .department-box h5{}
#department07 .subContent .content .department-box .li-check{
    width: 46.3rem;
    margin: 0 auto -5rem;
}
#department07 .subContent .content .department-box .li-check li{
    color: #444;
    text-align: left;
    font-size: 2rem;
    font-weight: 400;
    line-height: 160%; /* 32px */
    letter-spacing: -0.034em;
    position: relative;
    padding-left: 5rem;
    margin: 1.8rem 0 0;
}
#department07 .subContent .content .department-box .li-check li::before{
    content: '\e876';
    font-family: 'Material Symbols Outlined';
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--page-point-color);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0.1rem;
    left: 0;
    font-size: 2.3rem;
    font-weight: 600;
}
#department07 .subContent .content .department-box{
}
#department07 .subContent .content .department-box.grid{}
#department07 .subContent .content .department-box.grid .lv-2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
#department07 .subContent .content .department-box.grid .lv-2 .box{
    max-width: 100%;
}
#department07 .subContent .content .department-box.grid .lv-2 .box.step{
    grid-column: 1 / span 2;
}
#department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step{
    position: relative;
    align-items: start;
}
#department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step::before{
    content: '';
    display: block;
    width: calc(100% - 25rem);
    height: 1px;
    background: #ccc;
    position: absolute;
    top: 8.3rem;
}
#department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li{
    position: relative;
    flex: 1;
    padding: 0 2rem;
}
#department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li::before{
    content: '';
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    background: var(--page-point-color);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 3.7rem;
    transform: translateX(-50%);
}
#department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li .step{
    display: block;
    color: #E96F37;
    text-align: center;
    font-family: Pretendard;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%; /* 30.6px */
    letter-spacing: -0.36px;
    margin: 0 0 4rem;
}
#department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li .des{
    display: block;
    color: #333;
    text-align: center;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.35; /* 30px */
    letter-spacing: -0.4px;
}

#department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li .des small {
    display: block;
    font-size: 1.4rem;
}
#department07 .subContent .content .faq-wrap{
    display: flex;
    gap: 3rem;
}
#department07 .subContent .content .faq-wrap .box{
    flex: 1;
    background: #fff;
    padding: 4rem;
    padding-left: 9rem;
    text-align: left;
    border-radius: 20px;
}
#department07 .subContent .content .faq-wrap .box p{}
#department07 .subContent .content .faq-wrap .box p.tit{
    color: #444;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 36px */
    letter-spacing: -0.24px;
    position: relative;
}
#department07 .subContent .content .faq-wrap .box p.tit::before{
    content: 'Q';
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif KR";
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 24px */
    letter-spacing: -0.24px;
    display: flex;
    width: 4rem;
    height: 4rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    background: var(--page-point-color);
    border-radius: 50%;
    position: absolute;
    top: -0.2rem;
    left: -5rem;
}
#department07 .subContent .content .plastic-doc{
    display: flex;
    padding: 0px 50px;
    justify-content: center;
    align-items: start;
    gap: 50px;
    border-radius: 20px;
    background: #FFF;
    padding-top: 7.5rem;
}
#department07 .subContent .content .plastic-doc .text{
    width: 61.4rem;
    margin-top: 3rem;
}
#department07 .subContent .content .plastic-doc .text p:not(.tit){
    padding: 0 5rem;
}
#department07 .subContent .content .plastic-doc .text p.tit{
    color: #9D7864;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 108%;
    letter-spacing: -0.7px;
    padding: 0 1rem;
    position: relative;
    margin: 0 0 5.5rem;
}
#department07 .subContent .content .plastic-doc .text p.tit::before,
#department07 .subContent .content .plastic-doc .text p.tit::after{
    font-size: 4rem;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #A57665;
    position: absolute;
    opacity: 0.25;
}
#department07 .subContent .content .plastic-doc .text p.tit::before{content: '\f10d';top: -1rem;left: 0;}
#department07 .subContent .content .plastic-doc .text p.tit::after{content: '\f10e';bottom: 0rem;right: 0;}
#department07 .subContent .content .plastic-doc .text p.tit b{
    color: #9D7864;
    text-align: center;
    font-size: 4.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 67.5px */
    letter-spacing: -0.9px;
    margin: 0 0 5rem;
}
#department07 .subContent .content .plastic-doc .image{
    width: 33.4rem;
    position: relative;
}
#department07 .subContent .content .plastic-doc .image .name{
    position: absolute;
    top: 24%;
    right: -3rem;
    color: #333;
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 34px */
    text-align: left;
}
#department07 .subContent .content .plastic-doc .image .name .position{
    color: #333;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 500;
    line-height: 131%; /* 22.27px */
    letter-spacing: -0.34px;
    display: block;
}

#department07 .subContent .content.con2{background: #fff;}
#department07 .subContent .content.con2 .department-box img{margin: 5rem auto;}


.subContent .content.common-treat{
    padding: 15rem 0;
    /* background: var(--page-page-color) !important; */
    background: #F8F6F4 !important;
}
.subContent .content.common-treat img{
    margin-bottom: 10rem;
}
.subContent .content.common-treat .common-intro{
    margin: 0 0 6rem;
}
.subContent .content.common-treat .common-intro .common-h4{
    margin-bottom: 3rem;
}
.subContent .content.common-treat .common-intro p{
    color: #333;
    font-size: 2rem;
    font-weight: 500;
    line-height: 165%; /* 33px */
    letter-spacing: -0.3px;
}
.subContent .content.common-treat .common-treat{
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: center;
}
.subContent .content.common-treat .common-treat > .box{
    background: #fff;
    padding: 3.5rem 4rem;
    display: flex;
    align-items: center;
    gap: 3.5rem;
    max-width: 50%;
    width: calc(50% - 1.5rem);
    text-align: left;
    border-radius: 1.5rem;
}
.subContent .content.common-treat .common-treat > .box .image{
    width: 17rem;
}
.subContent .content.common-treat .common-treat > .box .image img{
    margin: 0;
}
.subContent .content.common-treat .common-treat > .box .text{
    flex: 1;
}
.subContent .content.common-treat .common-treat > .box .text dl{
    margin: 0;
}
.subContent .content.common-treat .common-treat > .box .text dl dt{
    color: #333;
    font-family: Pretendard;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 150%; /* 33px */
    letter-spacing: -0.5px;
    margin: 0 0 1rem;
}
.subContent .content.common-treat .common-treat > .box .text dl dd{
    color: #555;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 155%; /* 24.8px */
    letter-spacing: -0.32px;
}

.subContent .content.common-treat .common-treat > .box .text dl dd ul li {
    position: relative;
    font-size: 1.3rem;
    line-height: 1.4;
    padding-left: 12px;
}

.subContent .content.common-treat .common-treat > .box .text dl dd ul {
    margin-top: 1rem;
}

.subContent .content.common-treat .common-treat > .box .text dl dd ul li::before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}

.subContent .content.common-treat .common-treat > .box .text dl dd br {
    display: none;
}

.subContent .content.chuna{
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
}
.subContent .content.chuna .bone-wrap{
    padding: 4rem 27rem;
    margin: 0 auto 3rem;
    background: url('/public/img/sub/dp02-bone-bg.jpg');
    max-width: 109.2rem;
}
.subContent .content.chuna .bone-wrap .tit{
    color: var(--page-point-color);
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 150%; /* 36px */
    letter-spacing: -0.24px;
    margin: 0 0 3rem;
}
.subContent .content.chuna .bone-wrap .circles{margin: 0;}
.subContent .content.chuna .li-note{
    width: 70rem;
    text-align: left;
    margin: 0 auto;
}
.subContent .content.chuna .li-note > li{
    color: #555;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 170%; /* 25.5px */
    letter-spacing: -0.225px;
}


.btn {
    font-size: 1.5rem !important;
    font-weight: 500;
}

#item_captcha #captcha {
    height: 4.8rem;
}

#item_captcha #captcha +  br {
    display: none;
}

#form_inquiry .form-control {
    min-height: 4.8rem;
    font-size: 1.5rem;
    border-color: #d9d2cc;
}

#form_inquiry .text-muted.form-caption i {
    display: none;
}

#form_inquiry .text-muted.form-caption {
    letter-spacing: -0.02em;
    opacity: 0.9;
    font-size: 1.3rem;
    margin-top: 0.8rem !important;
}

.board_wrapper .table.board_write_table :where(.input-group, .form-control) {
    width: 350px;
}

.board_wrapper .table.board_write_table > :where(tbody, tfoot, thead) > tr > :where(th, td) {
    border-color: #e9e4df;
    padding: 1.4rem 1.5rem !important;
}

.board_wrapper .table.board_write_table tbody tr th {
    background: transparent;
    font-size: 1.7rem;
    font-weight: 550;
    letter-spacing: -0.034em;
    padding-top: 2.4rem !important;
    padding-bottom: 2.4rem !important;
}

.checkbox.privacy_checkbox {
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    color: #666;
}

.checkbox.privacy_checkbox a {
    color: var(--page-point-color);
    font-weight: 600;
}


#list_btn{display: none;}
@media (max-width: 767px){
    .subHeader {
        height: 26rem;
    }
    .subMenu .nav {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem 4rem;
        padding: 3rem 0;
    }
    .subMenu .nav > li {
        max-width: none;
        width: auto;
        flex: none;
    }
    .subMenu .nav > li > a {
        border-bottom: 1px solid transparent;
        padding: 0.9rem 0rem;
    }
    .content-h4 {
        font-size: 3.8rem;
    }

    .department-box .circles {
        flex-wrap: wrap;
    }
    .department-box .circles .circle {
        width: 10rem;
        height: 10rem;
    }
    .department-box .circles .circle.big {
        width: 13rem;
        height: 13rem;
    }
    .department-box .lv-2 {
        display: flex;
        gap: 3rem;
        flex-direction: column;
    }
    .department-box .lv-2 .box {
        flex: 1;
        max-width: 100%;
    }
    .book-wrap {
        display: flex;
        width: auto;
        gap: 4rem;
        flex-direction: column;
    }
    .subContent .content.common-treat .common-treat {
        display: flex;
        flex-wrap: wrap;
        gap: 3rem;
        justify-content: center;
        flex-direction: column;
    }
    .subContent .content.common-treat .common-treat > .box {
        max-width: 100%;
        width: 100%;
    }
    #department02 .department-box .lv-2 .box .li-flex {
        padding: 3.6rem 4rem;
        gap: 2rem 2rem;
    }
    .quote-wrap {
        width: 60%;
    }
    #department05 .con2 .department-box .circles {
        margin: 0;
        padding: 0 2rem;
    }
    .subContent .content.common-treat .common-treat > .box .image {
        width: 11rem;
    }
    #department06 .subContent .content.con2 .department-box p.boxed {
        display: flex;
        width: auto;
    }
    .subContent .content .plastic-intro {
        height: auto;
        display: flex;
        padding-top: 75%;
        padding-bottom: 5%;
        padding-right: initial;
        background-position: top;
    }
    .subContent .content .plastic-intro .note {
        top: 30.5rem;
    }
    #department07 .subContent .content .department-box.grid .lv-2 {
        display: flex;
    }
    .department-box .lv-2 .box ul {
        background: #fff;
        padding: 4rem 4.5rem;
        display: block;
    }
    #department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li {
        position: relative;
        flex: 1;
        padding: 0 2rem;
        margin: 0px 0 1.5rem;
    }
    #department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li:last-child {margin-bottom: 0;}
    #department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step::before {
        width: 1px;
        height: calc(100% - 15rem);
        top: 6rem;
    }
    #department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li .step {
        text-align: left;
        margin: 0 0 0.6rem;
    }
    #department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li .des {
        display: block;
        color: #333;
        text-align: left;
    }
    #department07 .subContent .content .department-box.grid .lv-2 .box.step .li-step > li::before {
        left: -5px;
        top: 1.1rem;
        transform: translateX(0%);
    }
    #department07 .subContent .content .faq-wrap {
        display: flex;
        gap: 3rem;
        flex-direction: column;
    }
    #department07 .subContent .content .plastic-doc {
        padding: 0px 20px;
        gap: 30px;
        padding-top: 7.5rem;
        flex-direction: column;
    }
    #department07 .subContent .content .plastic-doc .text {
        width: auto;
    }
    #department07 .subContent .content .plastic-doc .text p:not(.tit) {
        padding: 0 0rem;
    }

    .table.table_default tr .num,
    .table.table_default tr .regdate,
    .table.table_default tr .hits{display: none;}

    .board_wrapper .table.board_write_table tbody tr td .btn,
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .input-group.input-group-big,
    .board_wrapper .table.board_write_table .form-control.form-control-big{width: 100%;}

    #list_btn{display: none;}
    #write_btn{margin: 0;}
}
@media (min-width: 768px) and  (max-width: 991px){
    .subMenu .nav > li {
        float: none;
        flex: 1;
        margin: 0;
        max-width: 9.5rem;
    }
    .subMenu .nav > li > a {
        border-bottom: 4px solid transparent;
        padding: 2.9rem 0.5rem 2.5rem;
    }
    .department-box .circles {
        flex-wrap: wrap;
    }
    .book-wrap {
        display: flex;
        width: 62rem;
    }
    .subContent .content.common-treat .common-treat {
        flex-direction: column;
    }
    .subContent .content.common-treat .common-treat > .box {
        max-width: 100%;
        width: 100%;
    }
    .department-box .lv-2 .box ul {
        background: #fff;
        padding: 3rem 1.5rem;
    }
    #department02 .department-box .lv-2 .box .li-flex {
        padding: 6.6rem 3rem;
        gap: 5rem 6rem;
    }
    .subContent .content.chuna .bone-wrap {
        padding: 4rem 9rem
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    .subMenu .nav > li {
        float: none;
        flex: 1;
        margin: 0;
        max-width: 9.5rem;
    }
    .subMenu .nav > li > a {
        border-bottom: 4px solid transparent;
        padding: 2.9rem 0.5rem 2.5rem;
    }
}
/* //서브페이지 */

/* 푸터 */

footer {
    text-align: center;
}
footer section{padding: 10rem 0;}

.footer-member{
    padding-top: 10rem;
}
.footer-member .common-h4{}
.member-wrap{
    display: grid;
    gap: 4rem;
    flex-flow: wrap;
    grid-template-columns: 1fr 1fr;
}
.member-wrap .box{
    flex: 1 0 40%;
    text-align: left;
    display: flex;
    background: #716050;
    justify-content: flex-start;
    box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.08);
    border-radius: 1.5rem;
    overflow: hidden;
}
.member-wrap .box img{
    margin-bottom: 0;
    max-width: 31rem;
    aspect-ratio: 1;
    margin: 0;
}
.member-wrap .box .text{
    padding-left: 3.5rem;
    padding-top: 4.3rem;
}
.member-wrap .box .text .name{
    color: #fff;
    text-align: center;
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 1; /* 34px */
    display: flex;
    gap: 1rem;
    align-items: baseline;
    /* padding-bottom: 2.5rem; */
    margin-bottom: 2.6rem;
    /* border-bottom: 1px solid #ddd; */
}
.member-wrap .box .text .name .position{
    text-align: center;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.3; /* 22.27px */
    letter-spacing: -0.34px;
}
.member-wrap .box .text .li-career{
    margin: 0 0 1.3rem;
}
.member-wrap .box .text .li-career > li{
    color: #f3e1d1;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.4; /* 22.5px */
    letter-spacing: -0.15px;
    margin: 0.4rem 0;
}
.member-wrap .box .text .li-career > li::before{content: '';}
.member-wrap .box .text .dl-written{
    position: relative;
    padding-left: 4.5rem;
    margin: 0;
}
.member-wrap .box .text .dl-written dt{
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.55; /* 24.8px */
    letter-spacing: -0.16px;
    position: absolute;
    left: 0;
}
.member-wrap .box .text .dl-written dd{
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.55; /* 23.25px */
    letter-spacing: -0.5px;
    position: relative;
    padding-left: 1.1rem;
}
.member-wrap .box .text .dl-written dd::before{content: '';display: block;width: 4px;height: 1px;background: #ebddcf;position: absolute;top: 0.9rem;left: 0;}

.footer-about{
    background: #F8F6F4;
}
.footer-about .common-h4{}
.footer-about .image-wrap{
    display: flex;
    gap: 1.4rem;
}
.footer-about .image-wrap .box{}
.footer-about .image-wrap .box img{
    height: 37.4rem;
}

.footer-location{
    padding: 8rem 0;
    background: #81654b url('/public/img/sub/pt-7-w.png');
}
.footer-location .common-loca{
    display: flex;
    gap: 9rem;
    flex-wrap: wrap;
}
.common-loca .box{
    flex: 1 0 45%;
}
.common-loca .box .common-h4{
    border-top: 1px solid rgba(255, 255, 255, 0.40);
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
    color: #fff;
}
.common-loca .box .time-table{
    background: #fff;
    padding: 5.5rem 13.4rem;
    box-shadow: 0.8rem 0.8rem 4rem rgba(0,0,0,0.07);
    border-radius: 1.5rem;
}
.common-loca .box .time-table h5{
    color: var(--page-point-color);
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.5; /* 45px */
    letter-spacing: -0.3px;
    margin: 0 0 2.9rem;
}
.common-loca .box .time-table .li-time{}
.common-loca .box .time-table .li-time li{
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-top: 0.8rem;
}
.common-loca .box .time-table .li-time li:first-child{margin-top: 0;}
.common-loca .box .time-table .li-time li .tit{
    display: flex;
    width: 10rem;
    padding: 0.2rem 1.5rem;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: justify;
    border-radius: 17px;
    background: var(--page-page-color);
    color: #333;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.6; /* 30.4px */
}
.common-loca .box .time-table .li-time li .time{
    color: #333;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.6; /* 32px */
    letter-spacing: -0.2px;
}
.common-loca .box .time-table .li-time li.holyday{
    margin-top: 1.8rem;
}
.common-loca .box .time-table .li-time li.holyday .tit{
    background: #F8D7B9;
}
.common-loca .box .time-table .li-time li.holyday .time{}
.common-loca .box .map{
    background: #fff;
    padding: 3.5rem 3.5rem;
    box-shadow: 0.8rem 0.8rem 4rem rgba(0,0,0,0.07);
    border-radius: 1.5rem;
}
.common-loca .box .map .root_daum_roughmap {
    max-width: 54.5rem;
    width: 100%;
    margin: 0 auto;
}
.common-loca .box .map .addr{
    color: #333;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.6; /* 35.2px */
    letter-spacing: -0.22px;
    margin: 1.5rem 0 0;
}
.common-loca .box .map .addr small{
    color: #555;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -0.18px;
    display: block;
}

.footer-contact{
    padding: 4rem 0;
    background: #4b3c2e;
}
.footer-contact .dl-contact{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    margin: 0;
}
.footer-contact .dl-contact dt{
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0.7rem 0 0;
}
.footer-contact .dl-contact dt .material-symbols-outlined{
    width: 4rem;
    line-height: 4rem;
    background: #ff712f;
    border-radius: 50%;
    text-align: center;
    font-size: 2.5rem;
    color: #fff;
}
.footer-contact .dl-contact dt .tit{
    color: #FFF;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1; /* 24px */
    letter-spacing: -0.24px;
}
.footer-contact .dl-contact dd{
    display: flex;
    align-items: center;
}
.footer-contact .dl-contact dd a{
    color: #FFF;
    font-family: "Noto Serif KR", serif;
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1; /* 46px */
    letter-spacing: -0.01em;
}
.footer-contact .dl-contact dd a:hover{text-decoration: none;}

footer .footer-text{
    text-align: left;
    padding: 5rem 0;
    background: #27221E;
}
footer .footer-text .container{text-align: center;}
footer .footer-text .container::before,
footer .footer-text .container::after{display: none;}
footer .footer-text .wrap{}
footer .footer-text p{
    color: #D3D3D3;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5625; /* 156.25% */
    letter-spacing: -0.16px;
    margin: 0 0 1.5rem;
}

footer .footer-text p strong {
    font-weight: 600;
}
footer .footer-text ul{
    display: flex;
    justify-content: center;
}
footer .footer-text ul li{margin-right: 1.5rem;color: #AAA;font-size: 1.4rem;font-weight: 400;line-height: 1;letter-spacing: -0.14px;display: flex;align-items: baseline;gap: 0.5rem;}
footer .footer-text ul li b{
    font-weight: 700;
    line-height: 23px;
}
footer .footer-text .copyrights{display: block;color: #717171;font-size: 1.2rem;font-weight: 400; /* 176.923% */letter-spacing: -0.13px;margin-top: 1.5rem;}

.sub-link a{
    display: flex;
    width: 24rem;
    height: 6.5rem;
    padding: 2rem 2.5rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    color: #FFF;
    text-align: center;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: #f66719;
    margin: -50px auto 40px;
    box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.15);
    transition: all 0.3s;
}
.sub-link a:hover {
    background: var(--page-point-color-hover);
}

@media (max-width: 767px){
    .member-wrap {
        gap: 1rem;
    }
    .member-wrap .box {
        flex-direction: column;
    }
    .member-wrap .box .text {
        padding: 3rem 1.5rem;
    }

    .common-loca .box .time-table {
        background: #fff;
        padding: 5.5rem 5.4rem;
        box-shadow: 0.8rem 0.8rem 4rem rgba(0,0,0,0.07);
        border-radius: 1.5rem;
    }
    .footer-about .image-wrap {
        display: flex;
        gap: 1.4rem;
        flex-direction: column;
    }
    .footer-about .image-wrap .box img {
        height: auto;
        width: 100%;
    }
    footer .footer-text ul {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    footer .footer-text ul li{
        margin: 0;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    .member-wrap {
        gap: 1rem;
    }
    .member-wrap .box {
        flex-direction: column;
    }
    .member-wrap .box img{max-width: none;width: 100%;}
    .member-wrap .box .text {
        padding: 3rem 1.5rem;
    }
    .footer-about .image-wrap .box img {
        height: 20.4rem;
    }
    
}
@media (min-width: 992px) and  (max-width: 1199px){
    .member-wrap .box {
        flex-direction: column;
    }
    .member-wrap .box img{max-width: none;width: 100%;}
    .member-wrap .box .text {
        padding: 3rem 1.5rem;
    }
    .common-loca .box .time-table {
        background: #fff;
        padding: 5.5rem 4.4rem;
    }
    .footer-about .image-wrap .box img {
        height: 27.4rem;
    }
}
/* //푸터 */


.maintenance {/* margin-top: .5rem; *//* border: 7px solid #ffffff; *//* padding: 5.0rem 2.5rem; */text-align: center;border-radius: 2rem;}
.maintenance .icon {display: block;line-height: 1;font-size: 6.4rem;margin-bottom: 2rem;color: #ddd1c6;}
.maintenance .big-cont {display: block;line-height: 1;font-size: 2.2rem;font-weight: 600;letter-spacing: -0.04em;margin-bottom: 2.0rem;color: #555;}
.maintenance .small-cont {display: block;line-height: 1.5;font-size: 1.5rem;letter-spacing: -0.03em;color: #818181;}
.member_wrapper {max-width: 117.0rem;}