/* .sub_wrap{margin-bottom: 100px;} */
.sub_wrap img{max-width: 100%; display: block; margin: 0 auto;}

.sub_wrap p{font-size: 18px; word-break: keep-all; line-height: 1.5;}

.sub_0101>.top{display: flex; justify-content: space-between; align-items: flex-end;}
.sub_0101 .top .img{width: 50%;}
.sub_0101 .top .txt{width: 45%;}
.sub_0101 .top .txt h6{font-size: 19px; margin-bottom: 20px; font-family: 'tommy'; font-weight: 400;}
.sub_0101 .top .txt h1{font-size: 70px; line-height: 1; margin-bottom: 60px; font-family: 'Pretendard-Medium'; font-weight: 500; margin-left: -4px;}
.sub_0101 .top ul{display: flex;}
.sub_0101 .top ul li{width: 30%;}
.sub_0101 .top ul li:first-child{width: 22%;}
.sub_0101 .top ul li h3{font-size: 19px; margin-bottom: 10px; line-height: 1; font-weight: 500;}
.sub_0101 .top ul li p{display: flex; align-items: center;}
.sub_0101 .top ul li p span{font-size: 70px; display: inline-block; line-height: 1; font-weight: 500; color: #516b4f;}
.sub_0101 .top ul li p i{font-size: 18px; padding-left: 10px; color: #516b4f;}

.sub_0101 .mid01_box{position: relative; padding-bottom: 50px; margin-bottom: 100px;}
.sub_0101 .mid01{width: 1200px; max-width: 95%; margin: 150px auto; }
.sub_0101 .mid01 .top h1{font-size: 60px; font-family: 'tommy'; font-weight: 300; margin: 0px 0 50px 50px; line-height: 1;}
.sub_0101 .mid01 .bot{display: flex; justify-content: space-between;}
.sub_0101 .mid01 .bot .left{width: 37%}
.sub_0101 .mid01 .bot .right{width: 55%; margin-top: 50px;}
.sub_0101 .mid01 .bot .right h4{font-size: 35px; line-height: 1.5; margin-bottom: 30px;}
.sub_0101 .mid01 .bot .right h4 span{font-size: 1.4em; color: #627147; font-style: italic;}
.sub_0101 .mid01 .bot .right p{font-size: 20px; line-height: 1.7;}
.sub_0101 .mid01_box .absol_01{position: absolute; bottom: 0; right: 0; width: 750px;}

.sub_0101 .mid01_2{position: relative; padding-bottom: 150px;}
.sub_0101 .mid01_2::before{width: 100%; bottom: 0; top: 550px; background-color: #d4dad0; content: ''; left: 0; position: absolute; z-index: -1;}
.sub_0101 .mid01_2 .top{width: 980px; max-width: 100%; margin: 0 auto;}
.sub_0101 .mid01_2 .top h1{font-size: 57px; text-align: center; margin-bottom: 70px; font-family: 'tommy'; font-weight: 300;}
.sub_0101 .mid01_2 .top .cont h2{font-size: 30px; text-align: right; margin-bottom: 20px; font-weight: 500;}
.sub_0101 .mid01_2 .top .cont h2 span{font-size: 1.4em; font-style: italic; color: #627147; font-weight: bold;}
.sub_0101 .mid01_2 .top .cont p{font-size: 20px; padding-left: 20px; margin-top: 20px;}
.sub_0101 .mid01_2 .bot{width: 1200px; margin: 200px auto 0; max-width: 100%;}
.sub_0101 .mid01_2 .bot h1{font-size: 86px; margin-bottom: 80px; font-family: 'tommy'; font-weight: 300; color: #516b4f; line-height: 1; margin-left: -2px;}
.sub_0101 .mid01_2 .bot h4{font-size: 33px; margin-bottom: 40px;}
.sub_0101 .mid01_2 .bot p{font-size: 20px; }
.sub_0101 .mid01_2 .absol_02{position: absolute; top: 880px; right: 100px; width: 190px;}
.sub_0101 .mid01_2 .absol_02 img{width: 100%;}

.sub_0101 .mid02{display: flex; align-items: center; background-color: #edede3; overflow: hidden; }
.sub_0101 .mid02 .leftbox{width: 50%; display: flex; align-items: center; justify-content: center; position: relative; margin-top: -100px;}
.sub_0101 .mid02 .leftbox ul li{opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 500px; max-width: 95%; z-index: 1;}
.sub_0101 .mid02 .leftbox ul li .txtbox{transform: translateY(50px); transition: all .7s;}
.sub_0101 .mid02 .leftbox ul li.active{opacity: 1; z-index: 10;}
.sub_0101 .mid02 .leftbox ul li.active .txtbox{transform: translateY(0px);}
.sub_0101 .mid02 .leftbox ul li h6{color: #738356; font-size: 16px; font-weight: 700; letter-spacing: 2px; line-height: 1;}
.sub_0101 .mid02 .leftbox ul li h1{font-size: 50px; margin: 20px 0 40px 0; line-height: 1.2;}
.sub_0101 .mid02 .leftbox ul li h4{font-size: 18px; line-height: 1.5; font-weight: 400;}
.sub_0101 .mid02 .leftbox ul li a{font-size: 14px; line-height: 1; display: inline-block; padding: 10px 15px; color: #fff; background-color: #738356; font-weight: bold; margin-top: 30px;}

/* 버튼 */
.sub_0101 .mid02 .leftbox .arrWrap {top: calc(50% - -200px); position: absolute; width: 500px; left: 50%; transform: translate(-50%,-50%); max-width: 95%;}
.sub_0101 .mid02 .leftbox .swiper_arr{display:flex; align-items: center;}
.sub_0101 .mid02 .leftbox .swiper_arr > div{font-size:18px; color:#333; }
.sub_0101 .mid02 .leftbox .swiper_arr > div:hover {border:1px solid #738356; background:#738356; color:#fff;}
.sub_0101 .mid02 .leftbox .swiper_arr .swiper-button-prev2, .sub_0101 .mid02 .leftbox .swiper_arr .swiper-button-next2 {
    width:55px;
    height:55px;  
    background:#fff; 
    border-radius:50%; 
    box-shadow:0px 5px 10px 0px rgb(0 13 56 / 10%);
    border:1px solid #e8e8e8; 
    z-index:11;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub_0101 .mid02 .leftbox .swiper_arr .swiper-button-prev2 {position:static; margin-right:12px;}
.sub_0101 .mid02 .leftbox .swiper_arr .swiper-button-next2 {position:static;}
.sub_0101 .mid02 .leftbox .swiper_arr .swiper-button-prev2:hover, .sub_0101 .mid02 .leftbox .swiper_arr .swiper-button-next2:hover {}
.sub_0101 .mid02 .leftbox .swiper-button-prev2:after,.sub_0101 .mid02 .leftbox .swiper-button-next2:after {display:none;}

/* 슬라이드넘버 */
.sub_0101 .mid02 .leftbox .swiper-pagination2 {position:static; display:inline-block; width:110px; color:#777; text-align: center;}
.sub_0101 .mid02 .leftbox .swiper-pagination2 .swiper-pagination-current {color:#738356; padding:0 10px 0 0;}
.sub_0101 .mid02 .leftbox .swiper-pagination2 .swiper-pagination-total {font-size:12px; font-weight:500; }
.sub_0101 .mid02 .leftbox .swiper-pagination2 .swiper-pagination-total {position: relative; padding:0 0 0 10px;}
@keyframes link-scale{
	0%{transform: scale(1);opacity: .2;}
	20%{opacity: .8;}
	100%{transform: scale(1.6);opacity: 0;}
}

.sub_0101 .mid02 .rightbox{width: 50%;}
.sub_0101 .mid02 .rightbox img{max-width: 100%; height: auto; object-fit: cover;}

.sub_0101 .mid03{width: 1200px; margin: 150px auto; max-width: 100%;}
.sub_0101 .mid03 h1{font-size: 50px; margin-bottom: 50px;}

.sub_0101 .mid04{ margin: 150px auto 0; }
.sub_0101 .mid04 h1{font-size: 68px; margin-bottom: 30px; text-align: center;}
.sub_0101 .mid04 h2{text-align: center; font-size: 21px; margin-bottom: 50px; font-weight: 400;}
.sub_0101 .mid04 .in{display: flex; align-items: flex-end;}
.sub_0101 .mid04 .img{width: 35%; margin-right: 5%;}
.sub_0101 .mid04 .txt{width: 55%; margin-bottom: 100px;}
.sub_0101 .mid04 .txt h2{font-size: 58px; margin-bottom: 100px; text-align: left; font-weight: bold; margin-left: -2px;}
.sub_0101 .mid04 .txt ul{display: flex; }
.sub_0101 .mid04 .txt ul li{width: 20%;}
.sub_0101 .mid04 .txt ul li+li{margin-left: 2%;}
.sub_0101 .mid04 .txt ul li h3{font-size: 27px; line-height: 1; margin-bottom: 5px; color: #395736;}
.sub_0101 .mid04 .txt ul li h4{font-size: 18px; color: #395736}
.sub_0101 .mid04 .txt ul li .title{margin-bottom: 70px;}
.sub_0101 .mid04 .txt ul li h5{font-size: 18px; margin-bottom: 10px;}
.sub_0101 .mid04 .txt ul li p{font-size: 18px;}

.sub_0101 .mid05{background-color: #73886b; padding: 150px 0;}
.sub_0101 .mid05 .inner05{width: 90%; margin: 0 auto;}
.sub_0101 .mid05 .inner05 h1{font-size: 77px; font-weight: 500;}
.sub_0101 .mid05 .inner05 ul{display: flex; justify-content: space-between; margin-top: 400px;}
.sub_0101 .mid05 .inner05 ul li{width: 18%; }
.sub_0101 .mid05 .inner05 ul li h2{font-size: 20px; font-weight: normal;}
.sub_0101 .mid05 .inner05 ul li h3{font-size: 30px; margin: 50px 0 20px 0;}
.sub_0101 .mid05 .inner05 ul li p{font-size: 20px;}

.sub_0101 .mid06 {margin: 150px 0;}
.sub_0101 .mid06 .top h1{font-size: 37px; margin-bottom: 50px; text-align: center; font-weight: 500;}
.sub_0101 .mid06 .bot{width: 1200px; margin: 0 auto; background-color: #f8f8f8; max-width: 100%;}
.sub_0101 .mid06 .bot .in{display: flex; align-items: center;}
.sub_0101 .mid06 .bot .in .left{width: 48%; padding-left: 30px;}
.sub_0101 .mid06 .bot .in .left h2{font-size: 57px; font-family: 'tommy'; font-weight: 300; margin-bottom: 50px; margin-left: -2px;}
.sub_0101 .mid06 .bot .in .left h3{font-size: 18px; margin-bottom: 30px; line-height: 1.5; font-weight: 500;}
.sub_0101 .mid06 .bot .in .left h4{font-size: 18px; line-height: 1.5; color: #797979; font-weight: 500;}
.sub_0101 .mid06 .bot .in .left a{font-size: 26px; margin-top: 50px; color: #73886b; display: inline-block;}
.sub_0101 .mid06 .bot .in .right{width: 52%;}

.sub_0101 .mid_bot{margin-bottom: 150px;}
.sub_0101 .mid_bot img{height: 90px;}
.sub_0101 .mid_bot h2{text-align: center; font-weight: 500; line-height: 1.5; font-size: 30px; margin-top: 50px;}

.sub_0501{display: flex; justify-content: space-between; width: 1200px; max-width: 95%; margin: 250px auto 100px; }
.sub_0501 .txt_box{width: 50%;}
.sub_0501 .txt_box h1{font-size: 50px; margin: 30px 0; font-weight: 500; margin-left: -2px;}
.sub_0501 .txt_box h3{font-size: 18px; font-weight: 500; }
.sub_0501 .txt_box h4{font-size: 18px; font-weight: 500; color: #777; margin-top: 10px;}
.sub_0501 .map_box{width: 55%;}





@media(max-width:1200px){

    .center{max-width: 100%;}
    .sub_wrap{margin-bottom: 50px;}
    .sub_wrap p{font-size: 16px;}
    
    .sub_0101 .mid02{flex-direction: column-reverse; height: auto; background-color: transparent;}
    .sub_0101 .mid02 .leftbox{width: 100%; height: 250px; margin-top: 0; background-color: #edede3}
    .sub_0101 .mid02 .leftbox ul li h1{font-size: 22px; margin: 10px 0 15px 0;}
    .sub_0101 .mid02 .leftbox ul li h4{font-size: 15px;}
    .sub_0101 .mid02 .leftbox .arrWrap{top: 0; z-index: 100;}
    .sub_0101 .mid02 .leftbox .swiper_arr{justify-content: center;}
    .sub_0101 .mid02 .leftbox .swiper-pagination2{display: none;}
    .sub_0101 .mid02 .rightbox{width: 100%; height: 300px; z-index: -1;}
    .sub_0101 .mid02 .rightbox img{height: 300px; width: 100%;}

    .sub_0101 .top{flex-direction: column-reverse;}
    .sub_0101 .top .img{width: 100%; margin-top: 30px;}
    .sub_0101 .top .txt{width: 100%;}
    .sub_0101 .top .txt h1{font-size: 40px; margin-bottom: 20px;}
    .sub_0101 .top ul li p span{font-size: 33px;}
    .sub_0101 .top ul{justify-content: space-between;}
    .sub_0101 .top ul li{width: 32%;}
    .sub_0101 .top ul li h3{font-size: 16px;}
    .sub_0101 .top ul li p i{font-size: 12px;}

    .sub_0101 .mid01{margin: 80px auto; flex-direction: column; max-width: 100%;}
    .sub_0101 .mid01 .left{width: 100%; margin-bottom: 30px;}
    .sub_0101 .mid01 .right{width: 100%;}
    .sub_0101 .mid01 .left h2{font-size: 30px;}
    .sub_0101 .mid01 .right h3{margin-top: 0; font-size: 20px; margin-bottom: 20px;}

    .sub_0101 .mid01_2{max-width: 100%; margin: 50px auto;}
    .sub_0101 .mid01_2 h1{margin-bottom: 30px; font-size: 30px;}
    .sub_0101 .mid01_2 .cont h2{font-size: 20px; margin-bottom: 20px;}
    .sub_0101 .mid02 .leftbox ul li h4>br{display: none;}

    .sub_0101 .mid03{margin: 50px auto;}
    .sub_0101 .mid03 h1{margin-bottom: 30px; font-size: 30px;}

    .sub_0101 .mid04_bg{padding: 50px 0;}
    .sub_0101 .mid04 h1{margin-bottom: 30px; font-size: 30px;}

    .sub_0101 .mid04 .in{flex-direction: column;}
    .sub_0101 .mid04 .in .img{width: 100%; margin-bottom: 30px;}
    .sub_0101 .mid04 .in .txt{width: 100%;}
    .sub_0101 .mid04 .txt h2{margin-bottom: 30px; font-size: 30px;}
    .sub_0101 .mid04 .txt ul{flex-wrap: wrap;}
    .sub_0101 .mid04 .txt ul li{width: 49%;}
    .sub_0101 .mid04 .txt ul li+li{}
    .sub_0101 .mid04 .txt ul li:nth-child(-n+2){margin-bottom: 20px;}
    .sub_0101 .mid04 .txt ul li .title{margin-bottom: 20px;}
    .sub_0101 .mid04 .txt ul li h3{font-size: 22px;}

    .sub_0501{flex-direction: column; max-width: 100%; margin: 100px auto;}
    .sub_0501 .txt_box{width: 100%; margin-bottom: 30px;}
    .sub_0501 .map_box{width: 100%;}
    .sub_0501 .txt_box h1{margin-top: 0; font-size: 26px; margin-bottom: 20px;}
    .sub_0501 .txt_box h3{font-size: 16px;}
    .sub_0501 .txt_box h4{margin-top: 5px; font-size: 16px;}

    .sub_0101 .top .txt h6{font-size: 16px; margin-bottom: 10px;}
    .sub_0101 .mid01 .top h1{font-size: 36px; margin-left: 0; margin-bottom: 30px;}
    .sub_0101 .mid01 .bot{flex-direction: column;}
    .sub_0101 .mid01 .bot .left{width: 100%;}
    .sub_0101 .mid01 .bot .right{margin-top: 0; width: 100%;}
    .sub_0101 .mid01 .bot .right h4{font-size: 20px;}
    .sub_0101 .mid01 .bot .right p{font-size: 16px;}
    .sub_0101 .mid01_box{margin-bottom: 50px;}
    .sub_0101 .mid01_box .absol_01{bottom: 0px; width: 70%; right: -20px;}
    .sub_0101 .mid01_2 .top h1{font-size: 36px; margin-bottom: 30px;}
    .sub_0101 .mid01_2 .top .cont h2{font-size: 20px;}
    .sub_0101 .mid01_2 .top .cont p{font-size: 16px; padding-left: 5px;}
    .sub_0101 .mid01_2::before{width: 110%; left: -5%; top: 250px;}

    .sub_0101 .mid01_2 .bot{margin-top: 80px;}
    .sub_0101 .mid01_2 .bot h1{font-size: 36px; margin-bottom: 30px;}
    .sub_0101 .mid01_2 .bot h4{font-size: 20px;}
    .sub_0101 .mid01_2 .bot p{font-size: 16px;}
    .sub_0101 .mid01_2 .absol_02{top: inherit; right: 0; bottom: 30px; width: 35%;}

    .sub_0101 .mid04{margin: 80px auto 0;}
    .sub_0101 .mid04 h2{font-size: 16px;}
    .sub_0101 .mid04 .in .img{margin-right: 0; }
    .sub_0101 .mid04 .txt ul li+li{margin-left: 0;}
    .sub_0101 .mid04 .txt{margin-bottom: 80px;}

    .sub_0101 .mid05{width: 110%; margin-left: -5%; padding: 80px 0;}
    .sub_0101 .mid05 .inner05 h1{font-size: 40px;}
    .sub_0101 .mid05 .inner05 ul{flex-direction: column; margin-top: 150px;}
    .sub_0101 .mid05 .inner05 ul li{width: 100%;}
    .sub_0101 .mid05 .inner05 ul li+li{margin-top: 50px;}
    .sub_0101 .mid05 .inner05 ul li h2{font-size: 16px;}
    .sub_0101 .mid05 .inner05 ul li h3{font-size: 24px; margin: 30px 0 10px 0;}
    .sub_0101 .mid05 .inner05 ul li p{font-size: 16px;}
    .sub_0101 .mid06{margin: 80px 0;}
    .sub_0101 .mid06 .top h1{font-size: 26px;}
    .sub_0101 .mid06 .bot .in{flex-direction: column;}
    .sub_0101 .mid06 .bot .in .left{width: 100%; padding: 20px; box-sizing: border-box;}
    .sub_0101 .mid06 .bot .in .right{width: 100%;}
    .sub_0101 .mid06 .bot .in .left h2{font-size: 30px; margin-bottom: 20px;}
    .sub_0101 .mid06 .bot .in .left a{font-size: 16px; margin-top: 30px;}
    .sub_0101 .mid_bot img{height: 50px;}
    .sub_0101 .mid_bot h2{font-size: 20px; margin-top: 30px;}
    .sub_0101 .mid_bot{margin-bottom: 80px;}
}

@media(max-width: 800px){
    .mo_hide{display: none;}

}