@charset "utf-8";

.sec36_container { width:100%; font-family:'Noto Sans KR'; font-weight:400; }
.sec36_wrap { position:relative; width:100%; margin:0 auto; padding:0 0 100px 0; }

.sec36_wrap .interior-wrap { position:relative; width:100%; text-align:center; }
			
.sec36_wrap .wrap-2 { display:flex; position:relative; width:100%; text-align:center; }

.sec36_wrap .nav { display:flex; justify-content:center; align-items:center; gap:0px; width:1300px; margin:0 auto; }
.sec36_wrap .nav-item { line-height:46px; font-family:'GmarketSansMedium'; font-size:18px; opacity: 0.4;  transition: all 0.3s ease; cursor: pointer; transform:scale(1);}
.sec36_wrap .nav-item:hover { opacity: 1; font-weight: 500; transform:scale(1);}
.sec36_wrap .nav-item.active { opacity: 1; font-weight: 500; transform:scale(1);}
.sec36_wrap .nav-item .btn { position: relative; }
.sec36_wrap .nav-item .btn::after { content: ""; position: absolute; left: 0; bottom: 2px; width: 0%; height: 2px; background: #000; transition: width 0.3s ease; }
.sec36_wrap .nav-item.active .btn::after { width: 100%; }

.sec36_wrap .swiper-wrap { display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin-top:0px; } 

.sec36_container .swiper { width:100%; max-width:1920px; margin:0 auto; }
.sec36_container .swiper-slide { width:100%; max-width: 1300px; margin:0 auto; transition: all 0.5s ease; }
.sec36_container .swiper-slide { opacity: 1; transform: scale(1); }
.sec36_container .swiper-slide-active { opacity: 1; transform: scale(1); z-index: 3; }

.sec36_container .photo-wrap { display:flex; width:100%; }
.sec36_container .photo-wrap .interior { position:relative; width:100%; height:100%; object-fit:cover; clip-path:none !important; border-radius:50px; }

.sec36_wrap .slide-text { position: relative; margin-top: 10px; text-align:center; color: #000; line-height:50px; padding:0 15px 15px 15px; background: none; }
.sec36_wrap .slide-text .subject { font-weight:600; font-size:22px; letter-spacing:-0.07em; }
.sec36_wrap .slide-text .subject span { float:right; font-family:'arial'; font-size:40px; font-weight:bold; color:#FE5A8C; }
.sec36_wrap .slide-text .desc { margin-top:5px; font-size:21px; font-weight:400; line-height:50px; }

.sec36_wrap .btn-pn-wrap { position:absolute; z-index:5; width:1500px; top:30%; display:flex; }
.sec36_wrap .btn-pn { position:relative; width:100%; height:70px; overflow:hidden; font-size:30px; }
.sec36_wrap .btn-prev { position:absolute; left:0px; width:70px; line-height:70px; text-align:center; background:#eee;border:1px #eee solid; border-radius:70px; transition: all .3s ease;}
.sec36_wrap .btn-next { position:absolute; right:0px; width:70px; line-height:70px; text-align:center; background:#eee;border:1px #eee solid; border-radius:70px; transition: all .3s ease;}
.sec36_wrap .btn-prev:hover { cursor:pointer; color:#fff; background:#000; border:1px #000 solid; transition: all .3s ease;}
.sec36_wrap .btn-next:hover {cursor:pointer; color:#fff; background:#000; border:1px #000 solid; transition: all .3s ease;}

.sec36_container .swiper-pagination { display:grid; grid-template-columns:repeat(6, 1fr); gap: 10px; justify-items:center; top:30px; width:1080px; margin:0 auto; text-align:center; z-index: 9999;  position: relative; }
.sec36_container .swiper-pagination-bullet { width:100%; max-width:180px; height:110px; background:none; border-radius:8px; overflow:hidden; margin:0 !important; opacity:.7; transform:scale(.95); transition:all .35s ease; }
.sec36_container .swiper-pagination-bullet img { width:180px; aspect-ratio:1/1; object-fit:cover; display:block; transition:transform .35s ease, filter .35s ease; filter:grayscale(80%); }
.sec36_container .swiper-pagination-bullet-active { opacity:1; transform:scale(1); outline:4px solid #21C3F4; }
.sec36_container .swiper-pagination-bullet-active img { transform:scale(1.05); filter:grayscale(0%); }

.thumb-admin{ margin-top: 8px; display: flex; justify-content: center; gap: 10px; }
.thumb-admin a { line-height:32px; padding:0 15px; pointer-events: auto; background:#000; font-size: 15px; color: #fff; text-decoration:none;}