:root {
    --border40 : 40px;
    --border30: 30px;
    --border25 : 25px;
    --border20 : 20px;
    --border15 : 15px;
    --border10 : 10px;

    --shadow-wide :10px 10px 30px rgba(0,0,0,0.05);
}
@media (max-width:767px){
    :root {
        --border40 : 20px;
        --border30 : 15px;
        --border25 : 12px;
        --border20 : 10px;
        --border15 : 8px;
        --border10 : 5px;
    }
}
/* bg */
.bg-gray {
    background-color: #f7f7f7;
}
.bg-gr {
    background-color: #f5f7f5;
}
/* row */
.row.nallow {
    margin: 0 -5px;
}
.row.nallow > li,
.row.nallow > div {
    padding: 0 5px;
}
/* subtop */
#subtop {
    overflow: hidden;
    position: relative;
}
#subtop > .brWrp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}
#subtop > .brWrp > .bg {
    position: absolute;
    top: -15%;
    left: 0;
    width: 100%;
    height: 130%;
}
#subtop .fbox {
    height: 850px;
}
#subtop .fbox .tt {
    color: #b7bea9;
    letter-spacing: 0px;
}
#subtop .fbox .sb {
    opacity: .7;
}
#subtop .fbox h1 {
    font-size: 60px;
    line-height: 1em;
    letter-spacing: -0.03em;
    color: rgba(255,255,255,1);
}
#subtop .fbox h1 strong {
    color: #fff;
}
@media (max-width:992px) {
    #subtop > .brWrp {
        border-radius: 0;
    }
    #subtop .fbox {
        height: 350px;
    }
    #subtop .fbox h1 {
        font-size: 40px;
    }
}
@media (max-width:768px) {
    #subtop {
        background-size: cover !important;
    }
    #subtop > .brWrp > .bg {
        top: 0%;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover !important;
        transform: translateY(0px) !important;
    }
    #subtop .fbox {
        height: 400px;
    }
    #subtop .fbox h1 {
        font-size: 30px;
    }
}
/* arrSteps */
@keyframes fadeDown {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

.arrSteps {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 3px;
  width: 30px;
  height: 45px;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  margin: 0 auto;
  font-size: 15px;
}
.arrSteps .arr {
    animation: fadeDown 1.5s infinite ease-in-out;
    display: inline-block;
}
.arrSteps .arr.arr1 {
    animation-delay: 0s;
}
.arrSteps .arr.arr2 {
    animation-delay: 0.3s;
}
.arrSteps .arr.arr3 {
    animation-delay: 0.6s;
}
@media (max-width:768px) {
    .arrSteps {
        width: 25px;
        height: 40px;
        font-size: 13px;
    }
}

/* site_config */
#site_config {
    position: relative;
    z-index: 30;
    display: block;
    width: 100%;
    background-color: rgba(81, 87, 68, 0.8);
    padding: 0 20px;
}
#site_config .site .home {
    float: left;
    line-height: 70px;
    position: relative;
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.02em;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#site_config .site .home.home2,
#site_config .site .home.home3 {
    position: relative;
}
#site_config .site .home.home2:after,
#site_config .site .home.home3:after {
    
}
#site_config .site .home.act:before {
    content: "";
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-bottom: 0px;
}
#site_config .site .home .site_toggle i {
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#site_config .site .home.act .site_toggle i {
    transform: rotate(180deg);
}
#site_config .site .home.home1 {
    text-align: center;
}
#site_config .site .home > span {
    display: block;
    padding: 0px 3px;
    position: relative;
    z-index: 3;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}
#site_config .site .home > ul {
    position: absolute;
    left: 50%;
    top: 100%;
    width: 200px;
    border-top: 0px;
    padding: 12px 8px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
    transform: translate3d(-50%, -8px, 0);
}
/* #site_config .site .home > ul li:not(:first-child) {
    border-top: 1px solid #eee;
} */
#site_config .site .home > ul li a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    line-height: 1em;
    padding: 10px;
    color: #666;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#site_config .site .home > ul li a.act {
    color: #333;
}
#site_config .site .home > ul li a:hover{
    color: #111;
    text-decoration: underline;
    font-weight: 700;
}
#site_config .site .home > ul li:hover a:after {
    width: 100%;
    left: 0%;
}
@media (max-width:992px) {
    #site_config .site .home {
        line-height: 50px;
        font-size: 15px;
    }
}
@media (max-width:768px) {
    #site_config .site .home {
        line-height: 40px;
        font-size: 12px;
    }
    #site_config .site .home.home2:after,
    #site_config .site .home.home3:after {
        right: 10px;
        width: 10px;
        background-size: 100%;
    }
    #site_config .site .home > span {
        padding: 0px 5px;
    }
}

/* sub1 */
#sub1 .sec1 {
    position: relative;
}
/* #sub1 .sec1:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    height: 100%;
    background-color: #f5f7f5;
    z-index: 1;
} */
#sub1 .sec1 .container {
    position: relative;
    z-index: 5;
}
@media (max-width:768px){
    #sub1 .sec1 {
        text-align: center;
    }
    #sub1 .sec1 .fbox > div {
        width: 100%;
    }
    #sub1 .sec1 .fbox .que {
        margin: 0 auto;
    }
}
/* que */
.que {
    display: flex;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: #f3f2ec;
    padding-top: 20px;
    text-align: center;
    color: #b2ae93;
    font-size: 60px;
    line-height: 1em;
    padding-right: 4px;
}
.que.cnt {
    margin-left: auto;
    margin-right: auto;;
}
@media (max-width:768px){
    .que {
        width: 45px;
        height: 45px;
        padding-top: 15px;
        font-size: 30px;
        padding-right: 2px;
    }
}
/* infoTit */
.infoTit {
    position: relative;
    padding-left: 20px;
}
.infoTit:after {
    content: "";
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 2px;
    background-color: #353d40;
}

/* sub1 sec5 */
@media (max-width:500px) {
    #sub1 .sec4 .imgList1 > div {
        width: 100%;
        display: flex;
    }
    #sub1 .sec4 .imgList1 > div + div {
        margin-top: 15px;
    }
    #sub1 .sec4 .imgList1 .img {
        order: 2;
    }
    #sub1 .sec4 .imgList1 .txt {
        writing-mode: vertical-lr;
        order: 1;
        border-top: 1px solid #ddd;
        border-right: 0px;
    }
}
/* imgList1 */
.imgList1 .img {
    border: 1px solid #ddd;
}
.imgList1 .txt {
    text-align: center;
    padding: 15px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0px;
}
.imgList1 .txt.imp1 {
    background-color: #e5e3d9;
}
.imgList1 .txt.imp1 .dft {
}
.imgList1 .txt.imp2 {
    background-color: #525746;
}
.imgList1 .txt.imp2 .dft {
    color: #fff;
}
.imgList1 .txt.imp2 .dft strong {
    color: #ffe583;
}

/* sub1 sec5 */
#sub1 .sec5 {
    position: relative;
    overflow: hidden;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#sub1 .sec5 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: 1;

    background: url(../img/sub1_bg5.jpg) center center no-repeat;
    background-size: cover;
}
#sub1 .sec5 .container {
    position: relative;
    z-index: 5;
}
#sub1 .sec5 .dft {
    letter-spacing: 20px !important;
}

@media (max-width:768px){
    #sub1 .sec5 {
        height: 300px;
    }
}
/* dotLined */
.dotLined {
    border: 1px dashed #9ea5a1;
    padding: 40px 20px;
}

/* resultData */
.checkIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    max-width: 14vw;
    max-height: 14vw;
    border-radius: 50%;
    background-color: #0C4429;
    /* box-shadow: 8px 8px 20px rgba(12, 68, 41, 0.1); */
    margin-left: auto;
    margin-right: auto;;
}
@media (max-width:768px){
    .checkIcon {
        margin-bottom: 15px;
        /* box-shadow: 5px 5px 20px rgba(12, 68, 41, 0.1); */
    }
}

/* orderList */
.orderList li {
    margin: 15px 0;
}
.orderList .item {
    display: flex;
    gap: 16px;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 20px 30px;
    border-radius: 100px;
    backdrop-filter: blur(10px);
}
.orderList .item .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #9e9a57;
    color: #fff;
    border-radius: 50%;
    font-weight: 500;
}
.orderList .item .tt {
    width: calc(100% - 50px);
    padding-left: 15px;
    text-align: left;
}
@media (max-width:768px){
    .orderList .item {
        align-items: flex-start;
        border-radius: 0px;
    }
    .orderList .item .num {
        width: 30px;
        height: 30px;
        border-radius: 0;
    }
}
/* sub1 .sec7 */
@media (max-width:768px){
    #sub1 .sec7 .fbox > div {
        width: 100%;
    }
    #sub1 .sec7 .fbox .txt {
        order: 1;
        padding: 0 15px;
        padding-bottom: 30px;
    }
    #sub1 .sec7 .fbox .img {
        order: 2;
    }
}
/* sub1 .sec8 */
#sub1 .sec8 {
    background: url(../img/sub1_bg8.jpg) center center no-repeat;
    background-size: cover;
}
/* photo-slick */
.photo-slick .slick-slide {
    padding: 0 10px;
}
/* pass-slick-wrp */
.pass-slick-wrp {
    position: relative;
}
.pass-slick-wrp::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 15vw;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
}
.bg-gr .pass-slick-wrp::before {
    background-color: rgba(245, 247, 245, 0.8);
}
.pass-slick-wrp:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 15vw;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
}
@media (max-width:768px){
    .mobileFlow.pass-slick-wrp::before,
    .mobileFlow.pass-slick-wrp:after {
        display: none;
    }
}

/* sub1_1 */
.linedSec .lined {
    height: 60px;
    width: 1px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.linedSec .lined:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0px;
    transform: translateY(-50%);
    background-color: #ddd;
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transition-delay: .8s;
}
.linedSec .lined.aos-animate:after {
    height: 100%;
}
@media (max-width:768px) {
    .linedSec .lined {
        height: 30px;
    }
}
/* stit */
.stit .stitBt strong {
    display: inline-block;
    padding: 12px 40px;
    border-radius: 80px;
    background-color: rgba(0, 0, 0, 0.05);
}
.stit .stitBt.text-light strong {
    background-color: rgba(0, 0, 0, 0.2);
}
.stit .stitBt.text-light2 strong {
    background-color: rgba(0, 0, 0, 0.05);
}
/* sub1_1 */
#sub1_1 .sec2 {
    background: url(../img/sub1_1_bg2.jpg) center center no-repeat;
    overflow: hidden;
}
#sub1_1 .sec2 .stit {
    display: flex;
    align-items: center;
}
#sub1_1 .sec2 .stit .txt {
    width: calc(100% - 158px);
    padding-right: 20px;
}
#sub1_1 .sec2 .stit .rot {
    width: 158px;
}
#sub1_1 .sec2 .bt {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #ccc;
    position: relative;
}
@media (max-width:768px) {
    #sub1_1 .sec2 .stit .txt {
        width: calc(100% - 78px);
    }
    #sub1_1 .sec2 .stit .rot {
        width: 78px;
    }
}
@media (min-width:500px) {
    #sub1_1 .sec2 .bt:after {
        content: "";
        position: absolute;
        top: 0;
        left: 41.5%;
        height: 150%;
        width: 1px;
        background-color: #ccc;
    }
    #sub1_1 .sec2 .bt .fbox .lft {
        width: 40%;
        padding-right: 20px;
    }
    #sub1_1 .sec2 .bt .fbox .rt {
        width: 60%;
        padding-left: 20px;
    }
}
@media (max-width:500px) {
    #sub1_1 .sec2 .bt {
        margin-top: 30px;
        padding-top: 30px;
    }
    #sub1_1 .sec2 .bt .fbox .lft {
        order: 2;
    }
    #sub1_1 .sec2 .bt .fbox .rt {
        order: 1;
        padding-bottom: 40px;
    }
}

