.object .images .swiper-wrapper .a a {pointer-events: none;}


/* burger */

.burger {position: relative;
    width: 22px;
    height: 20px;
    margin-left: 12px;
    cursor: pointer;
    margin-top: -1px;}

.burger span {display:block; width:15px; height:1px; background:rgba(0,0,0,0.5); position:absolute;}

.burger span:first-child {bottom:25%; left:0;}

.burger span:nth-child(2) {bottom:40%; left:0;}

.burger span:nth-child(3) {bottom:55%; left:0;}

.burger span:last-child {bottom:70%; left:0;}


.burger.active {width: 22px;
    height: 17px;}

.burger.active span:nth-child(2), .burger.active span:nth-child(3) {opacity:0;}

.burger.active span:first-child {transform:rotate(45deg); top:50%; width:20px;}

.burger.active span:last-child {transform:rotate(-45deg); top:50%; width:20px;}


/* swiper */
.swiper-button-prev {left:-40px; color:rgba(34,34,34,0.6); opacity:0; z-index:8000; cursor:url('/images/left.svg'), pointer;}

.swiper-button-next {right:-40px; color:rgba(34,34,34,0.6); opacity:0; z-index:8000; cursor:url('/images/right.svg'), pointer;}

.swiper-button-next, .swiper-button-prev {top:20px; width:50%; height:100%; text-shadow:0 0 1px rgba(255,255,255,0.5); pointer-events: auto;}

.swiper-button-next { left: 50%; width: 260%;}

.swiper-button-prev { left: -50%; width: 100%;}

.swiper-button-prev:focus, .swiper-button-next:focus {outline:none;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:0;}

.swiper-button-next:after, .swiper-button-prev:after {font-size:100%;}

.swiper-button-prev.show, .swiper-button-next.show {opacity:0;}

/* .swiper-slide img {width:calc(100vh - 294px); height:calc(100vh - 294px); object-fit:contain;}

.swiper-slide a {display:block; width:calc(100vh - 294px); height:calc(100vh - 294px);} */

.swiper-slide img {width:auto; max-width:100%; height:calc(100vh - 202px); object-fit:scale-down;}

.swiper-slide .a {display:block; height:calc(100vh - 202px); display:flex; justify-content:center;}

.swiper-slide a {display:block; position:relative;}

