@charset "utf-8";



.mainCon {width:100%; position:relative; margin:150px auto 0; padding:0;}
.mainCon .inner {width:100%; max-width:1830px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.mainCon .titleArea {width:100%; position:relative; margin:0 auto 60px; padding:0;}
.mainCon .titleArea p,
.mainCon .titleArea a {display:block; width:100%; text-align:center; position:relative; margin:0; padding:0; color:#000; box-sizing:border-box;}
.mainCon .titleArea .t1 {font-size:40px; line-height:46px; font-weight:300;}
.mainCon .titleArea .t1.sm {font-size:2em; line-height:1.2em;}
.mainCon .titleArea .t2 {font-size:15px; line-height:22px; font-weight:500; margin:30px auto 0;}
.mainCon .titleArea .t3 {font-size:16px; line-height:20px; font-weight:500;}
.mainCon .titleArea .t3.ticker {padding:0 0 70px 0;}
.mainCon .titleArea .t3.ticker:after {display:block; content:''; width:1px; height:35px; background:#000; position:absolute; bottom:17.5px; left:50%;}
.mainCon .titleArea .b1 {width:100px; height:18px; font-size:12px; line-height:18px; font-weight:500; margin:40px auto 0;}
.mainCon .titleArea .img {position:relative; text-align:center;}
.mainCon .titleArea .img img {max-width:100%; vertical-align:top;}


@media screen and (max-width:1280px){
  .mainCon {margin:120px auto 0;}
  .mainCon .titleArea {margin:0 auto 50px;}
  .mainCon .titleArea .t1 {font-size:34px; line-height:40px;}
}

@media screen and (max-width:1080px){
  .mainCon {margin:100px auto 0;}
  .mainCon .titleArea {margin:0 auto 45px;}
  .mainCon .titleArea .t1 {font-size:30px; line-height:34px;}
  .mainCon .titleArea .t2 {font-size:14px; line-height:21px; margin:25px auto 0;}
  .mainCon .titleArea .t3 {font-size:15px;}
  .mainCon .titleArea .t3.ticker {padding:0 0 50px 0;}
  .mainCon .titleArea .t3.ticker:after {height:30px; bottom:10px;}
  .mainCon .titleArea .b1 {margin:30px auto 0;}
}

@media screen and (max-width:768px){
  .mainCon {margin:70px auto 0;}
  .mainCon .titleArea {margin:0 auto 40px;}
  .mainCon .titleArea .t1 {font-size:26px; line-height:30px;}
  .mainCon .titleArea .t3.ticker {padding:0 0 40px 0;}
  .mainCon .titleArea .t3.ticker:after {height:20px; bottom:10px;}
}

@media screen and (max-width:640px){
  .mainCon {margin:60px auto 0;}
  .mainCon .titleArea {margin:0 auto 35px;}
  .mainCon .titleArea .t1 {font-size:24px; line-height:28px;}
  .mainCon .titleArea .t1.sm {font-size:1.3em; line-height:1.2em;}
  .mainCon .titleArea .t2 {font-size:13px; line-height:20px; margin:20px auto 0;}
  .mainCon .titleArea .t3 {font-size:14px;}
  .mainCon .titleArea .t3.ticker {padding:0 0 30px 0;}
  .mainCon .titleArea .t3.ticker:after {height:15px; bottom:7.5px;}
  .mainCon .titleArea .b1 {margin:25px auto 0;}
}

@media screen and (max-width:480px){
  .mainCon {margin:50px auto 0;}
  .mainCon .titleArea {margin:0 auto 30px;}
  .mainCon .titleArea .t1 {font-size:22px; line-height:24px;}
  .mainCon .titleArea .t1.sm {font-size:1.2em; line-height:1.2em;}
  .mainCon .titleArea .t2 {font-size:12px; margin:15px auto 0;}
  .mainCon .titleArea .t3 {font-size:13px;}
  .mainCon .titleArea .t3.ticker {padding:0 0 20px 0;}
  .mainCon .titleArea .t3.ticker:after {height:10px; bottom:5px;}
  .mainCon .titleArea .b1 {margin:20px auto 0;}
}



/* 메인 최상단 배너 영역 :: S */
.topBannerSliderWrap {max-width:1830px; margin:0 auto; position:relative; padding:0 15px; box-sizing:border-box;}

.topBannerSlider {}
.topBannerSlider .swiper-slide {position:relative; border-radius:15px; overflow:hidden;}
.topBannerSlider .swiper-slide .imgs {width:100%; height:0; position:relative; padding-bottom:56.25%; overflow:hidden; background-size:cover !important; z-index:5;}
.topBannerSlider .swiper-slide .imgs img {width:100%; max-width:10000%; position:relative; display:none !important; opacity:0 !important;}
.topBannerSlider .swiper-slide .imgs img.pc {display:block;}
.topBannerSlider .swiper-slide .imgs img.mo {display:none;}
.topBannerSlider .swiper-slide .mov {width:100%; height:100%; position:absolute; top:0; left:0; z-index:5;}
.topBannerSlider .swiper-slide .mov video {display:block; width:100%; position:relative;}
.topBannerSlider .swiper-slide .txts {width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:10;}
.topBannerSlider .swiper-slide .txts .inner {width:100%; max-width:1730px; height:100%; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}
.topBannerSlider .swiper-slide .txts .disT {}
.topBannerSlider .swiper-slide .txts .disTC {text-align:left; vertical-align:middle; padding:0; box-sizing:border-box;}
.topBannerSlider .swiper-slide .txts p {display:block; position:relative; text-align:center; margin:0; padding:0; text-transform:uppercase;
transition:all 0.8s ease;
-webkit-transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
-ms-transition:all 0.8s ease;
}
.topBannerSlider .swiper-slide .txts .t1 {font-size:26px; line-height:30px; font-weight:600; color:#fff; margin-top:-5%; top:50px; opacity:0;}
.topBannerSlider .swiper-slide.active .txts .t1 {top:0; opacity:1;}

.topBannerSlider .arrows {width:100%; height:42px; position:absolute; top:auto; left:0; top:50%; text-align:center; margin:0 auto; padding:0;}
.topBannerSlider .arrows > * {display:inline-block; position:relative; vertical-align:top; margin:0 20px 0 0; padding:0;}
.topBannerSlider .arrows > *:last-child {margin:0;}

.topBannerSlider .arrows .swiper-arrow {width:22px; height:41px; position:relative; top:auto; left:auto; right:auto; bottom:auto; background-size:cover !important;}
.topBannerSlider .arrows .swiper-arrow:after {display:none;}
.topBannerSlider .arrows .swiper-button-prev {background:url('/public/images/cm_arrow_white_1_left.png') center center no-repeat;}
.topBannerSlider .arrows .swiper-button-next {background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat;}

.topBannerSlider .arrows .swiper-pagination {width:auto; height:42px; padding:14px 0; box-sizing:border-box;}
.topBannerSlider .arrows .swiper-pagination span {width:12px; height:12px; box-sizing:border-box; vertical-align:top; border:2px solid #fff; background:transparent; opacity:1; margin:0 20px 0 0;}
.topBannerSlider .arrows .swiper-pagination span:last-child {margin:0;}
.topBannerSlider .arrows .swiper-pagination span.swiper-pagination-bullet-active {background:#fff;}

.topBannerSliderWrap .toDown {display:block; width:68px; height:42px; position:absolute; bottom:30px; left:50%; margin:0 0 0 -34px; z-index:10;}
.topBannerSliderWrap .toDown img {width:100%; vertical-align:top;}


@media screen and (max-width:1280px){
  .topBannerSlider .arrows {top:56%;}
}

@media screen and (max-width:1080px){
  .topBannerSlider .swiper-slide .txts .t1 {font-size:20px; line-height:26px;}
}

@media screen and (max-width:960px){
  .topBannerSlider .arrows {height:21px;}
  .topBannerSlider .arrows > * {margin:0 10px 0 0;}
  .topBannerSlider .arrows > *:last-child {margin:0;}
  .topBannerSlider .arrows .swiper-arrow {width:11px; height:21px;}
  .topBannerSlider .arrows .swiper-pagination {height:21px; padding:7px 0;}
  .topBannerSlider .arrows .swiper-pagination span {width:8px; height:8px; border:1px solid #fff; margin:0 10px 0 0;}
  .topBannerSlider .arrows .swiper-pagination span:last-child {margin:0;}

  .topBannerSliderWrap .toDown {bottom:15px;}
}

@media screen and (max-width:768px){
  .topBannerSlider .swiper-slide .imgs {padding-bottom:100%;}
  .topBannerSlider .swiper-slide .txts .t1 {font-size:18px; line-height:24px;}

  .topBannerSlider .arrows {top:auto; bottom:90px;}
}

@media screen and (max-width:640px){
  .topBannerSlider .swiper-slide .txts .t1 {font-size:15px; line-height:20px;}

  .topBannerSlider .arrows {bottom:75px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 메인 최상단 배너 영역 :: E */



/* 메인 슬라이드 배너 영역 :: S */
.productSliderWrap {}
.productSliderWrap .inner {}
.productSliderWrap .inner > div {width:100%; position:relative; padding:0 0 0 50%; box-sizing:border-box;}

.productSliderWrap .titleArea {margin:0 auto;}
.productSliderWrap .titleArea .mainPrdTit {position:absolute; top:-9999em; left:-9999em; z-index:1; opacity:0;}
.productSliderWrap .titleArea .mainPrdTit.active {position:relative; top:auto; left:auto;}
.productSliderWrap .titleArea .mainPrdTit.active.view {z-index:5; opacity:1;}

.productSliderWrap .inner ._col {position:relative; margin:0; padding:0; box-sizing:border-box;}

.productSliderWrap .inner ._col.banner {width:100%;}
.productSliderWrap .bestProductSlider {width:100%; position:relative;}
.productSliderWrap .bestProductSlider .swiper-slide {position:relative; border-radius:10px; overflow:hidden;}
.productSliderWrap .bestProductSlider .swiper-slide .img {display:block; width:100%; position:relative;}
.productSliderWrap .bestProductSlider .swiper-slide .img img {width:100%; vertical-align:top;}
.productSliderWrap .bestProductSlider .swiper-slide .desc {width:100%; padding:30px; box-sizing:border-box; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5);}
.productSliderWrap .bestProductSlider .swiper-slide .desc p {display:block; width:100%; text-align:center; font-size:20px; line-height:24px; font-weight:500; color:#fff; margin:0 auto; padding:0;}

.productSliderWrap .bestProductSlider .swiper-arrow {width:13px; height:24px; top:auto; bottom:30px; margin-top:0; background-size:cover !important;}
.productSliderWrap .bestProductSlider .swiper-arrow:after {display:none;}
.productSliderWrap .bestProductSlider .swiper-button-prev {background:url('/public/images/cm_arrow_white_1_left.png') center center no-repeat; left:30px;}
.productSliderWrap .bestProductSlider .swiper-button-next {background:url('/public/images/cm_arrow_white_1_right.png') center center no-repeat; right:30px;}

.productSliderWrap .inner ._col.txt {width:50%; height:100%; position:absolute; top:0; left:0;}
.productSliderWrap .inner ._col.txt .disT {}
.productSliderWrap .inner ._col.txt .disTC {text-align:center; vertical-align:middle; padding:0 15px; box-sizing:border-box;}
.productSliderWrap .inner ._col.txt .t1 {font-weight:500;}
.productSliderWrap .inner ._col.txt .t2 {}
.productSliderWrap .inner ._col.txt .t3 {}
.productSliderWrap .inner ._col.txt .arrows {width:46px; height:24px; position:relative; overflow:hidden; margin:40px auto 0;}
.productSliderWrap .inner ._col.txt .arrows a {display:block; float:left; width:13px; height:24px; position:relative;}
.productSliderWrap .inner ._col.txt .arrows a img {width:100%; vertical-align:top;}
.productSliderWrap .inner ._col.txt .arrows .next {float:right;}


.productSliderWrap.renew._1 .inner > div {padding:0 50% 0 0;}
.productSliderWrap.renew._1 .inner ._col.txt {left:auto; right:0;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .productSliderWrap .inner ._col.txt .arrows {margin:30px auto 0;}
}

@media screen and (max-width:960px){
	.productSliderWrap .inner > div {padding:0;}

	.productSliderWrap .bestProductSlider .swiper-slide .desc {padding:20px 30px;}
	.productSliderWrap .bestProductSlider .swiper-slide .desc p {font-size:16px; line-height:20px;}

	.productSliderWrap .bestProductSlider .swiper-arrow {bottom:18px;}

	.productSliderWrap .inner ._col.txt {width:100%; position:relative; top:auto; left:auto; margin:60px auto 0;}

	.productSliderWrap.renew._1 .inner > div {padding:0;}
	.productSliderWrap.renew._1 .inner ._col.txt {left:auto; right:auto;}
}

@media screen and (max-width:768px){
  .productSliderWrap .bestProductSlider .swiper-slide .desc {padding:15px 20px;}
  .productSliderWrap .bestProductSlider .swiper-slide .desc p {font-size:14px; line-height:20px;}

  .productSliderWrap .bestProductSlider .swiper-arrow {bottom:12px;}
  .productSliderWrap .bestProductSlider .swiper-button-prev {left:20px;}
  .productSliderWrap .bestProductSlider .swiper-button-next {right:20px;}

  .productSliderWrap .inner ._col.txt {margin:50px auto 0;}
  .productSliderWrap .inner ._col.txt .arrows {margin:25px auto 0;}
}

@media screen and (max-width:640px){
  .productSliderWrap .inner ._col.txt {margin:40px auto 0;}
  .productSliderWrap .inner ._col.txt .arrows {margin:20px auto 0;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 메인 슬라이드 배너 영역 :: E */



/* 메인 work 리스트 영역 :: S */
.workListWrap {padding:150px 0; background:url('/public/renew202512/images/main/cm_main_sec2_bg_1.jpg') center center no-repeat; background-size:cover !important;}

.workListWrap .workList {width:100%; max-width:1640px; position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.workListWrap .workList ul {display:flex; gap:10px; flex-direction:row; flew-wrap:wrap; justify-content:center; align-items:center; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.workListWrap .workList ul li {display:block; width:50%; position:relative; text-align:center; margin:0; padding:0; box-sizing:border-box;}
.workListWrap .workList ul li .thumbnail {display:inline-block; width:100%; max-width:750px; position:relative; vertical-align:middle; margin:0 auto; padding:0; box-sizing:border-box; border-radius:15px; overflow:hidden;}
.workListWrap .workList ul li .thumbnail img {max-width:100%;}
.workListWrap .workList ul li .thumbnail .wall {display:flex; align-items:center; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); z-index:3;}
.workListWrap .workList ul li .thumbnail .wall p {display:block; position:relative; text-align:center; margin:0 auto; padding:0; box-sizing:border-box; font-size:40px; line-height:46px; font-weight:700; color:#fff;}


@media screen and (max-width:1280px){
  .workListWrap {padding:120px 0;}

  .workListWrap .workList {margin:80px auto 0;}
}

@media screen and (max-width:1080px){
  .workListWrap {padding:100px 0;}

  .workListWrap .workList {margin:70px auto 0;}
}

@media screen and (max-width:960px){
  .workListWrap {padding:90px 0;}

  .workListWrap .workList {margin:60px auto 0;}
  .workListWrap .workList ul li {width:calc(25% - 15px); margin:0 20px 0 0;}
  .workListWrap .workList ul li:last-child {margin:0;}
}

@media screen and (max-width:768px){
  .workListWrap {padding:80px 0;}

  .workListWrap .workList {margin:50px auto 0;}
  .workListWrap .workList ul li {width:calc(50% - 15px); margin:0 30px 30px 0;}
  .workListWrap .workList ul li:nth-of-type(2n+2) {margin:0 0 30px 0;}
}

@media screen and (max-width:640px){
  .workListWrap {padding:70px 0;}

  .workListWrap .workList {margin:40px auto 0;}
  .workListWrap .workList ul li {width:calc(50% - 10px); margin:0 20px 20px 0;}
  .workListWrap .workList ul li:nth-of-type(2n+2) {margin:0 0 20px 0;}
}

@media screen and (max-width:480px){
  .workListWrap {padding:60px 0;}

  .workListWrap .workList {margin:30px auto 0;}
  .workListWrap .workList ul li {width:100% !important; margin:0 auto 15px !important;}
  .workListWrap .workList ul li:last-child {margin:0 auto !important;}
}

@media screen and (max-width:360px){

}
/* 메인 work 리스트 영역 :: E */



/* 메인 메세지 배너 영역 :: S */
.msgBannerWrap {padding:250px 0; margin:0 auto; background:url('/public/images/main/cm_main_sec_3_bg_1.jpg') center center no-repeat; background-size:cover !important;}
.msgBannerWrap .inner {max-width:1630px;}

.msgBannerWrap .titleArea {}
.msgBannerWrap .titleArea p,
.msgBannerWrap .titleArea a {color:#fff; text-align:left;}
.msgBannerWrap .titleArea .t1 {}
.msgBannerWrap .titleArea .t2 {color:#777;}
.msgBannerWrap .titleArea .t3.ticker {}
.msgBannerWrap .titleArea .t3.ticker:after {display:inline-block; width:40px; height:1px; background:#fff; position:relative; bottom:auto; left:auto; vertical-align:middle; margin:0 0 0 10px;}
.msgBannerWrap .titleArea .b1 {margin:40px 0 0 0;}

.msgBannerWrap .from {display:block; width:100%; position:absolute; bottom:100px; right:0;}
.msgBannerWrap .from p {display:block; width:100%; max-width:1630px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box; text-align:right; font-size:16px; line-height:28px; font-weight:400; color:#fff;}
.msgBannerWrap .from p b {font-size:28px; font-weight:900; padding:0 5px 0 0;}


.msgBannerWrap.renew._1 .titleArea .b1 {display:inline-block; margin:40px auto 0;}


@media screen and (max-width:1280px){
  .msgBannerWrap {padding:220px 0;}
  .msgBannerWrap .from {bottom:90px;}
}

@media screen and (max-width:1080px){
  .msgBannerWrap {padding:200px 0;}
  .msgBannerWrap .from {bottom:80px;}
  .msgBannerWrap .from p {font-size:15px;}
  .msgBannerWrap .from p b {font-size:26px;}
}

@media screen and (max-width:960px){
  .msgBannerWrap {padding:180px 0;}
  .msgBannerWrap .from {bottom:70px;}
  .msgBannerWrap .from p {font-size:14px;}
  .msgBannerWrap .from p b {font-size:24px;}
}

@media screen and (max-width:768px){
  .msgBannerWrap {padding:150px 0;}
  .msgBannerWrap .from {bottom:60px;}
  .msgBannerWrap .from p {font-size:13px;}
  .msgBannerWrap .from p b {font-size:22px;}
}

@media screen and (max-width:640px){
  .msgBannerWrap {padding:130px 0;}
  .msgBannerWrap .from {bottom:50px;}
  .msgBannerWrap .from p {font-size:12px;}
  .msgBannerWrap .from p b {font-size:20px;}
}

@media screen and (max-width:480px){
  .msgBannerWrap {padding:100px 0;}
  .msgBannerWrap .from {bottom:40px;}
}

@media screen and (max-width:360px){
  .msgBannerWrap {padding:80px 0;}
  .msgBannerWrap .from {bottom:30px;}
}
/* 메인 메세지 배너 영역 :: E */



/* 메인 카탈로그 슬라이드 영역 :: S */
.catalogueSliderWrap {padding:150px 0; margin:0 auto; background:url('/public/images/main/cm_main_sec_4_bg_1.jpg') center center no-repeat; background-size:cover !important;}

.catalogueSliderWrap .catalogueSlider {width:100%; position:relative;}
.catalogueSliderWrap .catalogueSlider .swiper-slide {position:relative; text-align:center;}
.catalogueSlider .swiper-slide > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;
display:block; width:100%; text-align:center;}
.catalogueSlider .swiper-slide .thumbnail {max-width:300px; margin:0 50px 0 0;
margin:0 auto 20px;}
.catalogueSlider .swiper-slide .thumbnail img {max-width:100%; vertical-align:middle;
max-width:200px;}
.catalogueSlider .swiper-slide .info {}
.catalogueSlider .swiper-slide .info p,
.catalogueSlider .swiper-slide .info a {display:block; position:relative; text-align:left; color:#000; margin:0; padding:0; box-sizing:border-box;
text-align:center;}
.catalogueSlider .swiper-slide .info .year {font-size:15px; line-height:20px; font-weight:600;}
.catalogueSlider .swiper-slide .info .title {font-size:26px; line-height:30px; font-weight:300; margin:15px auto 50px;
margin:0 auto 10px; font-size:20px; line-height:26px;}
.catalogueSlider .swiper-slide .info .btns {width:100%; position:relative; overflow:hidden; text-align:center;}
.catalogueSlider .swiper-slide .info .btns a {display:block; float:left; position:relative; margin:0 10px 0 0; text-align:center; color:#fff;
display:inline-block; float:none; vertical-align:middle;}
.catalogueSlider .swiper-slide .info .btns a:last-child {margin:0;}

.catalogueSlider .swiper-arrow {width:13px; height:24px; margin-top:-12px; background-size:cover !important;}
/*
.catalogueSlider .swiper-arrow:after {display:none;}
.catalogueSlider .swiper-button-prev {background:url('/public/images/cm_arrow_black_1_left.png') center center no-repeat; left:0;}
.catalogueSlider .swiper-button-next {background:url('/public/images/cm_arrow_black_1_right.png') center center no-repeat; right:0;}
*/


@media screen and (max-width:1440px){
  .catalogueSlider .swiper-slide .thumbnail {max-width:240px; margin:0 30px 0 0;}
}

@media screen and (max-width:1280px){
  .catalogueSliderWrap {padding:120px 0;}

  .catalogueSlider .swiper-slide .thumbnail {max-width:200px;}
  .catalogueSlider .swiper-slide .info .year {font-size:14px;}
  .catalogueSlider .swiper-slide .info .title {font-size:22px; margin:10px auto 30px;}
  .catalogueSlider .swiper-slide .info .btns {}
  .catalogueSlider .swiper-slide .info .btns a {}
}

@media screen and (max-width:1080px){
  .catalogueSliderWrap {padding:100px 0;}

  .catalogueSlider .swiper-slide > * {display:block; text-align:center; margin:0 auto;}

  .catalogueSlider .swiper-slide .thumbnail {max-width:100%; margin:0 auto 20px;}
  .catalogueSlider .swiper-slide .thumbnail img {max-width:300px;}

  .catalogueSlider .swiper-slide .info {margin:0 auto;}
  .catalogueSlider .swiper-slide .info p,
  .catalogueSlider .swiper-slide .info a {text-align:center;}
  .catalogueSlider .swiper-slide .info .year {}
  .catalogueSlider .swiper-slide .info .title {font-size:20px; line-height:26px; margin:10px auto 20px;}
  .catalogueSlider .swiper-slide .info .btns {text-align:center;}
  .catalogueSlider .swiper-slide .info .btns a {display:inline-block; float:none; margin:0 5px 0 0;}
  .catalogueSlider .swiper-slide .info .btns a:last-child {margin:0;}
}

@media screen and (max-width:960px){
  .catalogueSliderWrap {padding:90px 0;}
}

@media screen and (max-width:768px){
  .catalogueSliderWrap {padding:80px 0;}
}

@media screen and (max-width:640px){
  .catalogueSliderWrap {padding:70px 0;}
}

@media screen and (max-width:480px){
  .catalogueSliderWrap {padding:60px 0;}
}

@media screen and (max-width:360px){
}
/* 메인 카탈로그 슬라이드 영역 :: E */



/* 메인 인스타그램 슬라이드 영역 :: S */
.instagramSliderWrap {z-index:0;}
.instagramSliderWrap .inner {z-index:3;}

.instagramSliderWrap .bgTxt {display:block; width:100%; height:240px; text-align:right; position:absolute; top:calc(50% - 300px); right:-10%; font-size:240px; line-height:240px; font-weight:900; color:#f6f6f6; margin:0; padding:0; z-index:1;}

.instagramSliderWrap .instagramSlider {width:100%; position:relative;}
.instagramSliderWrap .instagramSlider .swiper-slide {position:relative;}
.instagramSlider .swiper-slide .thumbnail {display:block; width:100%; position:relative;}
.instagramSlider .swiper-slide .thumbnail img {width:100%; vertical-align:top;}

.instagramSlider .swiper-pagination {position:relative; width:100%; height:6px; background:#b9b9b9; margin:30px auto 0; padding:0; top:auto; left:auto; bottom:auto; right:auto;}
.instagramSlider .swiper-pagination .swiper-pagination-progressbar-fill {background:#000;}
/* 메인 인스타그램 슬라이드 영역 :: E */



/* Fullpage 관련 스타일 :: S */
/*
#fp-nav {}
#fp-nav ul {}
#fp-nav ul li {margin:0 auto 7px !important;}
#fp-nav ul li:last-child {margin:0 auto !important;}
#fp-nav ul li a {}
#fp-nav ul li a span {width:8px !important; height:8px !important; background:rgba(255,255,255,0.6) !important; border:2px solid #fff !important; box-sizing:border-box; margin:-4px 0 0 -4px !important; opacity:0.7; font-size:12px; line-height:16px;}
#fp-nav ul li a.active span {width:12px !important; height:12px !important; margin:-6px 0 0 -6px !important; background:rgba(255,255,255,0.8) !important; opacity:1;}
#fp-nav ul li div.fp-tooltip {height:20px; font-size:11px; line-height:20px; padding:0 12px; box-sizing:border-box; border-radius:10px; background:rgba(0,0,0,0.8); margin-top:-1px;}
*/

.twin.normal {
transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
}
.twin.fast {
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}
.twin.slow {
transition:all 1s ease;
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-ms-transition:all 1s ease;
}
.twin.delay_100 {transition-delay:0.1s !important;}
.twin.delay_200 {transition-delay:0.2s !important;}
.twin.delay_300 {transition-delay:0.3s !important;}
.twin.delay_400 {transition-delay:0.4s !important;}
.twin.delay_500 {transition-delay:0.5s !important;}
.twin.delay_600 {transition-delay:0.6s !important;}
.twin._alpha {opacity:0 !important;}
.twin._alpha.act {opacity:1 !important;}
.twin._up {margin-top:50px !important;}
.twin._up.act {margin-top:0 !important;}
.twin._down {margin-top:-50px !important;}
.twin._down.act {margin-top:0 !important;}
.twin._left {margin-left:50px !important;}
.twin._left.act {margin-left:0 !important;}
.twin._right {margin-left:-50px !important;}
.twin._right.act {margin-left:0 !important;}

.fullpage {}
.fullpage .section {box-sizing:border-box; background-size:cover !important;}
.fullpage .section .fp-tableCell {/* padding:70px 0 0 0; */ box-sizing:border-box;}
.fullpage .section.mainCon {width:100%; max-width:1840px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.fullpage .section.mainCon .inner {max-width:1630px;}

.fullpage .section .swiper-container {}
.fullpage .section .swiper-container .swiper-arrow {width:40px; height:40px; text-align:center; margin:0; padding:0; margin-top:-20px; font-size:24px; line-height:40px; font-weight:500; color:#fff; background:rgba(0,0,0,0.6);}
.fullpage .section .swiper-container .swiper-arrow:after {width:40px; height:40px; text-align:center; font-size:24px; line-height:40px; font-weight:500; color:#fff;}
.fullpage .section .swiper-container .swiper-button-prev {left:0; padding:0 5px 0 0;}
.fullpage .section .swiper-container .swiper-button-next {right:0; padding:0 0 0 5px;}

.fullpage .section.sec1 {}
.fullpage .section.sec1 .mainTopBannerSlider {}
.fullpage .section.sec1 .mainTopBannerSlider .swiper-slide {position:relative;}
.fullpage .section.sec1 .mainTopBannerSlider .swiper-slide .mov {width:100%; height:0; position:relative; margin:0; padding:0; box-sizing:border-box; padding-bottom:56.25%;}
.fullpage .section.sec1 .mainTopBannerSlider .swiper-slide .mov video {display:block; width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; box-sizing:border-box;}
.fullpage .section.sec1 .mainTopBannerSlider .swiper-pagination {width:100%; height:3px; text-align:center; position:absolute; top:auto; left:0; bottom:35px; right:auto; margin:0; padding:0; box-sizing:border-box;}
.fullpage .section.sec1 .mainTopBannerSlider .swiper-pagination > span {display:inline-block; width:50px; height:3px; position:realtive; vertical-align:middle; margin:0 10px 0 0; padding:0; box-sizing:border-box; border-radius:0; background:#fff; opacity:1;}
.fullpage .section.sec1 .mainTopBannerSlider .swiper-pagination > span:last-child {margin:0;}
.fullpage .section.sec1 .mainTopBannerSlider .swiper-pagination > span.swiper-pagination-bullet-active {background:#ff2100;}

.fullpage .section.sec2 {max-width:10000px; padding:0;}
.fullpage .section.sec2 .inner {max-width:10000px; padding:0;}
.fullpage .section.sec2 .ourPrdSlider {}
.fullpage .section.sec2 .ourPrdSlider .swiper-slide {position:relative;}
.fullpage .section.sec2 .ourPrdSlider .swiper-slide a {display:block; position:relative; margin:0; padding:0; box-sizing:border-box;}
.fullpage .section.sec2 .ourPrdSlider .swiper-slide a > * {display:block; width:100%; position:relative; text-align:center; margin:0 auto; padding:0; box-sizing:border-box; font-size:20px; line-height:28px; font-weight:400; color:#333;}
.fullpage .section.sec2 .ourPrdSlider .swiper-slide .img {}
.fullpage .section.sec2 .ourPrdSlider .swiper-slide .img img {display:block; width:100%;}
.fullpage .section.sec2 .ourPrdSlider .swiper-slide .title {padding:20px 0; color:#fff; background:#606060;}

.fullpage .section.sec3 {max-width:10000px;}
/* .fullpage .section.sec3 .fp-tableCell {display:block;} */

.fullpage .section.sec4 {max-width:10000px; padding:0; background-size:cover !important; background:url('/public/renew202512/images/main/cm_main_sec4_bg_1.jpg') center center no-repeat;}

.fullpage .section.sec5 {max-width:10000px; padding:0;}
/* Fullpage 관련 스타일 :: E */



/* 인트로 팝업 영역 :: S */
.mainPopWrap {width:100%; max-width:800px; height:auto; position:absolute; top:30px; left:30px; z-index:9999; margin:0; padding:0;}
.mainPopWrap.close {display:none !important;}
.mainPopWrap ._in {width:100%; height:auto; position:relative; margin:0; padding:0; border:1px solid #555; box-sizing:border-box; background:#fff;}
.mainPopWrap ._in .banner {width:100%; position:relative;}
.mainPopWrap ._in .banner img {display:block; width:100%;}
.mainPopWrap ._in .btns {width:100%; height:30px; position:relative; margin:0; padding:5px; box-sizing:border-box;}
.mainPopWrap ._in .btns a {display:inline-block; height:20px; position:relative; vertical-align:top; margin:0; padding:0; font-size:12px; line-height:20px; font-weight:400; color:#333;}
.mainPopWrap ._in .btns ._r {display:block; float:right;}

.mainPopWrap .swiper-pagination {width:100%; height:10px; position:absolute; bottom:15px; left:0; text-align:center; margin:0; padding:0;}
.mainPopWrap .swiper-pagination span {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:top; margin:0 6px 0 0; padding:0; border:1px solid #fff; background:rgba(0,0,0,0.1); opacity:1;}
.mainPopWrap .swiper-pagination span:last-child {margin:0;}
.mainPopWrap .swiper-pagination span.swiper-pagination-bullet-active {background:rgba(0,0,0,1.0);}


@media screen and (max-width:960px){
  .mainPopWrap {max-width:600px; top:0; left:0;}
}
/* 인트로 팝업 영역 :: E */