/* rotImg */
.rotImg {
    position: relative;
    display: inline-block;
}
.rotImg .rotImg1_rot {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    -webkit-animation: rotImg 8s linear infinite;
    -moz-animation: rotImg 8s linear infinite;
    -ms-animation: rotImg 8s linear infinite;
    -o-animation: rotImg 8s linear infinite;
    animation: rotImg 8s linear infinite;
}
@keyframes rotImg {
    0% {
        transform: rotate(0);
    }
    0% {
        transform: rotate(-360deg);
    }
}

/* subTabs */
#subTabs {
    padding: 30px 0;
}
#subTabs .tabWrps {
    position: relative;
}
#subTabs .tabWrps #lnbMn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4vw;
}
#subTabs .tabWrps #lnbMn li a {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    color: #999;
    font-size: 18px;
    line-height: 1em;
    font-weight: 500;
    padding-bottom: 5px;
}
#subTabs .tabWrps #lnbMn li.act a {
    color: #231f20;
    border-color: #231f20;
}
@media (max-width:992px) {
    #subTabs .tabWrps #lnbMn {
        position: absolute;
        left: 0;
        top: calc(100% - 1px);
        width: 100%;
        margin-top: 0;
        border-radius: 0;
        border-top: 0px;
        display: none;
        max-height: 200px;
        overflow-y: auto;        
        border: 1px solid #ddd;
        background-color: #fff;
        z-index: 20;
        text-align: center;
    }
    #subTabs .tabWrps #lnbMn.act {
        display: block;
    }
    #subTabs .tabWrps #lnbMn li a {
        padding: 15px;
        font-size: 15px;
        border: 0px;
        width: 100%;
    }
    #subTabs .tabWrps #lnbMn li.act a {
        background-color: #fcfcfc;
    }
    #subTabs .tabWrps #cateName {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
        border: 1px solid #ddd;
        cursor: pointer;
    }
}

/* h_v */
.h_v {
    overflow: hidden;
}
@media (min-width:992px) {
    .h_v {
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
/* sub1_2 */
#sub1_2 .sect {
    position: relative;
}
#sub1_2 .sect .TopDtxt {
    position: absolute;
    left: 50%;
    top: 15%;
    width: 100%;
    max-width: 1340px;
    transform: translate3d(-50%, 0, 0);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    opacity: .8;
    filter: blur(10px);
    opacity: 0;
    z-index: 10;

    -webkit-transition: all 1.5s ease-out;
    -moz-transition: all 1.5s ease-out;
    -o-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
}
#sub1_2 .sect .aos-animate .TopDtxt {
    filter: blur(0px);
    opacity: 1;
}
#sub1_2 .sect .TopDtxt .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
}
#sub1_2 .sect .TopDtxt .dvd {
    display: inline-block;
    width: 1px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0.5);
}
#sub1_2 .sect .TopDtxt.c_gray .dot {
    background-color: #999;
}
#sub1_2 .sect .TopDtxt.c_gray .dvd {
    background-color: rgba(100, 100, 100, 0.5);
}
#sub1_2 .sect .op {
    opacity: .7;
}

#sub1_2 .sec1 {
    background: url(../img/sub1_2_bg1.jpg) center center no-repeat;
}
#sub1_2 .sec2 {
    background: url(../img/sub1_2_bg2.jpg) center center no-repeat;
}
@media (min-width:768px) {
    #sub1_2 .sec1,
    #sub1_2 .sec2 {
        background-attachment: fixed;
    }
}
@media (max-width:768px) {
    #sub1_2 .sect:not(.sec4) {
        padding-top: 150px;
    }
    #sub1_2 .sect .TopDtxt {
        left: 20px;
        top: 60px;
        transform: translate3d(0%, 0, 0);
    }
    #sub1_2 .sec1,
    #sub1_2 .sec2 {
        background-size: cover;
    }
}


#sub1_2 .sec3 {
    position: relative;
}
#sub1_2 .sec3 .img {
    position: relative;
}
#sub1_2 .sec3 .img img {
    border-bottom: 1px solid #ddd;
	filter: blur(10px);	
    opacity: 0;
	transition:all 1.2s;
}
#sub1_2 .sec3 .img.aos-animate img {
	filter: blur(0px);	
    opacity: 1;
}
#sub1_2 .sec3 .img:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: 400%;
    background-color: #ccc;
    z-index: -1;
    transform: translateY(-50%);
}
@media (min-width:992px) {
    #sub1_2 .sec3:after {
        content: "";
        position: absolute;
        left: 0;
        top: 30%;
        width: 100%;
        height: 1px;
        background-color: #ccc;
        z-index: -1;
    }
}
@media (min-width:768px) {
    #sub1_2 .sec3 .stit {
        padding-right: 25px;
    }
}
@media (max-width:768px) {
    #sub1_2 .sec3 .fbox .img {
        order: 1;
        text-align: right;
    }
    #sub1_2 .sec3 .img:after {
        left: 90%;
    }
    #sub1_2 .sec3 .img::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 500%;
        height: 1px;
        background-color: #ccc;
        z-index: -1;
    }
    #sub1_2 .sec3 .fbox .img img {
        max-width: 60%;
    }
    #sub1_2 .sec3 .fbox .stit {
        order: 2;
        padding-right: 20%;
    }
}


#sub1_2 .sec4 {
    background-color: #515744;
}
#sub1_2 .sec4 .fbox {
    width: 100%;
}
#sub1_2 .sec4 .fbox > .img {
    height: 100vh;
    background: url(../img/sub1_2_bg4.jpg) center center no-repeat;
    background-size: cover;
}
#sub1_2 .sec4 .fbox > .txt .stit {
    max-width: 90%;
    margin: 0 auto;
}
#sub1_2 .sec4 .fbox > .txt .tt {
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: #c6cfb3;
}
@media (max-width:992px) {
    #sub1_2 .sec4 .fbox {
        flex-wrap: wrap;
    }
    #sub1_2 .sec4 .fbox > div {
        width: 100%;
    }
    #sub1_2 .sec4 .fbox > .img {
        height: 350px;
        order: 2;
    }
    #sub1_2 .sec4 .fbox > .txt {
        order: 1;
    }
}

/* sec2 */
@media (max-width:768px) {
    #sub2_1 .sec2 .stit {
        text-align: center;
    }
}
/* iset */
.iset .is_item {
    border: 1px solid #7d856a;
    border-radius: var(--border30);
    padding: 50px;
    display: flex;
    align-items: center;
}
.iset .is_item .tcon {
    width: calc(100% - 135px);
    padding-right: 30px;
}
.iset .is_item .tcon .top {
    display: flex;
    align-items: center;
    gap: 12px;
}
.iset .is_item .icon {
    width: 135px;
}
.iset .is_item .icon img {
    background-color: #f1f2ef;
    border-radius: 50%;
}

@media (max-width:768px) {
    .iset .is_item {
        padding: 30px 20px;
    }
    .iset .is_item .tcon {
        width: calc(100% - 75px);
        padding-right: 20px;
    }
    .iset .is_item .icon {
        width: 75px;
    }
}
/* periodBox */
.periodBox {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-around;
    text-align: center;
}
.periodBox:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #515744;
}
.periodBox .pd_start {
    width: 90px;
    height: 90px;
    background-color: #525746;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    z-index: 5;
}
.periodBox .pd_item {
    width: 15%;
    position: relative;
    z-index: 5;
}
.periodBox .pd_item .tt {
    color: #fff;
    padding: 10px;
    border-radius: 10px 10px 0 0;
}
.periodBox .pd_item:nth-child(1) .tt {
    background-color: #3a9167;
}
.periodBox .pd_item:nth-child(2) .tt {
    background-color: #2d7f57;
}
.periodBox .pd_item:nth-child(3) .tt {
    background-color: #23714b;
}
.periodBox .pd_item:nth-child(4) .tt {
    background-color: #1f6543;
}
.periodBox .pd_item:nth-child(5) .tt {
    background-color: #155938;
}
.periodBox .pd_item:nth-child(6) .tt {
    background-color: #0C4429;
}
.periodBox .pd_item .md {
    padding: 0 15px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    display: flex;
    align-items: center;
    height: 150px;
    justify-content: center;
}
.periodBox .pd_item .md .md_tit strong {
    display: inline-block;
    background-color: #f5f8ef;
    color: #7d856a;
    font-size: .8em;
    padding: 8px 20px;
    line-height: 1em;
    border-radius: 50px;
}
@media (max-width:1200px) {
    .periodBox {
        flex-direction: column;
        gap: 40px;
    }
    .periodBox:after {
        top: 0;
        left: 50%;
        width: 0;
        height: 100%;
        border-bottom: 0px dashed #515744;
        border-right: 1px dashed #515744;
    }
    .periodBox .pd_item {
        width: 400px;
        max-width: 90vw;
    }
}
@media (max-width:768px) {
    .periodBox {
        gap: 20px;
    }
    .periodBox .pd_item .md {
        padding: 20px 15px;
        height: auto;
    }
}
/* carePrograms */
.carePrograms {
    background: url(../img/carePrograms_bg.png) right bottom no-repeat;
}
/* bdBox */
.bdBox {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 40px 0;
    position: relative;
}
.bdBox + .bdBox {
    border-top: 0px;
}
.bdBox .row {
    margin: 0 -40px;
}
.bdBox .row > [class*="col-"] {
    padding: 40px;
}
.bdBox .bdItem .txt {
    display: flex;
    align-items: flex-start;
}
.bdBox .bdItem .txt .num {
    width: 100px;
}
.bdBox .bdItem .txt .num .dft {
    font-style: italic;
}
.bdBox .bdItem .txt .tcon {
    width: calc(100% - 100px);
}
@media (min-width:992px){
    .bdBox:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        border-left: 1px solid #ccc;
    }
}
@media (max-width:768px){
    .bdBox {
        border-bottom: 0px solid #ccc;
        padding: 0px;
    }
    .bdBox .row > [class*="col-"] {
        border-bottom: 1px solid #ccc;
    }
    .bdBox .bdItem .txt .num {
        width: 60px;
    }
    .bdBox .bdItem .txt .tcon {
        width: calc(100% - 60px);
    }
}

/* hList */
.hList > li {
    position: relative;
    padding-left: 15px;
    margin: 0;
}
.hList > li.hidden-xs:after {
    display: none;
}
.hList > li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px ;
    width: 3px;
    height: 3px;
    background-color: #aaa;
}
@media (max-width:768px){
    .hList > li:after {
        top: 11px;
    }
}
/* pList */
.pList > li {
    position: relative;
    padding-left: 15px;
    margin: 0;
}
.pList > li.hidden-xs:after {
    display: none;
}
.pList > li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 11px ;
    width: 3px;
    height: 3px;
    background-color: #aaa;
}
@media (max-width:768px){
    .pList > li:after {
        top: 8px;
    }
}

