.sec {
    position:relative;
    overflow: hidden;
}

.sec .titleWrap {
    position:absolute;
    right:40px;
    bottom: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
    z-index: 10;
}
@media (max-width: 1100px) {
.sec .titleWrap {    display: none;}
}
.sec .titleWrap>* {
    position:relative;
}

.sec .titleWrap .circle {
    position:absolute;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #a18206;
    top:-30px;
    transition: all .5s;
}

.sec .titleWrap:hover .circle {
    height: calc(100% - 135px + 30px);
    border-radius: 300px;
}

.sec .titleWrap .t {
    margin-bottom: 25px;
}

.sec .titleWrap hr {
    display: flex;
    width: 1px;
    height: 135px;
    background-color: #a18206;
}

.sec .titleWrap.white hr {
    background-color: #fff;
}

.visualWrap {	width: 100%; position: relative; overflow: hidden;    height: 950px;}

.visualWrap .bgWrap {
    width: 100%;
    height: 100%;
	position: relative;
	overflow: hidden;
}
.visualWrap .bgWrap img { width: 1920px; max-width: inherit; position: relative; left: 50%; margin-left: -960px; transform: scale(1.1); transition: all 4s;}
.visualWrap .swiper-slide-active .bgWrap img {transform: scale(1);}

.visualWrap .textWrap {
    position: absolute;
    top: 150px;
    width: 100%;
    display: flex;
    justify-content: center;  /* 수평 가운데 정렬 */
    align-items: center;       /* 수직 정렬 (필요 시) */
    z-index: 2;
}
.visualWrap .textWrap img { position: relative; top: 100px; opacity: 0; transition: all 1s;}
.visualWrap .swiper-slide-active .textWrap img { top: 0px; opacity: 1;}

.visualWrap .posWrap {
    position:absolute;
    right: 40px;
    z-index: 100;
    display: flex;
    flex-flow: column;
    gap:20px 0;
}

.visualWrap .posWrap a {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    transition:all .5s;
    border:1px solid #192447;
}

.visualWrap .posWrap a.active {
    background-color: #192447;
}

