.pcHeader .topArea .langLst {padding: 0.4rem 0.4rem 0.4rem 1.6rem;}
#footer .ftLogo {width: 31.8rem;}
#mainVisual .txts .tit {width: 69.6rem;}

#footer .ftCont .enSns {gap: 0.8rem; position: absolute; right: 0;}
#footer .ftCont .enSns li {}
#footer .ftCont .enSns li a {width: 4rem; height: 4rem; background: rgba(255,255,255,0.15); border-radius: 50%; transition: 0.2s;}
#footer .ftCont .enSns li a:hover {background: rgba(255,255,255,0.2);}
#footer .ftCont .enSns li img {}

@media all and (max-width: 880px){
    .moHeader .topArea .lang {padding: 0.4rem 0.4rem 0.4rem 1.6rem;}
    .moHeader .moGnb {padding: 2.4rem 0 4rem;}
    .moHeader .moGnb li {}
    .moHeader .moGnb li a {padding: 1.2rem 0; display: block;}

    #footer .ftLogo {width: 21.8rem;}
    #footer .ftCont .enSns {display: none}

    #mainVisual .txts .tit {width: 25.3rem;}
    #mainVisual .down .txt {font-size: 1.2rem;}
}

#ensub1 {}
#ensub1 .s1 {padding-top: 10rem; z-index: 1; overflow: hidden;}
#ensub1 .s1 .cont {}
#ensub1 .s1 .cont .tit {width: 61.6rem}
#ensub1 .s1 .cont .wrt {margin: 2.4rem 0 6rem;}
#ensub1 .s1 .cont .poster {z-index: 1;}
#ensub1 .s1 .flow {color: #7A9A8B; width: 100%; bottom: 5%; opacity: 0.1;}
#ensub1 .s2 {}
#ensub1 .s2::before {content: ''; display: block; position: absolute; width: 100%; background: #F5FDF3; height: 93.4rem; bottom: -8rem; border-radius: 10rem 10rem 0 0}
#ensub1 .s2 .cont {padding: 6rem 0 12rem;}
#ensub1 .s2 .cont .ongi {top: -16rem; right: 14rem; z-index: 2;}
#ensub1 .s2 .cont .title {margin-bottom: 2.4rem;}
#ensub1 .s2 .cont .lst {gap: 2rem 1.6rem;}
#ensub1 .s2 .cont .lst li {background: #fff; width: calc((100% - 3.2rem) / 3); padding: 5.4rem 0; border-radius: 2rem;}
#ensub1 .s2 .cont .lst li .ico {}
#ensub1 .s2 .cont .lst li .tit {padding: 1.6rem 0 0.8rem}
#ensub1 .s2 .cont .lst li .wrt {height: 5.4rem; display: flex; align-items: center;}
#ensub1 .s2 .cont .lst li:nth-child(4),
#ensub1 .s2 .cont .lst li:nth-child(5) {width: calc((100% - 1.6rem) / 2);}

@media all and (max-width: 880px){
    #ensub1 {overflow: visible;}
    #ensub1 .s1 {padding-bottom: 10.6rem; padding-top: 4rem;}
    #ensub1 .s1 .cont {max-width: var(--innerMo); margin: 0 auto}
    #ensub1 .s1 .cont .tit {width: 31.6rem}
    #ensub1 .s1 .cont .wrt {font-size: 1.8rem; text-align: center; margin: 2rem 0 4rem;}
    #ensub1 .s1 .cont .poster {}
    #ensub1 .s1 .flow {font-size: 5rem; bottom: 0}
    #ensub1 .s2 {}
    #ensub1 .s2::before {height: calc(100% + 10.8rem); top: 0; border-radius: 4rem 4rem 0 0;}
    #ensub1 .s2 .cont {max-width: var(--innerMo); padding: 6rem 0 10rem}
    #ensub1 .s2 .cont .ongi {width: 8.6rem; right: 0; top: -7rem}
    #ensub1 .s2 .cont .title {font-size: 2.8rem;}
    #ensub1 .s2 .cont .lst {gap: 1.2rem;}
    #ensub1 .s2 .cont .lst li {width: 100%; height: 18rem; padding: 2.2rem 0; justify-content: center;}
    #ensub1 .s2 .cont .lst li .ico {max-width: 4rem;}
    #ensub1 .s2 .cont .lst li .tit {font-size: 2rem}
    #ensub1 .s2 .cont .lst li .wrt {height: auto; font-size: 1.6rem;}
    #ensub1 .s2 .cont .lst li:last-child .ico {max-width: 4.7rem;}
    #ensub1 .s2 .cont .lst li:nth-child(4),
    #ensub1 .s2 .cont .lst li:nth-child(5) {width: 100%;}
}

#ensub2 {}
#ensub2 .inner {}
#ensub2 .titArea {margin-bottom: 10rem;}
#ensub2 .titArea .tit {padding-bottom: 0.8rem;}
#ensub2 .titArea .wrt {}
#ensub2 .lstArea {gap: 2.7rem;}
#ensub2 .lstArea .lst {width: 100%; gap: 2.4rem;}
#ensub2 .lstArea .lst .tit {padding: 1.3rem 3.6rem; border-radius: 8rem;}
#ensub2 .lstArea .lst .schd {}
#ensub2 .lstArea .lst01 .tit {background: #2D493D}
#ensub2 .lstArea .lst02 .tit {background: #59270F}
#ensub2 .lstArea .lst03 .tit {background: #C98A4A}