/* hdList */
.hdList .dft {
    display: flex;
    align-items: center;
}
.hdList .dft .hd {
    width: 150px;
}
.hdList .dft .cc {
    width: calc(100% - 150px);
    padding-left: 15px;
}
@media (max-width:768px){
    .hdList .dft {
        flex-wrap: wrap;
    }
    .hdList .dft .hd {
        width: 100%;
    }
    .hdList .dft .cc {
        width: 100%;
        padding-left: 0;
    }
}

/* underLined */
@media (min-width:768px){
    .underLined span {
        display: inline-block;
        border-bottom: 1px solid #fff;
    }
    .underLined.dk span {
        border-bottom: 1px solid #111;
    }
    .underLined.c_pt span {
        border-bottom: 1px solid #0C4429;
    }
    .underLined.c_pt2 span {
        border-bottom: 1px solid #515744;
    }
    .underLined.c_pt3 span {
        border-bottom: 1px solid #7d856a;
    }
    .underLined.c_pt4 span {
        border-bottom: 1px solid #cbd4b5;
    }
    .underLined.c_gd span {
        border-bottom: 1px solid #b18b39;
    }
}
@media (max-width:768px){
    .underLined {
        text-decoration: underline;
    }
}
/* sub2_1 */
#sub2_1 .sec5 {
    background: url(../img/sub2_1_bg5.jpg) center center no-repeat;
}
@media (min-width:992px){
    #sub2_1 .sec5 {
        background-attachment: fixed;
    }
}
@media (max-width:992px){
    #sub2_1 .sec5 {
        background-size: cover !important;
    }
}

/* cnt_wrp */
.cnt_wrp {
    background-color: #f7f8f5;
    border-radius: var(--border20);
    padding: 40px;
}
.cnt_wrp .cnt_item .sm {
    font-size: .7em;
}
@media (min-width:768px) {
    .cnt_wrp [class*="col"]:not(:first-child) .cnt_item {
        border-left: 1px solid #ddd;
    }
}
@media (max-width:768px) {
    .cnt_wrp {
        padding: 20px;
    }
    .cnt_wrp [class*="col"]:not(:first-child) {
        margin: 0px;
    }
    .cnt_wrp [class*="col"]:not(:first-child) .cnt_item {
        border-top: 1px solid #ddd;
    }
    .cnt_wrp .cnt_item {
        display: flex;
        align-items: center;
        padding: 20px;
        justify-content: space-between;
        align-items: center;
    }
}

/* stepList1 */
.stepList1 .stepDots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    margin: 20px 0;
}
.stepList1 .stepDots .dot {
    width: 5px;
    height: 5px;
    background-color: #7d856a;
    border-radius: 50%;
}
.stepList1 .stepItem {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 70px;
    height: 240px;
    border: 1px solid #7d856a;
}
.stepList1 .stepItem .num {
    position: absolute;
    left: 50px;
    top: 0;
    transform: translateY(-50%);
    z-index: 5;
    background-color: #7d856a;
    border-radius: 70px;
    padding: 5px 30px;
}
.stepList1 .stepItem .tcon {
    width: calc(100% - 135px);
    padding-right: 30px;
}
.stepList1 .stepItem .icon {
    width: 135px;
}
.stepList1 .stepItem .icon img {
    background-color: #f1f2ef;
    border-radius: 50%;
}
@media (max-width:768px){
    .stepList1 .stepDots {
        gap: 5px;
        margin: 10px 0;
    }
    .stepList1 .stepDots .dot {
        width: 3px;
        height: 3px;
    }
    .stepList1 .stepItem {
        padding: 40px 20px 20px 20px;
        height: auto;
        flex-wrap: wrap;
    }
    .stepList1 .stepItem .num {
        left: 0;
        top: 0;
        transform: translateY(0%);
        padding: 5px 20px;
        border-radius: 0;
    }
    .stepList1 .stepItem .tcon {
        width: calc(100% - 90px);
        padding-right: 20px;
        margin-top: 15px;
    }
    .stepList1 .stepItem .icon {
        width: 90px;
    }
}

/* iconListSet */
.iconListSet .item {
    border: 1px solid #bfc7b0;
    padding: 40px 15px;
    background-color: #fff;
}
@media (max-width:768px){
    .iconListSet .item {
        padding: 30px 15px;
    }
    .iconListSet .item .ic img {
        width: 50px;
    }
}


/* faq */
#qnaWrp .qnaItem {
    position: relative;
}
#qnaWrp .qnaItem + .qnaItem {
    margin-top: 15px;
}
#qnaWrp .qnaItem:last-child {
    border-bottom-width: 2px;
}
#qnaWrp .qnaItem > div {
    position: relative;
    padding: 20px;
}
#qnaWrp .qnaItem .qna_a {
    background-color: #f7f8f5;
    padding: 50px;
}
#qnaWrp .qnaItem .qna_q {
    padding: 20px 60px;
    cursor: pointer;
    border: 1px solid #bfc7b0;
}
#qnaWrp .qnaItem .qna_q .actBtn {
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 0;
    height: 100%;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#qnaWrp .qnaItem.act .qna_q .actBtn {
    transform: rotate(180deg);
}
#qnaWrp .qnaItem .qna_q h3 {
    font-weight: 700;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
#qnaWrp .qnaItem .qna_q h4 {
    margin-bottom: 0px;
}
#qnaWrp .qnaItem .qna_q h3,
#qnaWrp .qnaItem .qna_q h4 {
    color: #666;
}
#qnaWrp .qnaItem.act .qna_q {
    border-color: rgba(81, 87, 68, 1);
    background-color: rgba(81, 87, 68, 1);
}
#qnaWrp .qnaItem.act .qna_q h3,
#qnaWrp .qnaItem.act .qna_q h4 {
    color: #fff;
}
@media (max-width:768px){
    #qnaWrp .qnaItem .qna_q {
        padding: 15px 40px;
        padding-right: 25px;
    }
    #qnaWrp .qnaItem .qna_q h3 {
        left: 15px;
    }
    #qnaWrp .qnaItem .qna_q .actBtn {
        background-size: 10px !important;
    }
    #qnaWrp .qnaItem .qna_a {
        padding: 20px;
    }
}

/* sub2_2 */
#sub2_2 .sec5 {
    background: url(../img/sub2_2_bg5.jpg) center center no-repeat;
    background-size: cover;
}
#sub2_2 .sec5 .w1400 {
    background-color: rgba(81, 87, 68, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
}
#sub2_2 .sec5 .w1400:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bgLogoSym.png) left center no-repeat;
}

/* blBox */
.subBox {
    background-color: rgba(191, 199, 176, 0.2);
    border-radius: var(--border30);
    padding: 40px 20px;
}
.subBox.w {
    background-color: rgba(250, 255, 241, 0.2);
    border-radius: var(--border30);
    padding: 40px 20px;
}
.subBox.subBox_mini {
    display: inline-block;
    padding: 25px 60px;
    border-radius: 80px;
}
.subBox .tt {
    line-height: 1.6em;
}
@media (max-width:768px){
    .subBox {
        padding: 20px 15px;
    }
    .subBox.subBox_mini {
        display: block;
        padding: 25px 20px;
        border-radius: 10px;
    }
}

/* sub3_1 */
#sub3_1 .sec1 {
    background: url(../img/sub3_1_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}
/* sub3_1 sec2 */
.linesSec {
    position: relative;
}
.linesSec > div {
    position: relative;
    z-index: 5;
}
.linesSec .btColCons .row {
    margin: 0 -30px;
}
.linesSec .btColCons .row > div {
    padding: 0 30px;
}
.btColCons.btColConsBg .item {
    padding: 40px 40px;
    border-radius: var(--border30);
    background-color: #fff;
    box-shadow: var(--shadow-wide);
    border: 2px solid #ddd;
}
.btColCons.btColConsBg .item .tt {
    gap: 12px;
}

@media (min-width:1830px) {
    .linesSec::before {
        content: "";
        position: absolute;
        left: calc(33.33333% - (((100% - 1830px)/2)/2) + 30px);
        top: 0;
        height: 100%;
        border-right: 1px solid #eee;
        z-index: 0;
    }
    .linesSec:after {
        content: "";
        position: absolute;
        right: calc(33.33333% - (((100% - 1830px)/2)/2) + 30px);
        top: 0;
        height: 100%;
        border-right: 1px solid #eee;
        z-index: 0;
    }
}
/* dl */
.dl {
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.dl .dt {
    width: 100px;
    border: 1px solid #ccc;
    border-radius: 100px;
    color: #666;
    text-align: center;
    padding: 5px 0;
}
.dl .dt.imp {
    color: #fff;
    border-color: #2d4132;
    background-color: #2d4132;
}
.dl .dd {
    width: calc(100% - 100px);
    padding-left: 15px;
}

/* sub3_1 .sec2 */
.checkListBg {
    background: url(../img/sub3_1_bg3.jpg) center center no-repeat;
    background-size: cover;
}
#sub3_1 .sec4 {
    background: url(../img/sub3_1_bg4.jpg) center center no-repeat;
    background-size: cover;
}

/* checkList */
.checkList .check {
    display: flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding: 20px 50px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.checkList .check + .check {
    margin-top: 10px;
}
.checkList .check .num {
    width: 90px;
    padding-bottom: 8px;
}
.checkList .check .chk {
    width: 50px;
}
.checkList .check .chk img {
    background-color: #9e9a57;
    border-radius: 10px;
}
.checkList .check .con {
    width: calc(100% - 140px);
    padding: 0 20px;
}
@media (max-width:768px){
    .checkList .check {
        flex-wrap: wrap;
        padding: 10px 20px 15px;
    }
    .checkList .check .num {
        width: 100%;
        padding-bottom: 8px;
    }
    .checkList .check .chk {
        width: 20px;
    }
    .checkList .check .chk img {
        border-radius: 3px;
    }
    .checkList .check .con {
        width: calc(100% - 20px);
        padding: 0 15px 0 0;
    }
}

/* care_philo */
.care_philo {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    gap: 40px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.care_philo .philBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 270px;
    height: 270px;
    border: 1px solid #666;
    border-radius: 50%;
    position: relative;
}
@media (min-width:1200px) {
    .care_philo::before {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        width: 100%;
        height: 1px;
        background-color: #666;
    }
    .care_philo::after {
        content: "";
        position: absolute;
        left: 100%;
        top: 50%;
        width: 100%;
        height: 1px;
        background-color: #666;
    }
    .care_philo .philBox .philArr {
        position: absolute;
        left: 100%;
        top: 50%;
        width: 40px;
        height: 1px;
        background-color: #666;
    }
    .care_philo .philBox .philArr::before {
        content: "";
        position: absolute;
        right: -3px;
        top: -5px;
        width: 15px;
        height: 1px;
        background-color: #666;
        transform: rotate(45deg);
    }
    .care_philo .philBox .philArr:after {
        content: "";
        position: absolute;
        right: -3px;
        bottom: -5px;
        width: 15px;
        height: 1px;
        background-color: #666;
        transform: rotate(-45deg);
    }
}
@media (max-width:1200px) {
    .care_philo {
        padding: 0 15px;
        flex-direction: column;
        gap: 20px;
    }
    .care_philo .philBox {
        width: 100%;
        height: auto;
        border-radius: 5px;
        padding: 20px;
    }
    .care_philo .philBox .philArr {
        position: absolute;
        left: 50%;
        top: 100%;
        width: 1px;
        height: 20px;
        background-color: #666;
    }
    .care_philo .philBox .philArr::before {
        content: "";
        position: absolute;
        right: -1px;
        bottom: 1px;
        width: 7px;
        height: 1px;
        background-color: #666;
        transform: rotate(45deg);
    }
    .care_philo .philBox .philArr:after {
        content: "";
        position: absolute;
        left: -1px;
        bottom: 1px;
        width: 7px;
        height: 1px;
        background-color: #666;
        transform: rotate(-45deg);
    }
}

/* detailBox */
.detailBox {
    border-radius: var(--border30);
    border: 1px solid rgba(125, 133, 106, 0.4);
}
.detailBox img {
    border-radius: var(--border20);
}
@media (max-width:1200px) {
    .detailBox .fbox > div {
        width: 100%;
    }
    .detailBox .fbox > .txt {
        margin-top: 30px;
    }
}


/* sub3_1 sec6 */
#sub3_1 .sec6 {
    position: relative;
    overflow: hidden;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#sub3_1 .sec6 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: 1;

    background: url(../img/sub1_bg5.jpg) center center no-repeat;
    background-size: cover;
}
#sub3_1 .sec6 .container {
    position: relative;
    z-index: 5;
}
#sub3_1 .sec6 .dft {
    letter-spacing: 20px !important;
}

