@charset "utf-8";
#content_floor.pad120 {padding: 0 0 120px;}
.con-tit__top p {font-size: 30px; color: #333; margin-left: -3px;     font-weight: 400;}
.con-tit__top h2 {font-size: 50px; font-weight: 400; color: #333; margin-left: -5px; margin-bottom: 30px;}
.con-tit__top h2 .color1 {color: #6A833B; font-weight: 400;}
.con-tit__top .line {display: block; width: calc(100% - 50px); height: 2px; background: #c7ceb9;}
.con-tit__btm h3 {font-size: 16px; font-weight: 400; letter-spacing: 1em; color: #c7ceb9; padding-left: 0.25em; margin: 70px 0 30px; }
.con-tit__btm p {font-size: 14px; line-height: 25px; font-weight: 400; color: #666; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 95px;}
.con-tit__btm p .reg {font-weight: 600; color: #222;}
.con-tit__btm .reserv-btn {display: inline-block; width: 120px; height: 40px; line-height: 38px; font-size: 14px; letter-spacing: 0.05em; border: 1px solid #c7ceb9; color: #c7ceb9; text-align: center; transition: .3s;}
.con-tit__btm .reserv-btn:hover {background: #6A833B; color: #fff;}
@media (max-width: 1024px){
    #content_floor.pad120 {padding: 0 0 10vw;}
    .con-tit__top {text-align: center;}
    .con-tit__top p {font-size: 30px; margin-left: 0;}
    .con-tit__top h2 {font-size: 40px; margin-left: 0; margin-bottom: 20px;}
    .con-tit__top .line {width: 100%;}
    .con-tit__btm {text-align: center;}
    .con-tit__btm h3 {font-size: 16px; margin: 8.5vw 0 4vw;}
    .con-tit__btm p {font-size: 16px; margin-bottom: 13vw; line-height: 4.8vw;}
    .con-tit__btm p .reg {font-weight: 400; color: #666;}
    .con-tit__btm .reserv-btn {width: 28vw; height: 5.3vw; line-height: 5.2vw; font-size: 2.6vw;}
}
.con-box {margin-top: 100px; position: relative; height: 500px;}
.imgbox {width: calc(100% / 3 - 20px); position: absolute; z-index: 1;}
.imgbox img {width: 100%; object-fit: cover;}
.img1 {right: 0; bottom: 100%;}
.img2 {right: 50%; bottom: calc(100% - 250px); transform: translateX(50%);}
.img3 {left: 0; top: 0;}
.img-txt {display: none;}
.logobox {text-align: right; position: absolute; right: 0; bottom: 12px; padding-bottom: 40px;}
.logobox:after {content: ''; position: absolute; right: -50px; bottom: 0; width: 660px; height: 725px;/*  border: 1px solid #C5CEB2; */}
.logobox img {width: 148px; height: auto; object-fit: cover;}
.logobox .popp {font-size: 14px; letter-spacing: 0.5em; color: #6A833B; margin: 70px 0 30px; }
.logobox .lo {font-size: 14px; line-height: 23px; color: #d9d9d9; }
@media (max-width: 1024px){
    .con-box {height: auto; margin-top: 10vw;}
    .imgbox {position: static; width: 60vw;}
    .img1 {padding-top: 14.3vw;}
    .img2 {position: relative; margin-top: -14vw; transform: none; margin-left: auto; border: 2.66vw solid #fff; border-right: none; right: initial;}
    .img2:after {content: ''; position: absolute; left: calc(-40vw + 15px); top: 50%; width: 16vw; height: 1px; background: #c7ceb9;}
    .img3 {position: relative; border: 2.66vw solid #fff; border-left: none; margin-top: -14vw;}
    .img3:after {content: ''; position: absolute; right: calc(-40vw + 15px); top: 50%; width: 16vw; height: 1px; background: #c7ceb9;}
    .img-txt {display: block;}
    .img-txt span {font-size: 1.3vw; font-weight: 300; color: rgba(112,112,112,.5);}
    .img-txt p {font-size: 4vw; font-weight: 300; color: rgba(112,112,112,.5);}
    .img2-txt {position: absolute; left: -27vw; bottom: 28.3vw; transform: rotate(-90deg); }
    .img3-txt {position: absolute; right: -27vw; bottom: 17vw; transform: rotate(90deg);}
    .logobox {top: 0; bottom: initial; padding-bottom: 5.3vw; padding-top: 45vw;}
    .logobox img {width: 19.73vw;}
    .logobox:after {width: 76vw; height: 66.66vw; right: 0; bottom: initial; top: 0; z-index: -1;}
    .logobox .popp, .logobox .lo {display: none;}
}