@media all and (max-width: 880px){
    #ensub2 {}
    #ensub2 .inner {}
    #ensub2 .titArea {margin-bottom: 4rem;}
    #ensub2 .titArea .tit {font-size: 2.8rem;}
    #ensub2 .titArea .wrt {font-size: 1.4rem;}
    #ensub2 .lstArea {flex-direction: column; gap: 3.8rem}
    #ensub2 .lstArea .lst {gap: 1.5rem;}
    #ensub2 .lstArea .lst .tit {font-size: 1.6rem; padding: 1rem 3.2rem; width: 100%; text-align: center;}
    #ensub2 .lstArea .lst .schd {}
}

#ensub3 {}
#ensub3 .inner {}
#ensub3 .mapArea {margin-bottom: 8rem;}
#ensub3 .mapArea .titArea {margin-bottom: 6rem;}
#ensub3 .mapArea .titArea .tit {padding-bottom: 0.8rem}
#ensub3 .mapArea .titArea .wrt {}
#ensub3 .mapArea .map {border-radius: 4rem; overflow: hidden; }
#ensub3 .panel {}
#ensub3 .panel + .panel {padding-top: 8rem; margin-top: 8rem; background: url('../img/sub/sb16_line.png') top / contain no-repeat;}
#ensub3 .panel .title {}
#ensub3 .pan01 .cont {margin-top: 0.8rem;}
#ensub3 .pan01 .cont .tit {margin-bottom: 3.2rem;}
#ensub3 .pan01 .cont .sns {gap: 4rem;}
#ensub3 .pan01 .cont .sns .lst {width: 100%; max-width: 48rem;}
#ensub3 .pan01 .cont .sns .lst a {padding: 1.6rem 2.4rem; border: 1px solid #E0E0E0; border-radius: 0.4rem;}
#ensub3 .pan01 .cont .sns .lst:hover {background: #F7F7F7;}
#ensub3 .pan01 .cont .sns .lst:hover a {border: 1px solid #4285F4; color: #4285F4; font-weight: bold}
#ensub3 .pan02 .cont {margin-top: 3.2rem; gap: 2.4rem;}
#ensub3 .pan02 .cont .lst {gap: 2rem; width: calc((100% - 7.2rem) / 4);}
#ensub3 .pan02 .cont .lst .tit {width: 10.2rem;}
#ensub3 .pan02 .cont .lst .txt {line-height: 1.8;}
#ensub3 .pan02 .cont .lst .txt i {padding: 0 1.3rem;}
#ensub3 .pan03 .cont {margin-top: 5rem;}
#ensub3 .pan03 .cont .img {}
#ensub3 .pan04 .cont {margin-top: 3.2rem;}
#ensub3 .pan04 .cont .lst {gap: 2.4rem;}
#ensub3 .pan04 .cont .lst + .lst {margin-top: 2.4rem;}
#ensub3 .pan04 .cont .lst .opt {padding: 0.8rem 1.6rem; border: 2px solid var(--fcb); border-radius: 10rem; flex-shrink: 0}
#ensub3 .pan04 .cont .lst .txt {}
#ensub3 .pan04 .cont .lst .txt i {padding: 0 1.5rem;}
#ensub3 .pan04 .cont .lst .txt .img {}
#ensub3 .pan04 .cont .lst03 {flex-direction: column; align-items: baseline;}
#ensub3 .inquiry {margin-top: 8rem; background: #FAFAFA; border-radius: 1.2rem; padding: 2.4rem 3.2rem; gap: 2.4rem;}
#ensub3 .inquiry span {}
#ensub3 .inquiry span.opt {background: #F0F0F0; border-radius: 10rem; padding: 0.8rem 2rem;}