@media (max-width:768px){
    #sub3_1 .sec6 {
        height: 300px;
    }
}

/* imgList2 */
.imgList2  {
    text-align: center;
}
.imgList2 .con {
    display: inline-block;
    background-color: #b4b4b4;
    border-radius: 100px;
    color: #fff;
    padding: 10px 30px;
    margin-top: 15px;
}
.imgList2 .con.imp2 {
    background-color: #525746;
}
/* sub3_1 .sec8 */
.afterCare {
    background-color: #2d4132;
}
#sub3_1 .afterCare  {
    background: url(../img/sub3_1_afterCare.jpg) center center no-repeat;
    background-size: cover;
}
#sub3_2 .afterCare  {
    background: url(../img/sub3_2_afterCare.jpg) center center no-repeat;
    background-size: cover;
}
#sub3_3 .afterCare  {
    background: url(../img/sub3_3_afterCare.jpg) center center no-repeat;
    background-size: cover;
}
#sub3_4 .afterCare  {
    background: url(../img/sub3_4_afterCare.jpg) center center no-repeat;
    background-size: cover;
}
#sub7_2 .afterCare  {
    background: url(../img/sub7_2_afterCare.jpg) center center no-repeat;
    background-size: cover;
}

/*  */
#sub3_3 .sec0 {
    background: url(../img/sub3_3_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub4_1 .sec1 {
    background: url(../img/sub4_1_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub4_2 .sec1 {
    background: url(../img/sub4_2_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub4_3 .sec1 {
    background: url(../img/sub4_3_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub4_4 .sec1 {
    background: url(../img/sub4_4_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub4_5 .sec1 {
    background: url(../img/sub4_5_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub5_3 .sec1 {
    background: url(../img/sub5_3_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub6_1 .sec1 {
    background: url(../img/sub6_1_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub7_2 .sec0 {
    background: url(../img/sub7_2_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}

/* bgTopCon */
.bgTopCon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 550px;
    border-radius: var(--border30);
    background: url(../img/sub5_1_bgTopCon1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub5_2 .bgTopCon {
    background: url(../img/sub5_2_bgTopCon1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub6_2 .bgTopCon {
    background: url(../img/sub6_2_bgTopCon1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub6_3 .bgTopCon {
    background: url(../img/sub6_3_bgTopCon1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub6_4 .bgTopCon {
    background: url(../img/sub6_4_bgTopCon1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub7_1 .bgTopCon {
    background: url(../img/sub7_1_bgTopCon1.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub7_2 .bgTopCon {
    background: url(../img/sub7_2_bgTopCon1.jpg) center bottom no-repeat;
    background-size: cover;
}

/* sub3_1 */
#sub3_1 .sec11 {
    background: url(../img/sub3_1_bg11.jpg) center center no-repeat;
    background-size: cover;
}
#sub3_1 .sec11 .w1400 {
    background-color: rgba(81, 87, 68, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
}
#sub3_1 .sec11 .w1400:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bgLogoSym.png) left center no-repeat;
}

@media (max-width:768px){
    .bgTopCon {
        height: auto;
        padding: 100px 20px;
    }
}
/* sub3_2 */
#sub3_2 .sec1 {
    background: url(../img/sub3_2_bg1.jpg) center bottom no-repeat;
    background-size: cover;
}

/* catesList */
.catesList .item {
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
    /* box-shadow:  5px 5px 20px rgba(0, 0, 0, 0.05); */
    background-color: #f7f7f5;
}
.catesList .item .tt {
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    background-color: #277913;
}
.catesList .item .tt.tt2 {
    background-color: #09693a;
}
.catesList .item .tt.tt3 {
    background-color: #0C4429;
}
.catesList .item .con {
    line-height: 1.3em;
}


/* checkList2 */
.checkList2 .dft {
    display: flex;
    padding: 8px 20px;
    border: 1px solid #515744;
    color: #515744;
    gap: 12px;
    border-radius: 100px;
    text-align: left;
}
.checkList2 .dft i {
    width: 20px;
}
@media (max-width:768px){
    .checkList2 .dft {
        padding: 4px 15px;
        gap: 8px;
        border-radius: 5px;
    }
}

/* sec4 */
#sub3_2 .sec4 {
    background-color: #f1eee2;
    overflow: hidden;
}
#sub3_2 .sec4 .lft .con {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width:768px){
    #sub3_2 .sec4 .lft,
    #sub3_2 .sec4 .rt {
        width: 100%;
    }
    #sub3_2 .sec4 .lft {
        padding: 40px 0 0;
        text-align: center;
    }
    #sub3_2 .sec4 .lft .con {
        max-width: 100%;
    }
}


/* sub3_2 */
#sub3_2 .endSec  {
    background: url(../img/sub3_2_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub3_3 .endSec  {
    background: url(../img/sub3_3_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub3_4 .endSec  {
    background: url(../img/sub3_4_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub4_2 .endSec  {
    background: url(../img/sub4_2_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub4_3 .endSec  {
    background: url(../img/sub4_3_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub4_4 .endSec  {
    background: url(../img/sub4_4_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub5_3 .endSec  {
    background: url(../img/sub5_3_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub6_2 .endSec  {
    background: url(../img/sub6_2_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub6_3 .endSec  {
    background: url(../img/sub6_3_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub6_4 .endSec  {
    background: url(../img/sub6_4_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub7_1 .endSec  {
    background: url(../img/sub7_1_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub7_2 .endSec  {
    background: url(../img/sub7_2_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub7_3 .endSec  {
    background: url(../img/sub7_3_endSec.jpg) center center no-repeat;
    background-size: cover;
}
#sub8_1 .endSec  {
    background: url(../img/sub8_1_endSec.jpg) center center no-repeat;
    background-size: cover;
}
.endSec .w1400 {
    background-color: rgba(81, 87, 68, 0.7);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
}
.endSec .w1400:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bgLogoSym.png) left center no-repeat;
}
/* rsBoxs */
.rsBoxs .rsItem {
    background-color: #515744;
    border-radius: 20px;
    padding: 30px 15px;
}
.rsBoxs li:nth-child(even) .rsItem {
    background-color: #654c49;
}
.rsBoxs li .rsItem .num {
    display: inline-block;
    background-color: #c0cba6;
    line-height: 1em;
    padding: 5px 20px;
    border-radius: 50px;
    font-weight: 500;
}
.rsBoxs li:nth-child(even) .rsItem .num {
    background-color: #ebe2e1;
}
@media (max-width:768px) {
    .rsBoxs {
        margin: 0 -5px;
    }
    .rsBoxs li {
        padding: 5px;
    }
    .rsBoxs .rsItem {
        border-radius: 10px;
        padding: 25px 15px;
    }
    .rsBoxs li:nth-child(1) .rsItem,
    .rsBoxs li:nth-child(4) .rsItem {
        background-color: #515744;
    }
    .rsBoxs li:nth-child(2) .rsItem,
    .rsBoxs li:nth-child(3) .rsItem {
        background-color: #654c49;
    }
    .rsBoxs li:nth-child(1) .rsItem .num,
    .rsBoxs li:nth-child(4) .rsItem .num {
        background-color: #c0cba6;
    }
    .rsBoxs li:nth-child(2) .rsItem .num,
    .rsBoxs li:nth-child(3) .rsItem .num {
        background-color: #ebe2e1;
    }
}


/* rsItemList */
.rsItemList {
    border: 1px dashed #09693a;
    padding: 20px;
    border-radius: 10px;
}
.rsItemList .tt {
    padding: 10px;
    background-color: #09693a;
    color: #fff;
}
.rsItemList .row {
    margin-left: -5px;
    margin-right: -5px;
}
.rsItemList .row > [class*="col-"]{
    padding: 5px;
}
.rsItemList .dft:not(.tt) {
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.8);
}


/* iList1 */
.iList1 {
    position: relative;
}
.iList1 .item {
    position: relative;
    /* box-shadow: var(--shadow-wide); */
    border-radius: var(--border25);
    border: 2px solid #ddd;
    overflow: hidden;
}
.iList1 .item .img {
    position: relative;
    background-color: #fff;
}
.iList1 .item .txt {
    background-color: #f1ece3;
    padding: 34px 15px;
    border-top: 2px solid #ddd;
}
.iList1 .item .txt .step span {
    display: inline-block;
    line-height: 1em;
    padding: 8px 30px;
    border-radius: 70px;
    background-color: #3b312c;
    color: #fff;
}
.iList1 .item .txt .step.step2 span {
    background-color: #644c40;
}
.iList1 .item .txt .step.step3 span {
    background-color: #89754e;
}
.iList1 .item .txt .step.step4 span {
    background-color: #c79b5e;
}
@media (max-width:1200px){
    .iList1 .item {
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .iList1 .item .img img {
        max-width: 60vw;
    }
}
/* iList2 */
.iList2 {
    position: relative;
}
.iList2 .item {
    position: relative;
    border: 1px solid #ddd;
    overflow: hidden;
}
.iList2 .item .img {
    position: relative;
    background-color: #fff;
}
.iList2 .item .txt {
    background-color: #515744;
    padding: 25px 15px;
    border-top: 2px solid #515744;
}
.iList2 .item .txt .dft {
    color: #fff;
}
@media (max-width:1200px){
    .iList2 .item {
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .iList2 .item .img img {
        max-width: 60vw;
    }
}

/* rsItems */
.rsItems .rsItem {
    border-radius: var(--border15);
    background-color: #fff;
    box-shadow: var(--shadow-wide);
    padding: 35px 15px;
}
.rsItems .rsItem .num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    background-color: #09693a;
    color: #fff;
    margin: 0 auto;
    border-radius: 50%;
}
.rsItems .rsItem.imp {
    background-color: #09693a;
    box-shadow: 10px 10px 20px rgba(12, 68, 41, 0.2);
}
.rsItems .rsItem.imp .num {
    color: #fff;
    background-color: #b18b39;
}
@media (max-width:768px) {
    .rsItems .rsItem {
        padding: 25px 15px;
    }
    .rsItems .rsItem .num {
        width: 35px;
        height: 35px;
    }
}

/* sub3_4 */
#sub3_4 .sec4 {
    background: url(../img/sub3_1_bg4.jpg) center center no-repeat;
    background-size: cover;
}

/* tgItem */
.tgItem {
    background-color: #2e4334;
    border-radius: var(--border20);
    padding: 20px 30px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);
}
.tgItem .icon img {
    background-color: #fff;
    border-radius: 50%;
}
@media (min-width:768px) {
    .tgItem {
        display: flex;
        align-items: center;
    }
    .tgItem .icon {
        width: 80px;
    }
    .tgItem .tcon {
        width: calc(100% - 80px);
        padding-right: 15px;
    }
}
@media (max-width:768px) {
    .tgItem {
        padding: 20px 10px;
    }
    .tgItem .icon img {
        width: 60px;
    }
}

/* sub4_1 */
#sub4_1 .sec2 {
    background: url(../img/sub4_1_bg2.jpg) center center no-repeat;
    background-size: cover;
}

/* stepBox */
.stepBox {
    display: flex;
    padding: 50px;
    align-items: center;
}
.stepBox .tcon {
    width: calc(100% - 500px);
    padding-left: 40px;
    padding-right: 40px;
}
.stepBox .tcon .top {
    display: flex;
    gap: 15px;
    align-items: center;
}
.stepBox .tcon .top .step {
    display: block;
    background-color: #2d5b3a;
    line-height: 1em;
    padding: 12px 25px;
    border-radius: 80px;
    color: #fff;
}
.stepBox .icon {
    width: 500px;
}
@media (max-width:992px){
    .stepBox {
        flex-wrap: wrap;
        padding: 0 20px 20px;
    }
    .stepBox .tcon {
        width: 100%;
        padding: 30px 0;
    }
    .stepBox .tcon .top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .stepBox .tcon .top .step {
        padding: 7px 15px;
    }
    .stepBox .icon {
        width: 100%;
    }
}


/* txtListCon */
.txtListCon .top {
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.txtListCon .bt {
    padding: 30px;
}
.txtListCon:last-child .bt {
    border-bottom: 1px solid #a0a0a0;
}
/* sub4_1 */
#sub4_1 .sec5 {
    background: url(../img/sub4_1_bg5.jpg) center center no-repeat;
    background-size: cover;
}
#sub4_1 .sec5 .fbox {
    align-items: stretch;
}
#sub4_1 .sec5 .fbox .rt {
    background: url(../img/nokyoung.jpg) center center no-repeat;
    background-size: cover;
    min-height: 200px;
}
#sub4_1 .sec5 .lftCon {
    width: 100%;
    max-width: 800px;
    padding: 0 30px;
    margin: 0 auto;
}
#sub4_1 .sec5 .lftCon .chkItemWrp {
    display: flex;
    align-items: center;
    justify-content: center;
}
#sub4_1 .sec5 .lftCon .chkItem {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.2);
    padding: 15px 35px 15px 15px;
    border-radius: 100px;
    gap: 15px;
}
#sub4_1 .sec5 .lftCon .cons {
    display: flex;
    align-items: flex-start;
}
#sub4_1 .sec5 .lftCon .cons .num {
    width: 50px;
    position: relative;
}
#sub4_1 .sec5 .lftCon .cons .num:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 30%;
    width: 1px;
    height: 60%;
    background-color: rgba(255, 255, 255, 0.3);
}

@media (max-width:768px) {
    #sub4_1 .sec5 .lftCon .chkItem {
        flex-direction: column;
        border-radius: 5px;
        padding: 15px 20px;
        gap: 8px;
        margin-top: 10px;
    }
    #sub4_1 .sec5 .lftCon .chkItem img {
        width: 20px;
    }
    #sub4_1 .sec5 .fbox .rt {
        width: 100%;
    }
}

/* imCirBox */
.imCirBox {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
}
.imCirBox .imCir {
    height: 460px;
    border-radius: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.imCirBox .imCir .dft {
    padding-bottom: 20%;
    text-align: center;
}
.imCirBox .imCir.imCir1 {
    background: url(../img/imCir1.jpg) center center no-repeat;
}
.imCirBox .imCir.imCir2 {
    background: url(../img/imCir2.jpg) center center no-repeat;
}
.imCirBox .imCir.imCir3 {
    background: url(../img/imCir3.jpg) center center no-repeat;
}
@media (max-width:768px) {
    .imCirBox .imCir {
        height: 300px;
    }
}
@media (max-width:500px) {
    .imCirBox {
        margin-top: 30px !important;
    }
    .imCirBox .row > div {
        width: 100%;
    }
    .imCirBox .imCir {
        height: auto;
        border-radius: 10px;
        margin-top: 10px !important;
    }
    .imCirBox .imCir .dft {
        padding: 20px;
    }
}

/* sub4_1 */
#sub4_1 .sec8 {
    /* background: url(../img/sub3_1_bg4.jpg) center center no-repeat;
    background-size: cover; */
}
#sub4_1 .sec8 .care_philo {
    max-width: 890px;
}
/* sub4_2 */
#sub4_2 .sec2 {
    background: url(../img/sub4_2_bg2.jpg) center center no-repeat;
    background-size: cover;
}
@media (min-width:768px) {
    #sub4_2 .sec3 .fbox .lft {
        padding-right: 80px;
    }
}
@media (max-width:768px) {
    #sub4_2 .sec3 .fbox .lft {
        padding: 30px 0;
    }
}

/* sec6 */
#sub4_2 .sec6 .iList1 .txt {
    background-color: #fff;
}
#sub4_2 .sec6 .iList1 .item .txt .step span {
    background-color: #515744;
}
@media (max-width: 1200px){
    #sub4_2 .sec6 .iList1 .item .img img {
        max-width: 100%;
    }
}

/* sub4_3 */
#sub4_3 .sec3 .care_philo {
    max-width: 890px;
}
#sub4_3 .sec3 .care_philo .philBox .philArr::after,
#sub4_3 .sec3 .care_philo .philBox .philArr::before {
    display: none;
}

/* iconCons */
.iconCons .item {
    background-color: #fff;
    border-radius: var(--border25);
    padding: 30px;
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
}
.iconCons.iconCons2 .item .dl {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.iconCons.iconCons2 .item .dl .dd {
    width: 100%;
    padding-left: 0;
}
.iconCons.iconCons2 .item .tit {
    display: flex;
    align-items: center;
}
.iconCons.iconCons2 .item .tit .dashed {
    height: 15px;
    width: 1px;
    background-color: #ddd;
    margin: 0 8px;
}
/* sub4_3 */
#sub4_3 .sec6 .lftCon {
    width: 100%;
    max-width: 800px;
    padding: 0 30px;
    margin: 0 auto;
}
#sub4_3 .sec6 .fbox {
    align-items: stretch;
}
#sub4_3 .sec6 .fbox .rt {
    background: url(../img/sub4_3_bg6.jpg) center center no-repeat;
    background-size: cover;
    min-height: 200px;
}
@media (max-width:768px) {
    #sub4_3 .sec6 {
        padding: 0px !important;
    }
    #sub4_3 .sec6 .fbox .lft,
    #sub4_3 .sec6 .fbox .rt {
        width: 100%;
    }
}
/* oxList */
.oxList .oxItem {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border-radius: 8px;
    margin: 10px 0;
    background-color: #f2f7f5;
}
.oxList .oxItem i {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #0C4429;
    width: 35px;
    height: 35px;
}
.oxList .oxItem.no {
    background-color: #fbf7f7;
}
.oxList .oxItem.no i {
    color: #cc1414;
}
@media (max-width:768px) {
    .oxList .oxItem {
        gap: 8px;
        padding: 10px;
    }
}

/* wanITem */
.wanITemWrp {
    padding: 60px;
    box-shadow: 5px 5px 20px rgba(12, 68, 41, 0.1);
    background-color: #fff;
}
.wanITemWrp .wanITem {
    padding: 15px;
}
.wanITemWrp .wanITem + .wanITem {
    border-top: 2px dashed #ddd;
}
@media (max-width:768px) {
    .wanITemWrp {
        padding: 30px 20px;
        text-align: center;
    }
}


/* sub4_4 */
#sub4_4 .sec6 .lftCon {
    width: 100%;
    max-width: 800px;
    padding: 0 30px;
    margin: 0 auto;
}
#sub4_4 .sec6 .fbox {
    align-items: stretch;
}
#sub4_4 .sec6 .fbox .rt {
    background: url(../img/sub4_4_bg6.jpg) center center no-repeat;
    background-size: cover;
    min-height: 200px;
}
@media (max-width:768px) {
    #sub4_4 .sec6 {
        padding: 0px !important;
    }
    #sub4_4 .sec6 .fbox .lft,
    #sub4_4 .sec6 .fbox .rt {
        width: 100%;
    }
}

/* sub4_2 */
#sub4_5 .sec3 {
    background: url(../img/sub4_5_bg3.jpg) center center no-repeat;
    background-size: cover;
}

/* sec7 */
#sub4_5 .sec7 .care_philo .philBox .philArr::after,
#sub4_5 .sec7 .care_philo .philBox .philArr::before {
    display: none;
}
#sub4_5 .sec7 {
    background: url(../img/sub4_5_bg7.jpg) center center no-repeat;
    background-size: cover;
}


/* borderBox */
.borderBox {
    border: 2px dashed rgba(125, 133, 106, 0.5);
    position: relative;
    border-radius: var(--border30);
}
.borderBox.flatBox {
    border: 1px solid rgba(125, 133, 106, 0.2);
    border-radius: var(--border10);
}
.borderBox .tit .con {
    display: inline-block;
    padding: 10px 50px;
    background-color: #7d856a;
    border-radius: 100px;
}
.borderBox.borderBox2 .tit .con {
    background-color: #354336;
}
.borderBox .iconSetBox {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 30px;
}
.borderBox .iconSetBox .tcon h5.dft {
    line-height: 1.3em;
}
@media (min-width:768px) {
    .borderBox:not(.borderBoxNoFloat) .tit {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translate3d(-50%, -50%, 0);
    }
    .borderBox .iconSetBox .tcon {
        margin-top: 15px;
    }
}
@media (max-width:768px) {
    .borderBox {
        border: 2px dashed rgba(125, 133, 106, 0.5);
        position: relative;
        border-radius: var(--border30);
        padding: 30px 20px !important;
    }
    .borderBox .tit {
        margin-bottom: 20px !important;
        text-align: center;
    }
    .borderBox .tit .con {
        padding: 7px 20px;
    }
    .borderBox .iconSetBox {
        padding: 0;
    }
    .borderBox .iconSetBox .item {
        display: flex;
        align-items: center;
        padding: 5px;
        margin-top: 0px !important;
    }
    .borderBox .iconSetBox .item .icon {
        width: 80px;
    }
    .borderBox .iconSetBox .item .tcon {
        width: calc(100% - 80px);
        padding-left: 20px;
        text-align: left;
    }
}
@media (max-width:500px) {
    .borderBox .tit {
        margin-bottom: 10px !important;
    }
}

/* sub5_1 */
#sub5_1 .sec3 {
    background: url(../img/sub5_1_bg3.jpg) center center no-repeat;
    background-size: cover;
}

/* numWBox */
.numWBox {
    padding: 50px 40px;
    border-radius: var(--border30);
    background-color: #fff;
}
.numWBox .tit {
    display: flex;
    align-items: center;
}
.numWBox .tit .dashed {
    height: 15px;
    width: 1px;
    background-color: #ddd;
    margin: 0 8px;
}
.numWBox .pList {
    min-height: 60px;
}
@media (max-width:768px) {
    .numWBox {
        padding: 30px;
    }
    .numWBox .pList {
        min-height: auto;
    }
}

/* dtIconSet */
.dtIconSet {
    display: flex;
    /* align-items: center; */
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.dtIconSet .item {
    width: 33.33333%;
    flex-grow: 1;
    position: relative;
}
.dtIconSet .item + .item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5%;
    width: 1px;
    height: 90%;
    background-color: #ddd;
}
/* .dtIconSet .item .tcon .dft span.mini {
    font-size: .8em;
    opacity: .6;
} */
@media (max-width:768px) {
    .dtIconSet .item .icon img {
        width: 40px;
    }
}

/* grBox */
.grBox {
    background-color: #fcfcfc;
    border-radius: var(--border30);
}

/* dtBox */
.dtBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
.dtBox + .dtBox {
    margin-top: 6px;
}
.dtBox .dl {
    width: 130px;
    line-height: 1em;
    padding: 6px 20px;
    border-radius: 60px;
    border: 1px solid #ddd;
    font-weight: 600;
    text-align: center;
}
.dtBox .dd {
    width: calc(100% - 155px);
    font-weight: 300;
}
@media (max-width:768px) {
    .dtBox {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .dtBox + .dtBox {
        margin-top: 25px;
    }
    .dtBox .dl {
        width: auto;
        padding: 6px 10px;
        display: inline-block;
    }
    .dtBox .dd {
        width: 100%;
    }
}

/* careStep */
.careStep {
    display: flex;
    align-items: center;
    height: 300px;
    padding: 0 80px;
    background-color: #e7eae1;
}
.careStep .num {
    height: 110px;
    width: 110px;
    background-color: #354336;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.careStep .tt {
    width: calc(40% - 55px);
    padding-left: 50px;
}
.careStep .con {
    width: calc(60% - 55px);
}
@media (max-width:992px) {
    .careStep {
        flex-wrap: wrap;
        align-items: flex-start;
        height: auto;
        padding: 50px 35px;
    }
    .careStep .num {
        height: 60px;
        width: 60px;
        margin-bottom: 15px;
    }
    .careStep .tt {
        width: 100%;
        padding-left: 0px;
    }
    .careStep .con {
        width: 100%;
        margin-top: 40px;
    }
}
@media (max-width:768px) {
    .careStep {
        padding: 30px 20px;
    }
    .careStep .num {
        height: 30px;
        width: 30px;
        margin-bottom: 15px;
    }
    .careStep .num .dft {
        font-size: 14px !important;
    }
    .careStep .con {
        margin-top: 20px;
    }
}
@media (max-width:500px) {
    .careStep .con p {
        font-size: 12px;
        line-height: 1.1em;
    }
}

/* tc */
.tc {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-right: 15px;
}
.tc .nn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #09693a;
    color: #fff;
    -webkit-border-before-color: 50%;
    font-size: .7em;
    border-radius: 50%;
    vertical-align: middle;
}
.tc .txt {
    font-weight: 600;
}

/* rvItem */
.rvItem {
    padding: 40px 20px;
    background-color: #fff;
    border-radius: var(--border20);
    box-shadow: var(--shadow-wide);
    text-align: center;
}

/* sub5_1 */
#sub5_1 .sec9 {
    background: url(../img/sub5_1_bg9.jpg) center center no-repeat;
    background-size: cover;
}

/* berry_his */
.berry_his {
    padding: 50px 40px;
    border-radius: var(--border30);
    background-color: rgba(10, 10, 10, 0.4);
}
.berry_his ul {
    width: 100%;
    display: flex;
    align-items: flex-start;
    position: relative;
}
.berry_his ul:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
}
.berry_his ul li {
    width: 20%;
    text-align: center;
    position: relative;
    padding-top: 20px;
}
.berry_his ul li::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    transform: translate3d(-50%, -50%, 0);
}
@media (max-width:500px) {
    .berry_his {
        padding: 30px 20px;
    }
    .berry_his ul {
        flex-direction: column;
        display: inline-flex;
    }
    .berry_his ul:after {
        width: 1px;
        height: 100%;
    }
    .berry_his ul li {
        width: 100%;
        padding-top: 0px;
        padding-left: 20px;
        text-align: left;
        margin: 10px 0;
    }
    .berry_his ul li::before {
        left:0;
        top: 50%;
    }
}

