@charset "utf-8";

/* 내용관리 */
#ctt {margin:0;padding-bottom: 100px; position: relative;}
.ctt_admin {text-align:right; position: absolute;right: 50px ; z-index: 1; }
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding: 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

/* 공통 */
.content-wrap { overflow: hidden; }
.content-wrap.bg { width: 100%; background: #AC885D; padding: 80px 0; position: relative; }
.content-inner.posr { position: relative; z-index: 1; }


/* 이미지 & 텍스트 */
.content-inner { width: 1160px; margin: auto; }
.content-inner > .bete-wrap { display: flex; justify-content: space-between; width: 100%; }
.content-inner > .bete-wrap.mt-80 { margin-top: 80px; }
.content-inner > .bete-wrap > .img-box { width: 565px; height: 400px; position: relative; }
.content-inner > .bete-wrap > .img-box.order2 { order: 2; }
.content-inner > .bete-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .bete-wrap > .txt-box { width: 565px; }
.content-inner > .bete-wrap > .txt-box > .sub-title { margin-bottom: 20px; font-weight: 600; }
.content-inner > .bete-wrap > .txt-box > .title { font-weight: 500; margin-bottom: 20px; letter-spacing: -0.05em; }
.content-inner > .bete-wrap > .txt-box > .desc { padding-top: 20px; border-top: 1px solid #eaeaea; font-weight: 400; letter-spacing: -0.05em; }
.content-inner > .bete-wrap > .txt-box > .desc.fw-700 { font-weight: 700; }
.content-inner > .bete-wrap > .txt-box > .logo-box { margin-top: 50px; display: flex; align-items: center; flex-wrap: wrap; }
.content-inner > .bete-wrap > .txt-box > .logo-box > li { margin-right: 10px; }
.content-inner > .bete-wrap > .txt-box > .logo-box > li:last-child { margin-right: 0; }

/* one */
.content-inner > .one-wrap { width: 100%; }
.content-inner > .one-wrap > .img-box { width: 100%; height: 650px; position: relative; }
.content-inner > .one-wrap.h400 > .img-box { height: 400px; }
.content-inner > .one-wrap > .img-box > img,
.content-inner > .one-wrap > .img-box > iframe,
.content-inner > .one-wrap > .img-box > video { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }


/* two img */
.content-inner > .two-img-wrap { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.content-inner > .two-img-wrap.mt-80 { margin-top: 80px; }
.content-inner > .two-img-wrap > .img-box { width: 565px; height: 400px; position: relative; }
.content-inner > .two-img-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

/* two */
.content-inner > .two-wrap { display: flex; justify-content: space-between; width: 100%; }
.content-inner > .two-wrap.mt-80 { margin-top: 80px; }
.content-inner > .two-wrap > div { width: 565px; }
.content-inner > .two-wrap > div > .img-box { width: 100%; height: 400px; position: relative; }
.content-inner > .two-wrap > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .two-wrap > div > .img-box > div { position: absolute; left: 0; width: 100%; bottom: 0; height: 53px; display: flex; justify-content: center; align-items: center; text-align: center; }
.content-inner > .two-wrap > div > .img-box > div.before { background: #AC885D; }
.content-inner > .two-wrap > div > .img-box > div.after { background: #2B3032; }
.content-inner > .two-wrap > div > .txt-box { margin-top: 30px; }
.content-inner > .two-wrap > div > .txt-box > .title { font-weight: 500; }
.content-inner > .two-wrap > div > .txt-box > .desc { margin-top: 10px; font-weight: 400; }


/* three */
.content-inner > .three-wrap { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; }
.content-inner > .three-wrap.mt-50 { margin-top: 50px; }
.content-inner > .three-wrap.mt-80 { margin-top: 80px; }
.content-inner > .three-wrap > div { width: 367px; }
.content-inner > .three-wrap > div:nth-child(4),
.content-inner > .three-wrap > div:nth-child(5),
.content-inner > .three-wrap > div:nth-child(6) { margin-top: 50px; }
.content-inner > .three-wrap > div > .img-box { width: 100%; height: 367px; position: relative; }
.content-inner > .three-wrap > div > .img-box.h258 { height: 258px; }
.content-inner > .three-wrap > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .three-wrap > div > .txt-box { margin-top: 30px; }
.content-inner > .three-wrap > div > .txt-box > .title { font-weight: 500; letter-spacing: -0.05em; }
.content-inner > .three-wrap > div > .txt-box > .desc { margin-top: 10px; font-weight: 400; letter-spacing: -0.05em; }

/* three-in-txt-wrap */
.content-inner > .three-in-txt-wrap { display: flex; justify-content: space-between; align-items: center; }
.content-inner > .three-in-txt-wrap.mt-80 { margin-top: 80px; }
.content-inner > .three-in-txt-wrap > .text-wrap { background: #AC885D; width: 367px; height: 203px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.content-inner > .three-in-txt-wrap > .text-wrap > .title { font-weight: 500; }
.content-inner > .three-in-txt-wrap > .text-wrap > .desc { font-size: 24px; margin-top: 10px; font-weight: 400; }

/* four circle */
.content-inner > .four-wrap { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.content-inner > .four-wrap > .circle { width: 267px; height: 267px; background: #f9f9f9; border-radius: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }
.content-inner > .four-wrap > .circle > .title { font-size: 24px; font-weight: 500; }

/* four rec */
.content-inner > .four-wrap > .rec { width: 267px; }
.content-inner > .four-wrap > .rec > .img-box { width: 100%; height: 267px; position: relative; }
.content-inner > .four-wrap > .rec > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .four-wrap > .rec > .txt-box { margin-top: 30px; }
.content-inner > .four-wrap > .rec > .txt-box > .title { font-weight: 500; }




/*  */
.content-inner > .text-wrap { margin-bottom: 40px; }
.content-inner > .text-wrap.mt-80 { margin-top: 100px; }
.content-inner > .text-wrap > .sub-title { margin-bottom: 20px; font-weight: 600; }
.content-inner > .text-wrap > .title { font-weight: 500; }
.content-inner > .text-wrap > .desc {  font-weight: 400; letter-spacing: -0.05em; margin-top: 10px; }


.content-inner > .desc-wrap { margin-top: 30px; }
.content-inner > .desc-wrap.mt-50 { margin-top: 50px; }
.content-inner > .desc-wrap > .title { font-weight: 500; }
.content-inner > .desc-wrap > .desc.font-head5 { margin-top: 30px; font-weight: 300; font-size: 24px; }
.content-inner > .desc-wrap > .desc.font-head5:first-child { margin-top: 0; }
.content-inner > .desc-wrap > .desc.font-head5 span { font-weight: 600; color: #000; }


/* slide 동글뱅이 */
.content-inner .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; background: #D6D6D6; opacity: 1; }
.content-inner .swiper-pagination .swiper-pagination-bullet-active { background: #AF8655; }

/* slide1 */
.content-inner > .sub-slide-1 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-1 .swiper-slide { width: 367px; height: 450px; position: relative; box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.3); }
.content-inner > .sub-slide-1 .swiper-slide > .slide-img { width: 100%; height: 258px; position: relative; }
.content-inner > .sub-slide-1 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .sub-slide-1 .swiper-slide > .slide-txt { width: 100%; height: 192px; padding: 30px 30px 0 30px; background: #fff; }
.content-inner > .sub-slide-1 .swiper-slide > .slide-txt > .title { font-weight: 500; }
.content-inner > .sub-slide-1 .swiper-slide > .slide-txt > .desc { font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }

/* slide2 */
.content-inner > .sub-slide-2 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-2 .swiper-slide { width: 367px; height: 450px; position: relative; box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.3); }
.content-inner > .sub-slide-2 .swiper-slide > .slide-img { width: 100%; height: 180px; position: relative; }
.content-inner > .sub-slide-2 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .sub-slide-2 .swiper-slide > .slide-txt { width: 100%; height: 270px; padding: 30px 30px 0 30px; background: #fff; }
.content-inner > .sub-slide-2 .swiper-slide > .slide-txt > .title { font-weight: 500; }
.content-inner > .sub-slide-2 .swiper-slide > .slide-txt > .desc { font-weight: 400; margin-top: 20px; }

/* slide3 */
.content-inner > .sub-slide-3 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-3 .swiper-slide { width: 367px; height: 367px; position: relative; background: #AC885D; }
.content-inner > .sub-slide-3 .swiper-slide > .slide-txt { padding: 40px; }
.content-inner > .sub-slide-3 .swiper-slide > .slide-txt > .title { font-weight: 500; }
.content-inner > .sub-slide-3 .swiper-slide > .slide-txt > .desc { font-weight: 400; margin-top: 20px; }



/* 0101 */
.content-inner > .in-0101 { display: flex; justify-content: space-between; }
.content-inner > .in-0101 > .img-box { width: 566px; height: 550px; position: relative; }
.content-inner > .in-0101 > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .in-0101 > div > .img-box { width: 566px; height: 260px; position: relative; margin-bottom: 30px; }
.content-inner > .in-0101 > div > .img-box:last-child { margin-bottom: 0; }
.content-inner > .in-0101 > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

/* 0102 */
.content-inner > .bete-wrap-0102 { display: flex; justify-content: space-between; width: 100%; }
.content-inner > .bete-wrap-0102 > .img-box { width: 565px; height: 740px; position: relative; }
.content-inner > .bete-wrap-0102 > .img-box.order2 { order: 2; }
.content-inner > .bete-wrap-0102 > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .bete-wrap-0102 > .txt-box { width: 565px; }
.content-inner > .bete-wrap-0102 > .txt-box > .sub-title { margin-bottom: 20px; font-weight: 600; }
.content-inner > .bete-wrap-0102 > .txt-box > .title { font-weight: 500; }
.content-inner > .bete-wrap-0102 > .txt-box > .desc { margin-top: 25px; font-weight: 400; letter-spacing: -0.05em; }
.content-inner > .bete-wrap-0102 > .txt-box > .logo-box { margin-top: 50px; display: flex; align-items: center; flex-wrap: wrap; }
.content-inner > .bete-wrap-0102 > .txt-box > .logo-box > li { margin-right: 10px; }
.content-inner > .bete-wrap-0102 > .txt-box > .logo-box > li:last-child { margin-right: 0; }

.content-inner > .four-0102-wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.content-inner > .four-0102-wrap > .img-box { width: 267px; height: 350px; position: relative; margin-top: 80px; }
.content-inner > .four-0102-wrap > .img-box:nth-child(1),
.content-inner > .four-0102-wrap > .img-box:nth-child(2),
.content-inner > .four-0102-wrap > .img-box:nth-child(3),
.content-inner > .four-0102-wrap > .img-box:nth-child(4) { margin-top: 0; }
.content-inner > .four-0102-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.content-inner > .four-0102-wrap.short { margin-top: 80px; }
.content-inner > .four-0102-wrap.short > .img-box { width: 366px; height: 267px; position: relative; }
.content-inner > .four-0102-wrap.short > .img-box:nth-child(4) { margin-top: 80px; }

/* 0301 */
/* slide4 */
.content-inner > .sub-slide-4 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-4 .swiper-slide { width: 367px; height: 413px; position: relative; box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.3); }
.content-inner > .sub-slide-4 .swiper-slide > .slide-img { width: 100%; height: 269px; position: relative; }
.content-inner > .sub-slide-4 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .sub-slide-4 .swiper-slide > .slide-txt { width: 100%; height: 144px; padding: 30px 30px 0 30px; background: #fff; }
.content-inner > .sub-slide-4 .swiper-slide > .slide-txt > .title { font-weight: 500; }
.content-inner > .sub-slide-4 .swiper-slide > .slide-txt > .desc { font-weight: 400; margin-top: 10px; letter-spacing: -0.05em; }


/* 0402 */
/* slide5 */
.content-inner > .sub-slide-5 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-5 .swiper-slide { width: 367px; height: 450px; position: relative; box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.3); }
.content-inner > .sub-slide-5 .swiper-slide > .slide-img { width: 100%; height: 258px; position: relative; }
.content-inner > .sub-slide-5 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .sub-slide-5 .swiper-slide > .slide-txt { width: 100%; height: 192px; padding: 30px 30px 0 30px; background: #fff; }
.content-inner > .sub-slide-5 .swiper-slide > .slide-txt > .title { font-weight: 500; }
.content-inner > .sub-slide-5 .swiper-slide > .slide-txt > .desc { font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }

/* 0403 */
/* slide6 */
.content-inner > .sub-slide-6 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-6 .swiper-slide { width: 367px; height: 450px; position: relative; box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.3); }
.content-inner > .sub-slide-6 .swiper-slide > .slide-img { width: 100%; height: 258px; position: relative; }
.content-inner > .sub-slide-6 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }
.content-inner > .sub-slide-6 .swiper-slide > .slide-txt { width: 100%; height: 192px; padding: 30px 30px 0 30px; background: #fff; }
.content-inner > .sub-slide-6 .swiper-slide > .slide-txt > .title { font-weight: 500; }
.content-inner > .sub-slide-6 .swiper-slide > .slide-txt > .desc { font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }

.m-br { display: none; }




/* full */
.content-wrap.bg .full-wrap > .title { font-weight: 500; }
.content-wrap.bg .full-wrap > div { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; margin-bottom: 30px; }
.content-wrap.bg .full-wrap > div.m-br { display: none; }
.content-wrap.bg .full-wrap > div > div { background: #fff; border-radius: 20px; width: 270px; height: 90px; display: flex; justify-content: center; align-items: center; }
.content-wrap.bg .full-wrap > span { font-weight: 300; }


.content-wrap.bg .full-wrap2 { margin-top: 80px; }
.content-wrap.bg .full-wrap2 > .title { font-weight: 500; }
.content-wrap.bg .full-wrap2 > div { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; margin-bottom: 30px; }
.content-wrap.bg .full-wrap2 > div > div { background: #fff; border-radius: 10px; width: 565px; height: 200px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.content-wrap.bg .full-wrap2 > div > div > .sub-title { font-weight: 500; margin-bottom: 10px; }
.content-wrap.bg .full-wrap2 > div > div > .title { font-size: 24px; font-weight: 500; }
.content-wrap.bg .full-wrap2 > div > div > .desc { font-weight: 300; margin-top: 10px; }
.content-wrap.bg .full-wrap2 > span { font-weight: 300; }

.content-wrap.bg > .ab-img { position: absolute; right: -300px; top: 0; }
.content-wrap.bg > .ab-img > img { opacity: 0.1; }


/* slide7 */
.content-inner > .sub-slide-7 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-7 > .text-wrap { margin-bottom: 30px; }
.content-inner > .sub-slide-7 > .text-wrap > .title { font-weight: 500; }
.content-inner > .sub-slide-7 .swiper-slide { width: 367px; height: 150px; position: relative; box-shadow: 2px 2px 20px -5px rgba(0,0,0,0.3); background: #f9f9f9; border-radius: 10px; display: flex; justify-content: center; align-items: center; }
.content-inner > .sub-slide-7 .swiper-slide > .slide-txt { width: 100%; padding: 30px; }
.content-inner > .sub-slide-7 .swiper-slide > .slide-txt > .sub-title { margin-bottom: 10px; font-weight: 400; }
.content-inner > .sub-slide-7 .swiper-slide > .slide-txt > .title { font-weight: 500; }