@media all and (max-width: 880px){
    #ensub3 {}
    #ensub3 .inner {}
    #ensub3 .mapArea {margin-bottom: 4rem}
    #ensub3 .mapArea .titArea {margin-bottom: 4rem;}
    #ensub3 .mapArea .titArea .tit {font-size: 2.8rem;}
    #ensub3 .mapArea .titArea .wrt {font-size: 1.8rem;}
    #ensub3 .mapArea .map {}
    #ensub3 .panel {}
    #ensub3 .panel + .panel {margin-top: 4rem; padding-top: 4rem; background: url('../img/sub/sb16_line_mo.png') top / contain no-repeat;}
    #ensub3 .panel .title {font-size: 2.8rem;}
    #ensub3 .panel .cont {}
    #ensub3 .pan01 .cont .tit {font-size: 2rem; margin-bottom: 2.4rem;}
    #ensub3 .pan01 .cont .sns {flex-direction: column; gap: 1.2rem}
    #ensub3 .pan01 .cont .sns .lst {}
    #ensub3 .pan01 .cont .sns .lst a {font-size: 1.6rem;}
    #ensub3 .pan02 .cont {margin-top: 2.4rem; flex-direction: column;}
    #ensub3 .pan02 .cont .lst {gap: 0.8rem; width: 100%; align-items: center;}
    #ensub3 .pan02 .cont .lst .tit {width: 8rem}
    #ensub3 .pan02 .cont .lst .txt {font-size: 1.7rem;}
    #ensub3 .pan02 .cont .lst .txt i {}
    #ensub3 .pan03 .cont {margin-top: 2.4rem}
    #ensub3 .pan03 .cont .img {}
    #ensub3 .pan04 .cont  {margin-top: 3.2rem}
    #ensub3 .pan04 .cont .lst {flex-direction: column; gap: 1.2rem; align-items: baseline;}
    #ensub3 .pan04 .cont .lst + .lst {margin-top: 3.2rem;}
    #ensub3 .pan04 .cont .lst .opt {padding: 0.6rem 1.6rem; font-size: 1.6rem;}
    #ensub3 .pan04 .cont .lst .txt {font-size: 1.8rem;}
    #ensub3 .pan04 .cont .lst .txt i {display: none;}
    #ensub3 .pan04 .cont .lst .txt .img {}
    #ensub3 .inquiry {flex-direction: column; gap: 0.8rem; align-items: baseline; padding: 2rem; font-size: 1.6rem; margin: 6rem 0 8rem;}
    #ensub3 .inquiry span {}
    #ensub3 .inquiry span.opt {padding: 0.6rem 2rem;}
}

#ensub4 {}
#ensub4 .inner {}
#ensub4 .titArea {margin-bottom: 6rem;}
#ensub4 .titArea .tit {padding-bottom: 0.8rem}
#ensub4 .titArea .wrt {}
#ensub4 .lstArea {gap: 10rem 4rem;}
#ensub4 .lstArea .lst {width: calc((100% - 8rem) / 3); border-radius: 4rem; overflow: hidden;}
#ensub4 .lstArea .lst::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url('../img/sub/village_bg.png') center/cover; transition: 0.4s; opacity: 0}
#ensub4 .lstArea .lst a {padding: 2rem 2rem 4rem; display: block;}
#ensub4 .lstArea .lst .thumb {}
#ensub4 .lstArea .lst .thumb > img {border-radius: 2rem}
#ensub4 .lstArea .lst .arr {position: absolute; right: 0; bottom: 0;}
#ensub4 .lstArea .lst .arr::before {content: ''; display: block; position: absolute; width: calc(100% + 2.4rem); height: calc(100% + 2.4rem); background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 1.6rem; transition: 0.4s;}
#ensub4 .lstArea .lst .arr .ico {padding: 1.6rem; background: var(--fcg); border-radius: 0.4rem;}
#ensub4 .lstArea .lst .arr .ico img {transform-origin: left center; transform: scale(0.715); transition: 0.4s; right: -0.2rem}
#ensub4 .lstArea .lst .txts {}
#ensub4 .lstArea .lst .txts .tit {margin: 2.4rem 0 0.4rem; transition: 0.4s}
#ensub4 .lstArea .lst .txts .wrt {transition: 0.4s}
#ensub4 .lstArea .lst:hover {}
#ensub4 .lstArea .lst:hover::before {opacity: 1;}
#ensub4 .lstArea .lst:hover .arr {}
#ensub4 .lstArea .lst:hover .arr::before {background: var(--fcg);}
#ensub4 .lstArea .lst:hover .arr .ico img {transform: scale(1); right: 0}
#ensub4 .lstArea .lst:hover .txts .tit {color: #fff;}
#ensub4 .lstArea .lst:hover .txts .wrt {color: #fff; opacity: 0.8}

@media all and (max-width: 880px){
    #ensub4 {}
    #ensub4 .inner {}
    #ensub4 .titArea {margin-bottom: 4rem;}
    #ensub4 .titArea .tit {font-size: 2.8rem;}
    #ensub4 .titArea .wrt {font-size: 1.8rem;}
    #ensub4 .lstArea {gap: 6rem 0.4rem}
    #ensub4 .lstArea .lst {width: calc((100% - 0.4rem) / 2); border-radius: 0;}
    #ensub4 .lstArea .lst::before {display: none;}
    #ensub4 .lstArea .lst a {padding: 0 1rem}
    #ensub4 .lstArea .lst .thumb {}
    #ensub4 .lstArea .lst .thumb > img {border-radius: 1rem}
    #ensub4 .lstArea .lst .arr {}
    #ensub4 .lstArea .lst .arr::before {width: calc(100% + 1.2rem); height: calc(100% + 1.2rem); border-radius: 0.6rem;}
    #ensub4 .lstArea .lst .arr .ico {padding: 1rem;}
    #ensub4 .lstArea .lst .arr .ico img {transform: none; width: 1.4rem; right: auto}
    #ensub4 .lstArea .lst .txts {}
    #ensub4 .lstArea .lst .txts .tit {font-size: 1.8rem; margin: 1.2rem 0 0.6rem;}
    #ensub4 .lstArea .lst .txts .wrt {font-size: 1.4rem;}
}