/* imgCircles */
.imgCircles {
    display: flex;
    align-items: center;
    gap: 1vw;
    flex-wrap: wrap;
    justify-content: center;
}
.imgCircles .item {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    max-height: 30vw;
    max-width: 30vw;
}
.imgCircles .item .txt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 4;
    background-color: rgba(0, 0, 0, 0.2);
}
.imgCircles .item img {
    filter: grayscale(1);
    position: relative;
    z-index: 0;
    width: 230px;
}


/* periodBox2 */
.periodBox2 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-around;
    text-align: center;
}
.periodBox2:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #515744;
}
.periodBox2 .pd_item {
    width: 30%;
    position: relative;
    z-index: 5;
    box-shadow: var(--shadow-wide);
    border-radius: 10px;
    overflow: hidden;
}
.periodBox2 .pd_item .tt {
    color: #fff;
    padding: 10px;
    background-color: #9b5831;
}
.periodBox2 .pd_item:nth-child(2) .tt {
    background-color: #515744;
}
.periodBox2 .pd_item:nth-child(3) .tt {
    background-color: #1d5037;
}
.periodBox2 .pd_item .md {
    padding: 0 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 130px;
    justify-content: center;
}
.periodBox2 .pd_item .md .md_tit strong {
    display: inline-block;
    background-color: #f8f4ef;
    color: #856e6a;
    font-size: .8em;
    padding: 8px 20px;
    line-height: 1em;
    border-radius: 50px;
}
.periodBox2 .pd_item:nth-child(2) .md .md_tit strong {
        background-color: #eff3e7;
    color: #515744;
}
.periodBox2 .pd_item:nth-child(3) .md .md_tit strong {
    background-color: #f5f8ef;
    color: #7d856a;
}
@media (max-width:1200px) {
    .periodBox2 {
        flex-direction: column;
        gap: 40px;
    }
    .periodBox2:after {
        top: 0;
        left: 50%;
        width: 0;
        height: 100%;
        border-bottom: 0px dashed #515744;
        border-right: 1px dashed #515744;
    }
    .periodBox2 .pd_item {
        width: 400px;
        max-width: 90vw;
    }
}
@media (max-width:768px) {
    .periodBox2 {
        gap: 20px;
    }
    .periodBox2 .pd_item .md {
        padding: 20px 15px;
        height: auto;
    }
}

