@charset "UTF-8";

:root {
	--color-point:#008ba8;
}

/* background-image preload - 호버 이미지 로드용 */
body::after {
	position:absolute; 
    width:0; 
    height:0; 
    overflow:hidden; 
    z-index:-1;
    
    /* load images */
    content:url(../images/camp-support-btn-hover.png); /* 필요한 이미지 소스들 다운 */
	
}

header {z-index:10000}

.wrap-camp {letter-spacing:-1px}
.campaign-wrap {position:relative;width:1920px;margin:auto;letter-spacing:-0.7px;color:#121212;font-family:'Pretendard'}
.campaign-wrap * {box-sizing:border-box}
.cont-section {position:relative;max-width:1920px;width:100%;margin:0 auto;background-size:cover;background-repeat:no-repeat;background-position:center top}
.cont-section .cont-inner {width:1160px;margin:auto;height:100%}

.cont-section.cont01 {height:1180px;background-image:url(../images/cont01-bg.jpg)}
.cont-section.cont01 .cont-inner {width:1400px;position:relative}
.cont-section.cont01 .cont-inner .cf-bi {position:absolute;top:60px;left:0}
.cont-section.cont01 .cont-inner .jestina-bi {position:absolute;top:60px;right:0}
.cont-section.cont01 .cont-inner .inner-box {padding-top:144px;text-align:center}
.cont-section.cont01 .cont-inner .inner-box .campSub-txt {font-size:25px;font-weight:600;display:flex;flex-direction:column;gap:25px}
.cont-section.cont01 .cont-inner .inner-box .campSub-txt > span:nth-child(1) {font-size:23px}
.cont-section.cont01 .cont-inner .inner-box .campSub-txt > strong {font-weight:700}
.cont-section.cont01 .cont-inner .inner-box h3 {margin-top:59px;margin-bottom:28px}
.cont-section.cont01 .cont-inner .inner-box .main-photo-list {position:relative;height:413px}
.cont-section.cont01 .cont-inner .inner-box .main-photo-list > li {position:absolute}
.cont-section.cont01 .cont-inner .inner-box .main-photo-list > li:nth-child(1) {top:0;left:0}
.cont-section.cont01 .cont-inner .inner-box .main-photo-list > li:nth-child(2) {top:73px;left:238px}
.cont-section.cont01 .cont-inner .inner-box .main-photo-list > li:nth-child(3) {top:28px;left:520px;z-index:1}
.cont-section.cont01 .cont-inner .inner-box .main-photo-list > li:nth-child(4) {top:53px;left:800px}
.cont-section.cont01 .cont-inner .inner-box .main-photo-list > li:nth-child(5) {top:0;right:0;z-index:1}
.cont-section.cont01 .cont-inner .inner-box .btn-box {margin-top:77px}

.cont-section.cont02 {padding:100px 0}
.cont-section.cont02 .cont-inner .yt-area {width:100%;height:inherit;margin:0 auto;display:flex;align-items:center}
.cont-section.cont02 .cont-inner .yt-area > .yt-box {width:100%;height:652px}
.cont-section.cont02 .cont-inner .yt-area > .yt-box > iframe {border-radius:15px;box-shadow:0px 0px 20px #00000059}

.cont-section.cont03 {height:638px;background-image:url(../images/cont03-bg.jpg)}
.cont-section.cont03 .cont-inner {padding-top:150px}

.cont-section.cont04 > .tabMenu {background-color:#000;height:80px;position:-webkit-sticky;position:sticky;top:80px;z-index:99999}
.cont-section.cont04 > .tabMenu > ul {width:490px;height:100%;margin:auto;display:flex;flex-direction:row;align-items:center}
.cont-section.cont04 > .tabMenu > ul::before,
.cont-section.cont04 > .tabMenu > ul::after {content:'';display:block;width:19px;height:35px;background-image:url(../images/cont04-menu-icon.png);background-repeat:no-repeat;background-position:center center}
.cont-section.cont04 > .tabMenu > ul > li {width:50%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}
.cont-section.cont04 > .tabMenu > ul > li:nth-child(1)::after {content:'';display:block;width:2px;height:11px;background-color:#717171;position:absolute;right:0}
.cont-section.cont04 > .tabMenu > ul > li > p {color:rgba(255,255,255,0.4);font-size:25px;font-weight:700}
.cont-section.cont04 > .tabMenu > ul > li.active > p {color:rgba(255,255,255,1)}
.cont-section.cont04 > .tabContents {height:2127px;position:relative}
.cont-section.cont04 > .tabContents > .tabmenu-arrow {opacity:0;width:29px;height:53px;cursor:pointer;background-repeat:no-repeat;background-position:center center;position:fixed;top:525px;transition:all 0.05s}
.cont-section.cont04 > .tabContents > .tabmenu-arrow.fix {opacity:1}
.cont-section.cont04 > .tabContents > .tabmenu-arrow.prev {background-image:url(../images/cont04-menu-arrow-prev.png);left:130px}
.cont-section.cont04 > .tabContents > .tabmenu-arrow.next {background-image:url(../images/cont04-menu-arrow-next.png);right:130px}
.cont-section.cont04 > .tabContents > .tab-cont {height:100%;padding-top:100px}
.cont-section.cont04 > .tabContents > .tab-cont.rosegold {background-image:url(../images/cont04-rosegold-bg.jpg)}
.cont-section.cont04 > .tabContents > .tab-cont.silver {background-image:url(../images/cont04-silver-bg.jpg)}
.cont-section.cont04 > .tabContents > .tab-cont .tab-fix-banner {position:-webkit-sticky;position:sticky;top:270px;z-index:9999;float:right;margin-right:19px;margin-bottom:90px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-spec {margin-top:86px;display:flex;flex-direction:row}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-spec > h5 {font-size:25px;font-weight:700;width:120px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-spec > ul {width:670px;display:flex;flex-direction:row;flex-wrap:wrap;font-size:21px;row-gap:14px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-spec > ul > li {display:flex}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-spec > ul > li > strong {margin-right:10px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-spec > ul > li::after {content:'';display:block;width:2px;height:20px;background-color:#6d6c6b;margin:0 15px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-spec > ul > li:nth-child(2) {margin-right:190px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-spec > ul > li:nth-child(2)::after,
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-spec > ul > li:nth-child(5)::after {display:none}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-about {margin-top:110px;display:flex;align-items:center;justify-content:space-between}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-about > ul {display:flex;flex-direction:column;row-gap:32px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-about > ul > li {display:flex;align-items:center}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-about > ul > li > p {font-size:21px;line-height:32px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-about > ul > li > .circle-photo {margin-right:36px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-about > .size {position:relative}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-about > .size > h5 {position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:150px;height:50px;border-radius:10px 0 10px 0;background-color:#000;color:#fff;font-size:21px;font-weight:700}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider {margin-top:188px;position:relative}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-title {position:absolute;top:0;right:145px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box {display:flex;justify-content:space-between}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box .main-slider {width:563px;height:833px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #c7c5c3;border-radius:15px;position:relative}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box .main-slider .cont04Swiper2 {width:513px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box .thumbnail-slider {width:476px;height:432px;margin-top:140px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box .thumbnail-slider .cont04Swiper .swiper-slide {width:132px!important;height:201px;cursor:pointer;margin-right:40px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box .thumbnail-slider .cont04Swiper .swiper-slide:nth-child(3),
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box .thumbnail-slider .cont04Swiper .swiper-slide:nth-child(6) {margin-right:0!important}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box .thumbnail-slider .cont04Swiper .swiper-slide img {width:100%;height:100%;border-radius:10px;filter:brightness(0.45)}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box .thumbnail-slider .cont04Swiper .swiper-slide-thumb-active img {filter:initial}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-box .thumbnail-slider .cont04Swiper .swiper-wrapper {flex-wrap:wrap;row-gap:30px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-bottom-txt {display:flex;flex-direction:column;row-gap:60px}
.cont-section.cont04 > .tabContents > .tab-cont .cont-inner .bracelet-slider > .slider-bottom-txt {position:absolute;bottom:0;right:52px;text-align:center;font-size:19px;line-height:32px;font-weight:500}
.swiper-button-prev,
.swiper-button-next {width:47px;height:47px;background-repeat:no-repeat;background-position:center center}
.swiper-button-prev {background-image:url(../images/cont04-innerSld-arrow-prev.png);left:0}
.swiper-button-next {background-image:url(../images/cont04-innerSld-arrow-next.png);right:0}
.swiper-button-prev::after,
.swiper-button-next::after {display:none}

.cont-section.cont05 {height:644px;background-image:url(../images/cont05-bg.jpg)}
.cont-section.cont05 > .cont-inner {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.cont-section.cont05 > .cont-inner > .main-txt {font-size:32px;line-height:50px;font-weight:600;margin-bottom:47px}
.cont-section.cont05 > .cont-inner > .main-txt > span {color:var(--color-point);font-weight:700}
.cont-section.cont05 > .cont-inner > .sub-txt {font-size:22px;line-height:36px;margin-bottom:40px}

.cont-section.cont06 {padding:115px 0}
.cont-section.cont06 .cont-inner {display:flex;flex-direction:column;align-items:center;row-gap:70px}
.cont-section.cont06 .cont-inner .accordion-box {width:100%}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner {text-align:left;margin-bottom:45px;padding-bottom:45px;border-bottom:1px solid #b7b7b7}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner:last-child {border-bottom:0;margin-bottom:0}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner .accordion-toggle {font-size:26px;color:rgba(18,18,18,0.3);font-weight:700;position:relative;cursor:pointer}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner .accordion-toggle > span {margin:0 32px}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner .accordion-toggle::after {content:'';width:21px;height:12px;background-image:url(../images/cont06-arrow.png);background-repeat:no-repeat;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner .accordion-toggle.active {color:rgba(18,18,18,1)}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner .accordion-toggle.active > em {color:var(--color-point)}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner .accordion-toggle.active::after{width:21px;height:20px;content:"";background-image:url(../images/cont06-arrow-on.png);background-repeat:no-repeat;background-position:0 0;position:absolute;top:50%;right:0;transform:translateY(-50%)}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner .accordion-content {display:none;padding-top:40px;padding-left:90px;font-size:21px;font-weight:400;line-height:38px;word-break:keep-all}
.cont-section.cont06 .cont-inner .accordion-box .accordion .accordion-inner .accordion-content.default {display:block}

.cont-section.cont07 {height:1187px;background-image:url(../images/cont07-bg.jpg)}
.cont-section.cont07 > .cont-inner {padding-top:100px }
.cont-section.cont07 > .cont-inner h4 {margin-bottom:63px}
.cont-section.cont07 > .cont-inner .sub-txt {font-size:25px;line-height:44px;font-weight:500}
.cont-section.cont07 > .cont-inner .sub-txt > img {vertical-align:text-top;margin-right:2px}
.cont-section.cont07 > .cont-inner ul {margin-top:108px;background-color:#fff;width:1040px;margin-left:120px;border-top:1px solid #d2d4d4}
.cont-section.cont07 > .cont-inner ul > li {border-bottom:1px solid #d2d4d4;position:relative}
.cont-section.cont07 > .cont-inner ul > li > .inner {display:flex;flex-direction:row;gap:35px;height:90px;align-items:center;font-size:26px}
.cont-section.cont07 > .cont-inner ul > li > .inner > .number {display:block;width:90px;text-align:center;font-weight:800;color:#004d4c}
.cont-section.cont07 > .cont-inner ul > li > .inner > h5 {font-weight:700}
.cont-section.cont07 > .cont-inner ul > li > .inner > p {font-size:21px}
.cont-section.cont07 > .cont-inner ul > li > .inner::after {content:'';display:block;width:87px;height:92px;background-color:#004d4c;background-repeat:no-repeat;background-position:center center;position:absolute;top:0;right:0}
.cont-section.cont07 > .cont-inner ul > li:nth-child(1) > .inner::after {background-image:url(../images/cont07-icon01.png)}
.cont-section.cont07 > .cont-inner ul > li:nth-child(2) > .inner::after {background-image:url(../images/cont07-icon02.png)}
.cont-section.cont07 > .cont-inner ul > li:nth-child(3) > .inner::after {background-image:url(../images/cont07-icon03.png)}
.cont-section.cont07 > .cont-inner ul > li:nth-child(4) > .inner::after {background-image:url(../images/cont07-icon04.png)}
.cont-section.cont07 > .cont-inner ul > li:nth-child(5) > .inner::after {background-image:url(../images/cont07-icon05.png)}
.cont-section.cont07 > .cont-inner ul > li:nth-child(6) > .inner::after {background-image:url(../images/cont07-icon06.png)}
.cont-section.cont07 > .cont-inner ul > li:nth-child(7) > .inner::after {background-image:url(../images/cont07-icon07.png)}

.layer-popup {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#11748A;z-index:100001;display:none;overflow-y:scroll}
.layer-popup .inner3 {width:1360px;margin:auto;padding:50px 116px;position:relative;z-index:99999}
.layer-popup .inner3 h4 {font-size:30px;font-weight:700;color:#F6FCFF;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:25px}
.layer-popup .inner3 h4::before,
.layer-popup .inner3 h4::after {content:'';display:block;width:274px;height:1px;background-image:url(../images/layer-popup-dashed-bg.png);background-repeat:no-repeat}
.layer-popup .inner3 .sub-txt {font-size:30px;margin-top:25px;margin-bottom:20px;line-height:40px}
.layer-popup .inner3 .list-txt {text-align:left;margin-top:20px;margin-left:170px;font-size:22px;padding:7px 0;line-height:32px}
.layer-popup .inner3 .list-txt>li {padding-top:3px;padding-bottom:3px;padding-left:20px;position:relative}
.layer-popup .inner3 .list-txt>li::before {content:"";width:6px;height:6px;border-radius:50%;background-color:#fff;position:absolute;top:50%;transform:translateY(-50%);left:0}
.layer-popup .close {position:absolute;top:34px;right:37px}
.layer-popup .popup-cont {width:1127px;margin:40px auto;position:relative;overflow:hidden}
.layer-popup .popup-cont > ul {display:flex;flex-direction:row;gap:33px}
.layer-popup .popup-cont > ul > li {width:547px;height:363px;background-repeat:no-repeat;background-position:center center}
.layer-popup .popup-cont > ul > li > a {display:block;width:100%;height:100%}
.layer-popup .popup-cont > ul > li:nth-child(1) {background-image:url(../images/layer-popup-silverOff.png)}
.layer-popup .popup-cont > ul > li:nth-child(1).active {background-image:url(../images/layer-popup-silverOn.png)}
.layer-popup .popup-cont > ul > li:nth-child(2) {background-image:url(../images/layer-popup-rosegoldOff.png)}
.layer-popup .popup-cont > ul > li:nth-child(2).active {background-image:url(../images/layer-popup-rosegoldOn.png)}
.layer-popup .btn-select {margin-top:32px;text-align:center}
.layer-popup .btn-select > a {display:inline-block;width:290px;height:70px;line-height:70px;background-color:#fff;color:#121212;border-radius:5px;font-size:24px;font-weight:800}


.btn-box > a {display:inline-block;width:461px;height:118px;background-image:url(../images/camp-support-btn.png);background-repeat:no-repeat;background-position:center center;transition:all 0.3s}
.btn-box > a:hover {background-image:url(../images/camp-support-btn-hover.png)}

.txt-point {color:var(--color-point)}
.notScroll {overflow:hidden}


/* Fading animation */
.fade {animation-name:fade;animation-duration:1.5s}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* 노트북 배율 스타일 지우지 말 것 */
@media (max-width: 1536px) {
	html, body {zoom:0.96}
    .campaign-wrap {zoom:0.87}
    
    .campaign-wrap .cont-section .cont-inner {margin-top:-1px}
}