.swiper-slide {background:#fff;}


/* default */
main {padding:0;}

.container {width:100%; height:auto; margin:0 auto; padding:0 24px; overflow-y: auto;}

.title {display:flex; align-items:center; margin:24px 0 8px; width:570px; justify-content:space-between; opacity:0.4;}

.title .firsttitle {display:flex; width:211px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.title .firsttitle i {margin-left:10px; font-style: normal;}

.title.op {opacity:1;}

.images {width:auto; height:calc(100vh - 202px); margin:0 auto; position:relative;}

.object {padding-top:2.1%;
    height:calc(100vh - 86px);
    min-height: 100%;
    position:relative; bottom:0;}

.title span, .text {font-family:'Lato', sans-serif; font-size:12px;}

/*.title span:first-child {font-style:italic;}*/

/* .text {display:none; width:568px; height:120px; margin:6px 0; word-break:break-all; color:rgba(0,0,0,0.5); overflow:hidden;} */
.text {
    display:none; width:568px; height:100%; margin:25px 0; color:rgba(0,0,0,0.5); overflow:hidden;
    white-space: normal;
    font-size: 12px;
    word-wrap: break-word;
    hyphens: auto;
    text-align: justify;
    }

.text p {margin-bottom:12px; font-size:12px; display:none;}

.text.on, .text.on p {display:block;}

.subtitle {text-align:center; color:rgba(0,0,0,0.5); font-size:10px; font-family:'Lato', sans-serif; display:none;}

.full {display:contents; color:#00f; cursor:pointer; visibility: hidden;}

.full.op {visibility: visible; display:flex;}

.boxwrap {position:fixed; bottom:0; width:100%; background:#fff; z-index:2500; min-height: 7%;}
/* .boxwrap {position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 2500;
    height: 8%;
    bottom: 0px;
} */



/* full text */
.wall {position:fixed; top:0; left:0; width:100vw; height:100vh; background:#000; z-index:3000; display:none;}

.wall.show {display: block;}

.fullbox {position:fixed; z-index:3003; top:50%; left:50%; transform:translate(-50%, -50%); width:80vh; height:80vh; background:#fff; padding:30px 8px 30px 20px; display:none;font-family: 'Crimson Text', serif;}

.fulltitle {width:100%; display:flex; justify-content:space-between; margin-bottom:24px; align-items:center;}

.fulltitle p {width:14px; font-weight:700; color:rgba(0,0,0,0.5); display: contents;}

.fullclose {position:relative; width:24px; height:24px; margin-right:12px; cursor:pointer;}

.fullclose span {background:rgba(0,0,0,0.5); width:24px; height:1px; position:absolute;}

.fullclose span:first-child {left:0; top:50%; transform:rotate(45deg);}

.fullclose span:last-child {left:0; top:50%; transform:rotate(-45deg);}

/* .fullscroll {width:100%; height:calc(100% - 230px); font-size:14px; overflow-y:scroll; word-break:break-all; line-height:150%; margin-bottom:14px; color:rgba(0,0,0,0.7);} */
.fullscroll {width:100%; height:calc(100% - 230px); font-size:14px; overflow-y:scroll; line-height:150%; margin-bottom:14px; color:rgba(0,0,0,0.7);}

.fullscroll::-webkit-scrollbar {width:12px;}

.fullscroll::-webkit-scrollbar-thumb {height:17%; background-color:transparent;}

.fullscroll::-webkit-scrollbar-track {background-color:transparent;}

.fullscroll.active::-webkit-scrollbar-thumb {background-color:rgba(34,34,34,0.6);}

.fullbottom p {font-size:13px; color:rgba(0,0,0,0.7); margin-right:12px;}

.fullbottom p:last-child {margin-top:22px;}

.fullbox.show{display: block;}


.sh {display:block;}


@media all and (max-width:939px) {
    .title {width:calc(100% - 50px); justify-content:normal; gap:40px; margin:0; top:0;}

    .text {width:100%; top:12px; margin:0 auto 12px; position:relative;}

    .title span, .text p {font-size:12px;}

    .text {font-size:12px; height:auto; overflow:visible;}

    .swiper-button-prev {display:none;}

    .swiper-button-next {display:none;}

    .swiper-wrapper {flex-direction:column;}

    .images {flex-direction:column; width:100%; height:auto;}

    .swiper-slide {margin-bottom:20px; margin:12px auto; width:inherit !important;}

    .swiper-slide img, .swiper-slide .a {width:100%; height:auto;}


    .object {padding-top:0; display:flex; flex-direction:column-reverse; height:auto;}

    .boxwrap {position:static;}

    .full {position:absolute; right:0; visibility: visible;}
    
    .fullbox {width:100%; height:100%; padding:30px 20px 45px 20px; padding-bottom: 10%;}

    .fullscroll, .fullbottom p {font-size:15px;}

    .fullscroll {margin-bottom:36px; height: calc(109% - 230px);}

    .subtitle {width:100%;}

    /* .title > div span:nth-child(2) {display:none;} */

    .fulltitle p {font-size:15px; font-style:normal; width:80%}
}

@media all and (max-width:800px) {
    .swiper-slide {width:90vw !important;}
}

@media all and (max-width:589px) {
    .container {padding:0 12px;}

    .title span:first-child {width:211px;}

    .swiper-slide {width:94vw !important;}

    .fullscroll {padding-right:8px;}
}

@media all and (max-width:407px) {
    .full {font-size:12px; visibility: visible; display: block;}

    .title span, .text p {font-size:12px;}
}

@media all and (max-width:331px) {
    .full{visibility: visible; display: block;}
}

/* Swiper 버튼을 화면 절반씩 차지하고, 세로 중앙에 위치하도록 수정 */
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50%;
    height: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    opacity: 0.2;
    pointer-events: auto;
    transition: opacity 0.2s;
    transform: translateY(-50%);
}
.swiper-button-prev {
    left: 0;
    right: auto;
    cursor: url('/images/left.svg'), pointer;
}
.swiper-button-next {
    right: 0;
    left: auto;
    cursor: url('/images/right.svg'), pointer;
}
.swiper-button-prev:after, .swiper-button-next:after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    transition: transform 0.2s;
}
.swiper-button-prev:after {
    background-image: url('/images/left.svg');
}
.swiper-button-next:after {
    background-image: url('/images/right.svg');
}
.swiper-button-prev:hover:after,
.swiper-button-next:hover:after {
    transform: scaleX(-1);
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    opacity: 0.7;
}

/* Swiper 기본 버튼 내부의 svg, path, polygon 등 숨김 */
.swiper-button-next svg,
.swiper-button-prev svg,
.swiper-button-next path,
.swiper-button-prev path,
.swiper-button-next polygon,
.swiper-button-prev polygon {
    display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after, .swiper-button-next:hover:after, .swiper-button-prev:hover:after {
    display: none !important;
}