/* sub5_2 */
#sub5_2 .sec6 {
    background: url(../img/sub5_2_bg6.jpg) center center no-repeat;
    background-size: cover;
}

/* sub5_2 */
@media (max-width:768px) {
    #sub5_2 .sec9 .rsBoxs li:nth-child(1) .rsItem,
    #sub5_2 .sec9 .rsBoxs li:nth-child(3) .rsItem {
        background-color: #515744;
    }
    #sub5_2 .sec9 .rsBoxs li:nth-child(2) .rsItem,
    #sub5_2 .sec9 .rsBoxs li:nth-child(4) .rsItem {
        background-color: #654c49;
    }
    #sub5_2 .sec9 .rsBoxs li:nth-child(1) .rsItem .num,
    #sub5_2 .sec9 .rsBoxs li:nth-child(3) .rsItem .num {
        background-color: #c0cba6;
    }
    #sub5_2 .sec9 .rsBoxs li:nth-child(2) .rsItem .num,
    #sub5_2 .sec9 .rsBoxs li:nth-child(4) .rsItem .num {
        background-color: #ebe2e1;
    }
}

/* sub5_3 */
#sub5_3 .sec2 {
    background: url(../img/sub5_3_bg2.jpg) center center no-repeat;
    background-size: cover;
}
#sub5_3 .sec3 .dl .dt.berry1 {
    border-color: #9a1b44;
    background-color: #9a1b44;
    color: #fff;
}
#sub5_3 .sec3 .dl .dt.berry2 {
    border-color: #473675;
    background-color: #473675;
    color: #fff;
}
#sub5_3 .sec3 .dl .dt.berry3 {
    border-color: #20243c;
    background-color: #20243c;
    color: #fff;
}

/* rv_tags */
.rv_tags {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.rv_tags span {
    display: inline-block;
    line-height: 1em;
    padding: 8px 15px;
    border-radius: 4px;
    background-color: rgba(12, 68, 41, 0.1);
}
@media (max-width:500px) {
    .rv_tags {
        gap: 4px;
    }
}

/* rstBox */
.rstBox {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.rstBox .con {
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.rstBox .con .tt {
    width: 100px;
    color: #666;
    padding: 5px 0;
}
.rstBox .con .cc {
    width: calc(100% - 100px);
    padding-left: 15px;
}
@media (max-width:500px) {
    .rstBox {
        max-width: 100%;
    }
    .rstBox .con .tt {
        width: 60px;
    }
    .rstBox .con .cc {
        width: calc(100% - 60px);
    }
}

/* rvBox */
.rvBox {
    margin: 0 -30px;
}
.rvBox > div {
    padding: 0 30px;
}
/* rvPoint */
.rvPoint {
    margin: 0 -7px;
}
.rvPoint > div {
    padding: 7px;
}
.rvPoint .dft {
    background-color: #f0f2ea;
    border-radius: 5px;
    padding: 10px 25px;
}
@media (max-width:500px) {
    .rvPoint {
        margin: 0 -3px;
    }
    .rvPoint > div {
        width: 100%;
        padding: 3px;
    }
    .rvPoint .dft {
        padding: 8px 15px;
    }
}


/* rvTxtBt */
.rvTxtBt {
    padding: 60px;
    background-color: rgba(242, 247, 240, 0.6);
    border-radius: var(--border20);
    display: flex;
    align-items: center;
}
.bg-lgr .rvTxtBt {
    background-color: rgba(255, 255, 255, 0.6);
}
.rvTxtBt .icon {
    width: 120px;
}
.rvTxtBt .icon img {
    background-color: rgba(12, 68, 41, 0.9);
    border-radius: var(--border30);
    box-shadow: 10px 10px 20px rgba(12, 68, 41, 0.2);
}
.rvTxtBt .tcon {
    width: calc(100% - 120px);
    padding-left: 40px;
}
@media (max-width:992px) {
    .rvTxtBt {
        padding: 30px;
    }
    .rvTxtBt .icon {
        width: 90px;
    }
    .rvTxtBt .tcon {
        width: calc(100% - 90px);
        padding-left: 20px;
    }
}
@media (max-width:500px) {
    .rvTxtBt {
        padding: 30px 20px;
        align-items: flex-start;
    }
    .rvTxtBt .icon {
        width: 40px;
    }
    .rvTxtBt .tcon {
        width: calc(100% - 40px);
    }
    .rvTxtBt .tcon br {
        display: none;
    }
}


/* sub5_4 */
#sub5_4 .sec5{
    background: url(../img/sub3_1_bg4.jpg) center center no-repeat;
    background-size: cover;
}
#sub5_4 .sec5 .care_philo {
    max-width: 890px;
}
#sub5_4 .sec5 .care_philo .philBox .philArr::after,
#sub5_4 .sec5 .care_philo .philBox .philArr::before {
    display: none;
}