.visualWrap .scroll {
    position:absolute;
    right:65px;
    bottom: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.visualWrap a {
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.visualWrap .scroll .s1 {
    animation:rotateLoop 5s infinite linear;
}

.visualWrap .scroll .s2 {
    animation: upDownLoop 1.5s infinite;
    position:absolute;
}

.visualWrap .arrowsWrap {
    position:absolute;
    bottom: 50px;
    left: 50px;
    display: flex;
    align-items: center;
    gap: 0 10px;
    z-index: 10;
}

.sec1Wrap {
    /* background: #fff url(../images/main/bg_sec1.png) no-repeat left center/auto 100%; */
    display: flex;
    align-items: center;
    justify-content: center;
    height: 949px;
}

.sec1Wrap .prevSlideWrap {
    position:absolute;
    top:0;
    left:0;
    width: 200px;
    overflow: hidden;
    opacity: .5;
    height: 100%;
}

.sec1Wrap .prevSlideWrap .swiper-container {
    height: 100%;
}

.sec1Wrap .prevSlideWrap .swiper-slide {
    opacity: 0 !important;
    transition: all 1s;
}

.sec1Wrap .prevSlideWrap .swiper-slide-active {
    opacity: 1 !important;
}

.sec1Wrap .contWrap {
    display: flex;
    align-items: center;
	width: 100%;
	height: 100%;
}

.sec1Wrap .contWrap .leftWrap {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
	width: 50%;
	height: 100%;
    position:relative;
    z-index: 10;
}

.sec1Wrap .contWrap .leftWrap .leftBottomWrap {
    display: flex;
    gap:0 315px;
}

.sec1Wrap .contWrap .leftWrap .posWrap {
    display: 100%;
    width: 949px;
	height: 100px;
	border-top: 1px solid #ccc;
    gap:90px 0;
	position: absolute;
	text-align: center;
	top: 425px; left: -425px; transform: rotateZ(90deg);
}

.sec1Wrap .contWrap .leftWrap .posWrap a {
    display: inline-block;
	margin: 30px 40px;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
    position:relative;
}
.sec1Wrap .contWrap .leftWrap .posWrap a.active { color: #987a02}
.sec1Wrap .contWrap .leftWrap .posWrap a.active::after { width: 100%; height: 2px; background: #987a02; position: absolute; top: -30px; left: 0; content: '';}
.sec1Wrap .contWrap .leftWrap .posWrap a img {
    transition: all 1s;;
}

.sec1Wrap .contWrap .leftWrap .posWrap a img:last-child {
    position:absolute;
}

.sec1Wrap .contWrap .leftWrap .posWrap a:not(.active) img:last-child,
.sec1Wrap .contWrap .leftWrap .posWrap a.active img:first-child {
    opacity: 0;
}

.sec1Wrap .contWrap .leftWrap .textWrap {
    width: calc(100% - 100px);
    position:absolute;
	top: 50%;
	left: 100px;
	transform: translate(0%, -50%);
	
}
.sec1Wrap .contWrap .leftWrap .textWrap .swiper-slide { display: flex;align-items: center;	justify-content: center;}



.sec1Wrap .contWrap .rightWrap {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position:relative;
}

.sec1Wrap .contWrap .rightWrap .bgWrap,
.sec1Wrap .contWrap .rightWrap .bgWrap .swiper-container {
    height: 100%;
}
.sec1Wrap .contWrap .rightWrap .bgWrap .swiper-container img{ max-width: inherit; position: relative; left: 50%; transform: translateX(-50%);}
.sec1Wrap .contWrap .rightWrap .arrowsWrap {
    position:absolute;
    bottom: 0;
    left:0;
    display: flex;
    align-items: center;
    z-index: 100;
}

.sec2Wrap {
    height: 980px;
    /* background: url(../images/main/bg_sec2.png) no-repeat center/cover; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec2Wrap .bgWrap {
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.sec2Wrap .contWrap {
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    max-width: 100%;
    width: 1400px;
    gap:460px 0;
    position:relative;
}

.sec3Wrap {
    height: 980px;
    background: url(../images/main/bg_sec3.png) no-repeat center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec3Wrap .contWrap {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    max-width: 100%;
    width: 920px;
}

.sec3Wrap .contWrap .topWrap {
    margin-bottom: 40px;
}

.sec3Wrap .contWrap .middleWrap {
    height: 480px;
    position:relative;
    margin-bottom: 50px;
    width: 100%;
}

.sec3Wrap .contWrap .middleWrap .swiper-container {
    height: 100%;
}

.sec3Wrap .contWrap .middleWrap .swiper-slide {
    opacity: .5 !important;
    transition: all 1s;
}

.sec3Wrap .contWrap .middleWrap .swiper-slide-active {
    opacity: 1 !important;
}

.sec3Wrap .contWrap .middleWrap .arrowsWrap {
    position:absolute;
    bottom: 0%;
    right: 0;
    display: flex;
    align-items: center;
    z-index: 10;
}

.sec3Wrap .contWrap .bottomWrap {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
}

.sec3Wrap .contWrap .bottomWrap .textWrap {
    width: calc(100% - 92px);
}

.sec3Wrap .contWrap .bottomWrap .textWrap .swiper-slide {
    opacity: 0 !important;
    transition: all 1s;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.sec3Wrap .contWrap .bottomWrap .textWrap .swiper-slide-active {
    opacity: 1 !important;
}
.sec3Wrap .btn1 { position: absolute; top: 0; right: 0;}
.sec4Wrap {
    height: 980px;
}

.sec4Wrap .contWrap {
    width: 100%;
    height: 100%;
    display: flex;
}

.sec4Wrap .contWrap .leftWrap {
    display: flex;
    flex-flow: column;
    align-items: center;
    height: 100%;
    background: url(../images/main/bg_sec4.png) no-repeat center/cover;
    width: 50%;
    justify-content: center;
}

.sec4Wrap .contWrap .leftWrap .text1 {
    margin-bottom: 30px;
}

.sec4Wrap .contWrap .leftWrap .image1 {
    position:relative;
    margin-bottom: 58px;
}

.sec4Wrap .contWrap .leftWrap .image1 .btn1 {
    position:absolute;
    right: -78px;
    bottom: -50px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec4Wrap .contWrap .leftWrap .image1 .btn1 .b1 {
    animation: rotateLoop 5s infinite linear;
}

.sec4Wrap .contWrap .leftWrap .image1 .btn1 .b2 {
    position:absolute;
}

.sec4Wrap .contWrap .leftWrap .text3 {
    margin-bottom: 82px;
}

.sec4Wrap .contWrap .leftWrap .btnsWrap {
    display: flex;
    align-items: center;
    gap:0 26px;
}

.sec4Wrap .contWrap .rightWrap {
    display: flex;
    flex-flow: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    width: 50%;
}

.sec4Wrap .contWrap .rightWrap .text2 {
    margin-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    width: 500px;
}

.sec4Wrap .contWrap .rightWrap .image3 {
    margin-bottom: 33px;
}

.sec4Wrap .contWrap .rightWrap .linkWrap {
    display: flex;
    flex-flow: column;
    width: 500px;
}

.sec4Wrap .contWrap .rightWrap .linkWrap>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec4Wrap .contWrap .rightWrap .linkWrap>div:first-child {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}

.sec5Wrap {    height: 950px; width: 100%; position: relative; overflow: hidden;}
.sec5Wrap .swiper-container { width: 100%; position: relative;}
.sec5Wrap .swiper-slide img{ max-width: inherit; position: relative; left: 50%; margin-left: -960px;}
.sec5Wrap .text1 { position: absolute; top: 145px; left: 50%; margin-left: -700px; z-index: 10;}
.sec5Wrap .text2 { position: absolute; top: 670px; left: 50%; margin-left: -700px; z-index: 10;}
.sec5Wrap .nth1 { width: 217px; height: 217px; display: block; position: absolute; top: 625px; left: 50%; margin-left: 260px; z-index: 2;}
.sec5Wrap .nth2 { width: 217px; height: 217px; display: block; position: absolute; top: 625px; left: 50%; margin-left: 480px; z-index: 2;}

.sec6Wrap { height: 950px; background: #ded8d1; width: 100%; overflow: hidden;}
.sec6Wrap .bg { max-width: inherit; position: absolute; bottom: 0; left: 50%; margin-left: -960px;}
.sec6Wrap .swiper-container { width: 1300px; padding-right: 50px; padding-bottom: 40px; position: absolute; top: 225px; left: 50%; margin-left: -330px; z-index: 1; text-align: center; overflow: hidden;}
.sec6Wrap .swiper-slide { width: 400px; height: 533px; background: #fff; position: relative; overflow: hidden; box-shadow: 20px 20px 20px rgba(160, 153, 146,.3) }
.sec6Wrap .swiper-slide a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: flex-end;}