/*서브공통*/
.sub { width: 100%; position: relative; }
.subtop { height: 45vh; }
br.media_500 { display: none; }

#subtop1 { background: url(../img/subtop1.png) no-repeat center/cover; }
#subtop2 { background: url(../img/subtop2.png) no-repeat center/cover; }
#subtop3 { background: url(../img/subtop3.png) no-repeat center/cover; }
#subtop4 { background: url(../img/subtop4.png) no-repeat center/cover; }

.sub_p{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sub_p p{font-size: 3rem; font-weight: 700; color: #fff;}

/*sub_path*/
.sub_path { width: 100%; height: 60px; background: #fff; border-bottom: 1px solid #ddd; }
.sub_path .path { margin: 0 auto; width: 95%; max-width: 1200px; font-size: 0; text-align: center; }
.sub_path .path li { display: inline-block; position: relative; vertical-align: top; line-height: 60px; }
.sub_path .path li::after { position: absolute; content: ''; left: 0; bottom: -2px; width: 100%; height: 4px; background: #99c100; opacity: 0; }
.sub_path .path li a { width: 100%; height: 100%; padding: 0 40px; font-size: 0.9rem; color: #333; font-weight: 400; transition: all 0.4s; }
.sub_path .path li.on a { color: #99c100; font-weight: 600; }
.sub_path .path li.on::after { opacity: 1; }
.sub_path .path li:hover a { color: #99c100; font-weight: 600; }

.sub_tit { font-size: 2.24rem; letter-spacing: -0.5px; color: #000; font-weight: 400; word-break: keep-all; }
.sub_tit span { font-weight: 700; }
.sub_txt { font-size: 1.18rem; line-height: 1.4; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; }
.sub_txt span { font-weight: 600; }
.sub_line { width: 50px; height: 1px; background: #333; margin: auto; }


/* 서브 1-1 */
.s111 { margin: 16vh 0 6vh; }
.s111 .inner { margin: auto; text-align: center; }
.s111 .inner .sub_txt { margin: 3vh 0 4vh; }

.s112 { overflow: hidden; }
.s112 .inner4 { width: 70%; margin-left: 30%; }
.s112 .inner4 img { margin-bottom: 3vh; } 

.s113 { margin-top: 10vh; overflow: hidden; }
.s113 .inner_c { width: 90%; margin-right: 10%; }
.s113 .s113_cont { display: flex; justify-content: space-between; align-items: flex-end; padding: 10vh 2vw 10vh 0; background: #f7f7f7; border-top-right-radius: 100px; word-break: keep-all; }
.s113 .s113_cont .left{ width: 50%; }
.s113 .s113_cont .right { width: 45%; padding-bottom: 6vh;}
.s113 .s113_cont .right .sub_tit { margin-bottom: 3vh; }

.s114 { margin-top: 12vh; text-align: center; }
.s114 .sub_tit { margin-bottom: 3vh; }
.s114 .sub_txt { margin-bottom: 6vh; }
.s114 .s114_bg { width: 100%; }

.s115 .inner_c { width: 95%; padding: 5vh 0; display: flex; align-items: center; }
.s115 .inner_c > div { width: 50%; }
.s115 .inner_c .left { position: relative; z-index: 1; }
.s115 .inner_c .right strong { display: block; font-size: 2.24rem; line-height: 1.3; letter-spacing: -0.5px; margin-bottom: 14vh; }
.s115 .inner_c .right ul { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 7%; }
.s115 .inner_c .right ul::after { content: ''; position: absolute; top: 45%; right: -5vw; width: 100vw; height: 2px; background-color: #ccc; }
.s115 .inner_c .right ul li { text-align: center; letter-spacing: -0.5px; }
.s115 .inner_c .right ul li h4 { font-size: 2.24rem; font-weight: 400; color: #694836; padding-bottom: 3.3vh; }
.s115 .inner_c .right ul li p { font-size: 1.18rem; line-height: 1.2; font-weight: 300; color: #333; padding-top: 3.3vh; }

.s116 ul { display: flex; justify-content: center; align-items: center; gap: 6%; margin: 0 auto 16vh;}


/*서브1-2*/
.s121 { margin: 16vh 0 12vh; }
.s121 .inner { margin: 0 auto; }
.s121_ul { display: flex; justify-content: space-between; align-items: flex-end; padding: 0 2vw 15vh; }
.s121_ul .left{ width: 40%; }
.s121_ul .right { width: 50%; }
.s121 .img_wrap { width: 100%; }
.s121 .img_wrap img { width: 100%; }

.line { margin-bottom: 155px; }
.line h2 { font-size: 3.53rem; color: #94bc00; text-align: center; margin-bottom: 9vh; }
.line .inner { margin: 0 auto; display: flex; align-items: flex-start; }
.line .inner > div { width: 50%; }
.line .inner .left { text-align: right; padding-right: 3.5vw; }
.line .inner .right { padding-left: 3.5vw; }
.line .inner .img_wrap { padding-top: 9vh; }
.line .inner .txt_wrap:nth-child(even) { border-left: 1px solid #000; }
.line .inner .txt_wrap:nth-child(odd) { border-right: 1px solid #000; }
.line .inner .txt_wrap ul { display: flex; flex-direction: column; justify-content: space-between; }
.line .inner .txt_wrap ul li { letter-spacing: -0.5px; }
.line .inner .txt_wrap strong { display: block; font-size: 1.41rem; margin-bottom: 2.2vh; }
.line .inner .txt_wrap p { font-size: 1.18rem; font-weight: 500; line-height: 1.3; word-break: keep-all; }

.s122 .inner .txt_wrap ul { height: 68vh; padding-bottom: 10.5vh; }
.s123 .inner .txt_wrap ul { height: 126vh; padding-bottom: 5.5vh; }
.s124 .inner .txt_wrap ul { height: 70vh; padding-bottom: 7vh; }
.s125 .inner .txt_wrap ul { height: 83vh; padding-bottom: 6.5vh; }


/*서브1-3*/
.s131 {margin: 16vh 0 0; padding: 0 0 12vh;}
.s131 .inner {margin: auto; text-align: center;}
.s131 .inner .sub_txt{margin: 3vh 0 4vh;}

.s132 .inner_c { margin: 0 auto; max-width: 970px; width: 90%; }
.s132 .inner_c ul { display: flex; justify-content: space-between; align-items: flex-start; }
.s132 .inner_c ul.list1 { justify-content: center; align-items: flex-end; gap: 10%; margin-bottom: 5.5vh; }
.s132 .inner_c ul.list2 { margin-bottom: 4.5vh; }
.s132 .inner_c ul.list3 { margin-bottom: 11.5vh; }

.s132 .inner_c ul li { text-align: center; }
.s132 .inner_c ul.list2 li,
.s132 .inner_c ul.list3 li { width: 23%; }

.s132 .inner_c ul li img { width: 100%; }
.s132 .inner_c ul.list1 li:first-child img { padding: 4vh 0; }

.s132 .inner_c ul li p { margin-top: 1.7vh; font-size: 1.12rem; line-height: 1.3; letter-spacing: -0.5px; font-weight: 300; word-break: keep-all; }
.s132 > img { display: block; position: relative; margin-top: -10vh; z-index: -1; }


/*서브1-4*/
.s141 { margin: 22vh 0 50px; }
.s141 .inner { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 auto; }
.s141 .inner .s141_left { width: 25%; }

.s141 .inner .s141_btn { width: 50%; display: flex; justify-content: flex-start; align-items: center; gap: 35px; }
.s141 .inner .s141_btn > div { background: #fff; border: 1px solid #94bc00; border-radius: 25px; transition: all 0.4s;}
.s141 .inner .s141_btn > div a { display: flex; justify-content: center; align-items: center; padding: 15px 27px;}
.s141 .inner .s141_btn > div a p { transition: all 0.4s; }
.s141 .inner .s141_btn > div a p.txt { margin-right: 30px; font-size: 1.1rem; text-transform: uppercase; color: #94bc00; letter-spacing: -0.5px;}
.s141 .inner .s141_btn > div a p.s141_btn_img { width: 30px; height: 10px; }
.s141 .inner .s141_btn > div a p.s141_btn_img img { transition: all 0.4s; }
.s141 .inner .s141_btn > div a p.s141_btn_img img:nth-child(1) { display: block;}
.s141 .inner .s141_btn > div a p.s141_btn_img img:nth-child(2) { display: none;}

.s141 .inner .s141_btn > div:hover { background: #94bc00; transition: all 0.4s; }
.s141 .inner .s141_btn > div:hover p.txt { color: #fff; transition: all 0.4s; }
.s141 .inner .s141_btn > div:hover a p.s141_btn_img img:nth-child(1) { display: none;}
.s141 .inner .s141_btn > div:hover a p.s141_btn_img img:nth-child(2) { display: block;}

.s141 .inner .s141_right { width: 25%; }
.s141 .inner .s141_right p { font-size: 1.2rem; font-weight: 300; color: #333; text-align: left; letter-spacing: -0.5px; }
.s141 .inner .s141_right p:first-child { margin-bottom: 7px;}
.s141 .inner .s141_right p span { font-weight: 600; color: #94bc00;}

.s142 { width: 100%; margin-bottom: 20vh;}
.s142 .map { width: 90%; max-width: 1300px; height: 60vw; max-height: 350px; margin: -13% auto 0; }
.s142 .map iframe { width: 100%; }

.s143 { margin-bottom: 30vh; padding-left: 15.89vw; }
.s143 p { font-size: 2.24rem; line-height: 2.7rem; letter-spacing: -0.5px; margin-bottom: 6vh; }
.s143 p span { font-weight: 700; }
.s143 .img_wrap { width: 100%; border-bottom-left-radius: 110px; overflow: hidden; }




/*서브2-1*/
.s211 { margin: 13vh 0 32vh; }
.s211 .inner { position: relative; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }

.s211 .inner .left_up { width: 60%; padding-top: 6.5vh; }
.s211 .inner .left_up p.sub_tit { margin-bottom: 50px; }
.s211 .inner .left_up p.sub_txt { word-break: keep-all; }

.s211 .inner .left_down { padding-top: 2vh; display: flex; justify-content: space-between; align-items: flex-start; position: absolute; top: 60%; left: 0; width: 85.5%; border-top: 2px solid #694836; z-index: 1; }
.s211 .inner .left_down::after { content: ''; position: absolute; top: 0; right: 0; transform: translateY(-50%); width: 0.6rem; height: 0.6rem; border-radius: 50%; background-color: #694836; z-index: 1; }
.s211 .inner .left_down .txt_wrap p { font-size: 1.47rem; line-height: 1.2; font-weight: 600; letter-spacing: -0.5px; color: #694836; }
.s211 .inner .left_down .img_wrap { width: 12.24vw; padding-top: 4vh; }

.s211 .inner .right { width: 35%; }


.s212 { text-align: center; }
.s212 p.sub_tit { margin-bottom: 6vh; }
.s212 p.sub_txt { margin-bottom: 10vh; }

.s212 .s212_slide { width: 100%; overflow: hidden;}
.s212 .s212_slide .swiper-container { width: 100%;}
.s212 .s212_slide .swiper-slide { width: 37%;}
.s212 .s212_slide .s212_btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 99; width: 41%; height: 50px;}
.s212 .s212_slide .s212_btn .btn { width: 50px; height: 50px; margin: 0; top: 0; background: #66bc33; color: #fff; font-size: 1.5rem;}
.s212 .s212_slide .s212_btn .swiper-button-prev { left: 0; }
.s212 .s212_slide .s212_btn .swiper-button-next { right: 0; }
.s212 .s212_slide .s212_btn .btn:after { display: none; }


.s213 { margin: 29vh 0 7vh; }
.s213 .inner3 { margin-left: 15%; display: flex; justify-content: space-between; align-items: flex-end; }
.s213 .inner3 .left { width: 20%; padding-bottom: 5vh; display: flex; flex-direction: column; align-items: flex-start; gap: 40px; }
.s213 .inner3 .left img { width: 5.3vw; }

.s213 .inner3 .right { position: relative; width: 80%; border-top-left-radius: 50px; overflow: hidden; }
.s213 .inner3 .right img.plus { position: absolute; bottom: -10%; right: 12%; width: 31.25vw; }


.s214 { margin-bottom: 18vh; position: relative; }
.s214::after { content: ''; position: absolute; top: 0; left: 0; width: 90%; height: 100%; background-color: #f7f7f7; border-radius: 0 100px 0 0; z-index: -1; }
.s214 .inner_c { width: 90%; max-width: 1340px; margin: 0 auto; }
.s214 .inner_c > ul { padding: 6vh 0 8vh; display: flex; align-items: flex-end; }
.s214 .inner_c > ul > li:first-child { width: 35%; padding-right: 4vw }
.s214 .inner_c > ul > li:first-child img{ width: 85px; margin-bottom: 2vh;}
.s214 .inner_c > ul > li:last-child { position: relative; width: 65%; padding-left: 4vw; }
.s214 .inner_c > ul > li:last-child::after { content: ''; position: absolute; left: 0; bottom: 0; width: 5px; height: 80%; background-color: #fff; }

.s214 .inner_c > ul > li .list { display: flex; justify-content: space-between; align-items: flex-end; }
.s214 .inner_c > ul > li .list .item { width: 48%; }
.s214 .inner_c > ul > li .list .item .top { display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 2vh;}
.s214 .inner_c > ul > li .list .item .top img { width: 15px; }
.s214 .inner_c > ul > li .list .item .top p { font-size: 1.3rem; font-weight: 600; }
.s214 .inner_c > ul > li .list .item:nth-child(1) .top p span { color: #23b5bb; }
.s214 .inner_c > ul > li .list .item:nth-child(2) .top p span { color: #f6b52e; }

.s215 { margin-bottom: 50vh; }
.s215 .inner_c { width: 90%; max-width: 1340px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.s215 .img_wrap { width: 67%; display: flex; justify-content: space-between; align-items: center; }
.s215 .txt_wrap { width: 33%; text-align: right; }
.s215 .txt_wrap p { letter-spacing: -1px; }




/* 서브3 */
.sub31 { margin: 16vh 0 6vh; }
.sub31 .inner { margin: auto; text-align: center; }
.sub31 .inner .sub_txt { margin: 3vh 0 4vh; }

.sub32 { margin-bottom: 260px; }
.sub32 .inner_c { max-width: 1600px; width: 95%; margin: 0 auto; }
.sub32 .list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; row-gap: 3vh; }
.sub32 .list .item { width: 25%; height: 60vh; padding: 0 2%; border-right: 1px solid rgba(168, 168, 169, 0.6); cursor: pointer; }
.sub32 .list .item:nth-child(4n) { border-right: none; }
.sub32 .list .item .img_wrap {display: flex; justify-content: center; align-items: center; width: 100%; height: 75%; }
.sub32 .list .item .img_wrap img { object-fit: contain; width: 90%; height: 60%; transition: 0.3s; }
.sub32 .list .item:hover .img_wrap img { transform: scale(1.1); transition: 0.3s; }
.sub32 .list .item .txt_wrap { width: 100%; height: 25%; text-align: center; }
.sub32 .list .item .txt_wrap strong { display: block; font-size: 1.1rem; font-weight: 600; padding-top: 1.5vh; margin-bottom: 1.5vh; }
.sub32 .list .item .txt_wrap p { font-size: 0.9rem; font-weight: 300; color: #808080; padding-top: 1.5vh; word-break: keep-all; border-top: 1px solid rgba(168, 168, 169, 0.6); }

.s342 .list { justify-content: center; }
.s342 .list .item { border-right: none; }


@media screen and ( max-width: 1500px ) {
  .sub32 .list .item { width: calc(100% / 3); height: 50vh; }
  .sub32 .list .item:nth-child(4n) { border-right: 1px solid rgba(168, 168, 169, 0.6); }
  .sub32 .list .item:nth-child(3n) { border-right: none; }
}

@media screen and ( max-width: 1024px ) {
  .sub32 .list .item { width: calc(100% / 2); height: 50vh; }
  .sub32 .list .item:nth-child(3n) { border-right: 1px solid rgba(168, 168, 169, 0.6); }
  .sub32 .list .item:nth-child(2n) { border-right: none; }
}

@media screen and ( max-width: 760px ) {
  .sub32 .list .item .txt_wrap strong { font-size: 0.9rem; letter-spacing: -0.5px; }
  .sub32 .list .item .txt_wrap p { font-size: 0.7rem; }
}