/* sub6_1 */
#sub6_1 .sec3 {
    background: url(../img/sub6_1_bg3.jpg) center center no-repeat;
    background-size: cover;
}


/* sub6_1 */
@media (min-width:768px) {
    #sub6_1 .sec6 .fbox .lft {
        padding-right: 80px;
    }
}
@media (max-width:768px) {
    #sub6_1 .sec6 .fbox .rt,
    #sub6_1 .sec6 .fbox .lft {
        width: 100%;
    }
    #sub6_1 .sec6 .fbox .lft {
        padding: 30px 0;
    }
}

@media (max-width:500px) {
    #sub6_1 .sec8 .rsItems {
        padding: 0px;
    }
    #sub6_1 .sec8 .dtIconSet .tcon .dft {
        font-size: 12px;
        line-height: 1.1em;
    }
}



/* sub6_1 */
#sub6_1 .sec9 {
    background: url(../img/sub6_1_bg9.jpg) center bottom no-repeat;
    background-size: cover;
}
#sub6_1 .sec9 .care_philo {
    max-width: 890px;
}
#sub6_1 .sec9 .care_philo .philBox .philArr::after,
#sub6_1 .sec9 .care_philo .philBox .philArr::before {
    display: none;
}


/* circleWrp */
.circleWrp .circleItem {
    width: 100%; 
}
.circleWrp .circleItem > li {
    width: 20%; 
    padding-top: calc(20% + 1px)
}
.circleItem {
    position: relative;
    margin:0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    top: 0;
}
.circleItem > li + li {
    margin-left: -20px;
}
.circleItem > li .txt {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: 12;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.circleItem > li .txt:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
    background-color: rgba(125, 133, 106, 0.15);
    border-radius: 50%;
}
.circleItem > li .txt h4 {
    position: relative;
    z-index: 2;
}
.circleItem .box {
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    margin: auto;
    z-index:10;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items:center;
    border-radius: 50%; 
    flex-direction: column;
    z-index: 11;
}
.circleItem .circleWrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    display:block;
}
.circleItem .circleWrapper-right {
    right: 0px;
}
.circleItem .circleWrapper-left {
    left: 0px;
}
.circleItem .reverse .box {
    transform: scale(-1, -1);
}
.circleItem .circle {    
    width: 200%;
    height: 100%;
    border: 2px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0;
    transform: rotate(-135deg);
    display: block;
}
.circleItem .circle-right {
    border-top: 2px solid rgba(125, 133, 106, 0.3);
    border-right: 2px solid rgba(125, 133, 106, 0.3);
    right: 1px;
    visibility: hidden; 
}
.circleItem .circle-left {
    border-bottom: 2px solid rgba(125, 133, 106, 0.3);
    border-left: 2px solid rgba(125, 133, 106, 0.3);
    left: 1px;
    visibility: hidden; 
}
.circleItem .aos-animate .circle-right {
    visibility: visible; 
    animation: circleRight 1.5s linear forwards;
    animation-delay: 1s;
}
.circleItem .aos-animate .circle-left {
    visibility: visible; 
    animation: circleLeft 1.5s linear forwards;
    animation-delay: 1s;
}
.circleItem .aos-animate:nth-child(1) .circle-right,
.circleItem .aos-animate:nth-child(1) .circle-left {
    animation-delay: 1.05s;
}
.circleItem .aos-animate:nth-child(2) .circle-right,
.circleItem .aos-animate:nth-child(2) .circle-left {
    animation-delay: 1.025s;
}

.circleItem.circleItem_w > li .txt:after {
    background-color: rgba(255, 255, 255, 0.15);
}
.circleItem.circleItem_w .circle-right {
    border-top-color: rgba(255, 255, 255, 0.3);
    border-right-color: rgba(255, 255, 255, 0.3);
}
.circleItem.circleItem_w .circle-left {
    border-bottom-color: rgba(255, 255, 255, 0.3);
    border-left-color: rgba(255, 255, 255, 0.3);
}
@keyframes circleRight {
    0% {
        transform: rotate(-135deg);
    }
    50%, 100% {
        transform: rotate(45deg);
    }
}

@keyframes circleLeft {
    0%, 50% {
        transform: rotate(-135deg);
    }
    100% {
        transform: rotate(45deg);
    }
}
@media (max-width:768px){
    .circleWrp .circleItem > li {
        padding-top: 0;
        width: 40vw;
        height: 40vw;
    }
    .circleWrp .circleItem > li:last-child {
        margin: -7.8vw 0 0 0;
    }
    .circleItem > li + li {
        margin-left: -10px;
    }
    .circleItem > li .txt h4 {
        font-size: 4vw;
    }
}

/* sub6_2 */
#sub6_2 .sec3 .stepBox {
    background-color: #eef0ea;
}


/* sub6_3 */
@media (min-width:768px) {
    #sub6_3 .sec3 .fbox .lft {
        padding-right: 80px;
    }
}
@media (max-width:768px) {
    #sub6_3 .sec3 .fbox .lft {
        padding: 30px 0;
    }
}


/* boxItemList */
.boxItemList .item {
    padding: 30px 20px 20px;
    background-color: #fff;
    border-radius: 10px;
    /* box-shadow:  5px 5px 20px rgba(0, 0, 0, 0.05); */
    background-color: #f7f7f5;
}
.boxItemList .item .tt {
    color: #fff;
    padding: 5px 25px;
    border-radius: 50px;
    background-color: #7d856a;
    display: inline-block;
}
.boxItemList .item .tt.tt2 {
    background-color: #b18b39;
}
.boxItemList .item .con {
    line-height: 1.3em;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
}
@media (max-width:768px) {
    .boxItemList .item .con {
        height: auto;
        padding: 15px 0;
    }
}
/* sub6_4 */
#sub6_4 .sec4 {
    background: url(../img/sub6_4_bg4.jpg) center center no-repeat;
    background-size: cover;
}

/* borderLineSet */
.borderLineSet .row {
    margin: 0 -10px;
}
.borderLineSet .row > div {
    padding: 10px;
}
.borderLineSet .item {
    background-color: rgba(81, 87, 68, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border10);
    height: 150px;
}
.borderLineSet .item .icon img {
    width: 25px;
    background-color: #515744;
    border-radius: 100px;
}
@media (max-width:768px) {
    .borderLineSet .row {
        margin: 0 -3px;
    }
    .borderLineSet .row > div {
        padding: 3px;
    }
}

/* sub7_1 */
#sub7_1 .sec3 {
    background: url(../img/sub7_1_bg3.jpg) center center no-repeat;
    background-size: cover;
}

/* sub7_2 */
@media (max-width:768px) {
    #sub7_2 .sec2 .borderLineSet .item {
        height: 120px;
    }
}

/* rsnBox */
.rsnBox {
    padding: 30px;
    max-width: 70vw;
    margin: 0 auto;
}
.rsnBox .rsnItem {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 350px;
    border-radius: 200px;
    background-color: rgba(47, 65, 52, 0.95);
    text-align: center;
    margin: -30px;
}
.rsnBox .rsnItem.rsnItem2 {
    background-color: rgba(177, 139, 57, 0.95);
}
@media (max-width:500px) {
    .rsnBox .rsnItem {
        height: 300px;
    }
    .rsnBox .rsnItem img {
        width: 45px;
    }
}
/* sub7_3 */
#sub7_3 .sec1 {
    background: url(../img/sub7_3_bg1.jpg) center center no-repeat;
    background-size: cover;
}

/* sub8_1 */
#sub8_1 .sec1 {
    background: url(../img/sub8_1_bg1.jpg) center center no-repeat;
}
#sub8_1 .sec2 .borderBox {
    padding: 30px 40px;
}
@media (max-width:768px) {
    #sub8_1 .sec2 .borderBox .fbox > div {
        width: 100%;
    }
}

/* storeList */
.storeList {
    border-radius: var(--border20);
    padding: 40px 35px;
    background-color: #e7ecea;
}
.storeList .storeItem {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
}
.storeList .storeItem .pin {
    width: 20px;
}
.storeList .storeItem .dvd {
    height: 12px;
    width: 1px;
    background-color: #aaa;
    display: inline-block;
}
.storeList .storeItem .st {
    color: #0C4429 !important;
    font-weight: 700;
}
@media (max-width:768px) {
    .storeList {
        padding: 20px 15px;
    }
    .storeList .storeItem {
        gap: 5px;
    }
    .storeList .storeItem .pin {
        width: 15px;
    }
}


/* strPro */
.strPro {
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
}
.strPro > .item {
    width: 25%;
    padding: 15px;
}
.strPro > .item .con {
    border-radius: 20px;
    background: linear-gradient(45deg, #f7f8f5, #eef0ea);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 15px;
    height: 320px;
    /* box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.05); */
    position: relative;
}
.strPro > .item .con .tcon {
    margin-top: 15px;
}
.strPro > .item .con .stTop span {
    display: inline-block;
    background-color: #2d5b3a;
    padding: 0px 30px;
    border-radius: 100px;
    color: #fff;
}
.strPro > .item .con .str_arr {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(20px, -50%, 0);
    z-index: 8;
}
@media (max-width:992px) {
    .strPro {
        flex-wrap: wrap;
    }
    .strPro > .item {
        width: 50%;
    }
    .strPro > .item .con .icon img {
        max-width: 10vw;
    }
}
@media (max-width:500px) {
    .strPro {
        flex-wrap: wrap;
    }
    .strPro > .item {
        width: 100%;
    }
    .strPro > .item .con {
        height: auto;
        padding: 30px 15px 40px;
    }
    .strPro > .item .con .icon img {
        width: 40px;
        max-width: 40px;
    }
    .strPro > .item .con .str_arr {
        position: absolute;
        right: 50%;
        top: 100%;
        transform: translate3d(50%, -53px, 0) rotate(90deg);
        z-index: 8;
        width: 40px;
    }
}

/* sysItem */
.sysItem {
    border-radius: var(--border15);
    background-color: #fff;
    box-shadow: var(--shadow-wide);
    padding: 0px 35px;
    display: flex;
    align-items: center;
    height: 230px;
}
.sysItem .tcon {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: calc(100% - 110px);
}
.sysItem .icon {
    width: 110px;
}
@media (max-width:768px) {
    .sysItem {
        padding: 25px 15px;
        height: 230px;
        flex-direction: column;
        justify-content: space-between;
    }
    .sysItem .tcon {
        gap: 15px;
        width: 100%;
    }
    .sysItem .icon {
        width: 100%;
        text-align: right;
    }
    .sysItem .icon img {
        width: 60px;
    }
}

/* sub8_1 sec6 */
#sub8_1 .sec6 .dtIconSet {
    align-items: center;
}
#sub8_1 .sec6 .dtIconSet .item.addBox {
    width: auto;
}
#sub8_1 .sec6 .dtIconSet .item + .item:after {
    display: none;
}
#sub8_1 .sec6 .periodBox .pd_item {
    background-color: #f9f9f9;
}
#sub8_1 .sec6 .periodBox .pd_item .md {
    background-color: #f9f9f9;
}
#sub8_1 .sec6 .periodBox .pd_item .md .md_tit strong {
    background-color: #eaf3ef;
    color: #0C4429;
}
@media (min-width:1200px) {
    #sub8_1 .sec6 .periodBox .pd_item {
        width: 19%;
    }
}

/* btAbouts */
.btAbouts .topCon {
    position: relative;
    padding: 40px 30px;
    border-radius: 15px;
    border: 1px dashed #0C4429;
    background-color: rgba(255, 255, 255, 0.5);
}
.btAbouts .topCon .tt {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}
.btAbouts .topCon .tt span {
    display: inline-block;
    background-color: #0C4429;
    color: #fff;
    font-weight: 600;
    padding: 5px 40px;
    border-radius: 80px;
}
.btAbouts .tconBox {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    height: 180px;
}
.btAbouts .tconBox.tconBox1 {
    background-color: #fbf6f1;
}
.btAbouts .tconBox.tconBox1 .tit {
    color: #bf6820;
}
.btAbouts .tconBox.tconBox2 {
    background-color: #f6f2ea;
}
.btAbouts .tconBox.tconBox2 .tit {
    color: #bf8d2c;
}
.btAbouts .tconBox.tconBox3 {
    background-color: #f3f9f0;
}
.btAbouts .tconBox.tconBox3 .tit {
    color: #357f16;
}
.btAbouts .tconBox.tconBox4 {
    background-color: #fbf6f1;
}
.btAbouts .tconBox.tconBox4 .tit {
    color: #bf6820;
}
.btAbouts .tconBox.tconBox5 {
    background-color: #f6f2ea;
}
.btAbouts .tconBox.tconBox5 .tit {
    color: #bf8d2c;
}
.btAbouts .tconBox.tconBox4 {
    background-color: #f8fbf2;
}
.btAbouts .tconBox.tconBox4 .tit {
    color: #679116;
}
.btAbouts .tconBox.tconBox5 {
    background-color: #f7f9ef;
}
.btAbouts .tconBox.tconBox5 .tit {
    color: #8f9f3d;
}
@media (max-width:768px) {
    .btAbouts .tconBox {
        height: auto;
    }
    .btAbouts .txtListCon .top {
        flex-direction: column;
        gap: 5px;
    }
}

/* sub8_1 .sec8 */
#sub8_1 .sec8 .img img {
    border-radius: var(--border15);
}
#sub8_1 .sec9 {
    background: url(../img/sub8_1_bg9.jpg) center center no-repeat;
    background-size: cover;
}
/* cntInfoBoxs */
.cntInfoBoxs .tit {
    display: flex;
    align-items: center;
    gap: 5px;
}
.cntInfoBoxs .tit .info {
    color: #c7b8a7;
}
.cntInfoBoxs .cntInfoBox {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: var(--border15);
}
.cntInfoBoxs .cntInfoBox .top {
    padding: 30px 35px 0;
}
.cntInfoBoxs .cntInfoBox .top .tt {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.cntInfoBoxs .cntInfoBox .top .tt .imp {
    color: #c2af82;
}
.cntInfoBoxs .cntInfoBox .top .unit {
    font-size: .6em;
}
.cntInfoBoxs .cntInfoBox .bt img {
    max-width: 30vw;
}
@media (max-width:768px) {
    .cntInfoBoxs .cntInfoBox .top {
        padding: 20px 15px 0;
    }
}
@media (max-width:500px) {
    .cntInfoBoxs .cntInfoBox .top h1.dft {
        font-size: calc(100vw * (28 / 500));
    }
}

/* sub8_1 .sec10 */
@media (min-width:768px) {
    #sub8_1 .sec10 .circleWrp .circleItem > li {
        width: 25%; 
        padding-top: calc(25% + 1px)
    }
}
@media (max-width:768px) {
    #sub8_1 .sec10 .circleWrp .circleItem img {
        width: 50px;
    }
}


/* imCirBox2 */
.imCirBox2 {
    margin-left: auto;
    margin-right: auto;
}
.imCirBox2 .imCir {
    height: 460px;
    border-radius: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.imCirBox2 .imCir .dft {
    padding-bottom: 20%;
    text-align: center;
}
.imCirBox2 .imCir.imCir1 {
    background: url(../img/imCir2_1.jpg) center center no-repeat;
}
.imCirBox2 .imCir.imCir2 {
    background: url(../img/imCir2_2.jpg) center center no-repeat;
}
.imCirBox2 .imCir.imCir3 {
    background: url(../img/imCir2_3.jpg) center center no-repeat;
}
.imCirBox2 .imCir.imCir4 {
    background: url(../img/imCir2_4.jpg) center center no-repeat;
}
@media (max-width:768px) {
    .imCirBox2 .imCir {
        height: 300px;
    }
}
@media (max-width:500px) {
    .imCirBox2 {
        margin-top: 30px !important;
    }
    .imCirBox2 .row > div {
        width: 100%;
    }
    .imCirBox2 .imCir {
        height: auto;
        border-radius: 10px;
        margin-top: 10px !important;
    }
    .imCirBox2 .imCir .dft {
        padding: 20px;
    }
}


/* sub9_1 */
#sub9_1 .sec1 .netw-item {
    padding-left: 0px !important;
}
#sub9_1 .netw-item .content .rt {
    padding: 20px 30px;
}


/* contBoxs */
.contBoxs .item {
    background-color: #f7f8f5;
    display: flex;
    align-items: center;
    padding: 30px;
    text-decoration: none;
}
.contBoxs .item.kakao {
    background-color: rgba(250, 234, 98, 0.2);
}
.contBoxs .item .icon {
    font-weight: 100;
    width: 80px;
}
.contBoxs .item .txt {
    width: calc(100% - 80px);
    padding-left: 20px;
}
@media (max-width:768px) {
    .contBoxs .item {
        padding: 20px;
    }
    .contBoxs .item .icon {
        font-size: 40px;
        width: 40px;
    }
    .contBoxs .item .txt {
        width: calc(100% - 40px);
    }
}


/* fboxList */
.fboxList .tit a {
    text-decoration: none;
    display: block;
}
.fboxList .tit a p {
    line-height: 1em;
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #888;
    color: #888;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.fboxList .tit a:hover p {
    border-color: #111;
    color: #111;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.fboxList .tit a p i,
.fboxList .tit a p span {
    display: inline-block;
    vertical-align: middle;
}
.fboxList .tit .fbox > .rt a {
    cursor: pointer;
}

@media (max-width:768px) {
    .fboxList .tit .fbox > div {
        width: 100%;
        text-align: center;
    }
    .fboxList .tit .fbox > .rt a {
        margin-top: 15px;
    }
}


/* Loads */
.Loads > li {
    padding: 35px 0;
    border-bottom: 1px solid #ddd;
}
.Loads .item {
    display: flex;
    align-items: start;
    justify-content: center;
    /* border: 1px solid rgba(134, 172, 169, 0.4); */
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.7);
}
.Loads .item > .txt {
    width: calc(100% - 100px);
}
.Loads .item > .txt p span {
    display: inline-block;
    vertical-align: middle;
}
.Loads .item > .txt p .subw {
    background-color: #21bd50;
    color: #fff;
    font-size: .8em;
    padding: 5px 8px 3px;
    border-radius: 30px;
    margin-right: 3px;
    line-height: 1em;
}
.Loads .item > .txt p .bus {
    color: #fff;
    font-size: .8em;
    padding: 5px 8px 3px;
    border-radius: 2px;
    margin-right: 3px;
    line-height: 1em;
}
.Loads .item > .txt p .bus.bus1 {
    background-color: #233b8b;
}
.Loads .item > .txt p .bus.bus2 {
    background-color: #4a972e;
}
.Loads .item > .icon {
    width: 100px;
    padding-right: 20px;
}
.Loads .item > .icon img {
    border-radius: 50%;
    background-color: #f7f8f5;
}
@media (max-width:768px) {
    .Loads > li {
        padding: 0;
    }
    .Loads .item {
        padding: 20px 15px;
    }
    .Loads .item > .icon {
        text-align: center;
    }
    .Loads .item > .icon,
    .Loads .item > .icon img {
        width: 80px;
    }
    .Loads .item > .txt {
        width: calc(100% - 80px);
    }
}

/* parkList */
.parkList li {
    margin: 10px 0;
}
.parkList li p {
    display: flex;
    align-items: center;
}
.parkList li p .num {
    display: inline-block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #38b9af;
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
    font-size: .8em;
    font-weight: 600;
}
.parkList li p span:not(.num) {
    width: calc(100% - 30px);
}
@media (max-width:768px) {
    .parkList li p {
        align-items: start;
    }
}

/*mapbox*/
.mapbox .root_daum_roughmap .cont {
    display: none !important;
}
.mapbox .root_daum_roughmap .wrap_map {
    height: 450px !important;
}
@media (max-width:768px) {
	.mapbox .root_daum_roughmap .wrap_map {
		height: 250px !important;
	}
}

/* dtItems */
.dtItems {
    margin: 0 -10px;
}
.dtItems .slick-slide {
    padding: 0 10px;
}
.dtItems .dtItem {
    padding: 30px;
    border-top: 1px solid #515744;
    background-color: #fff;
    background-color: #fcfcfc;
}
.dtItems .dtItem .img img {
    border-radius: var(--border15);
    background-color: rgba(222, 222, 222, 0.4);
}
.dtItems .dtItem .nmWrp .sm {
    font-size: .8em;
    opacity: .5;;
}

/* slick-dots */
.dtItems .slick-dots li button {
    border-color: #ddd;
    background-color: #ddd;
}
.dtItems .slick-dots li.slick-active button {
    border-color: #7d856a;
    background-color: #7d856a;
}
/* equip-slider */
.equip-slider .slick-slide {
    padding: 0 20px;
}
.equip-slider .slick-slide img {
    border-radius: 60px;
}
@media (max-width:768px){
    .equip-slider .slick-slide {
        padding: 0 10px;
    }
    .equip-slider .slick-slide img {
        border-radius: 20px;
    }
}
@media (max-width:500px){
    .equip-slider .slick-slide {
        padding: 0 5px;
    }
    .equip-slider .slick-slide img {
        border-radius: 10px;
    }
}

/* noticeBox */
.noticeBox {
    padding: 15px 30px;
    border-radius: var(--border10);
    background-color: #7d856a;
    display: flex;
    gap: 10px;
    line-height: 1.4em !important
}
.noticeBox .nt {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75em;
    color: #7d856a;
    background-color: #fff;
    border-radius: var(--border10);
    padding: 0 15px;
    font-weight: 600;
}
@media (max-width:768px) {
    .noticeBox {
        padding: 15px 20px;
    }
}