/* main */

/* 공통 */
/* @font-face { font-family: 'Cal Sans'; src: url('../fonts/CalSans/CalSans-Regular.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Lato'; src: url('../fonts/Lato/Lato-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; }  */

main .container { margin: 0 auto; width: 100%; max-width: 1400px; } 
section { position: relative; } 
section .title { display: flex; align-items: center; justify-content: center; margin: 0 auto; text-align: center; margin-bottom:50px; letter-spacing: -1px; position: relative; } 
section .title > h2 { font-size: clamp(24px, 2.5vw, 32px); font-weight: 600; letter-spacing: -0.5px; } 
section .title .arr-right { background-color: #fff; color: #674b47; display: flex; align-items: center; justify-content: center; 
    font-size: 24px; width: 52px; height: 52px; border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden;  } 
section .title .arr-right i { transition: transform 0.4s ease, opacity 0.4s ease; position: relative; margin-top: 1px; } 
section .title .arr-right:hover i { transform: translateX(30px); opacity: 0; } 
section .title .arr-right::before { content: "\F138"; /* Bootstrap Icons arrow-right */
 font-family: 'bootstrap-icons'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) translateX(-40px); transition: transform 0.4s ease; opacity: 1; } 
section .title .arr-right:hover::before { transform: translate(-50%, -50%) translateX(0); opacity: 1; } 

.wave-bg { position: absolute; top: -120px; left: 0; width: 100%; height: 120px; display: block; z-index: 10; } 
.wave-bg path { fill: #e1b95e; } 
.mainpress .wave-bg path { fill: #f2ebe5; } 
.mainyoutube .wave-bg path { fill: #48403e; } 
.mainArtstep .wave-bg path { fill: #2f845b; } 
.mainDonation .wave-bg path { fill: #48403e; } 
footer .wave-bg path { fill: #1c1c1c; } 


/* 메인 상단 이미지 슬라이드 */
.mainBigSwiper { background-color: #f5efed; height: 95vh; position: relative; overflow: hidden; } 
.mainSlide_ul { width: 100%; height: 100%; } 
.mainSlide_ul li { animation: movetop 1s; animation-fill-mode: both; opacity: 0; background-size: cover; background-position: center center; color: #8a5d4c; width: 100%; height: 100%; position: relative; } 
.mainSlide_ul li .swiper-slide-image { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; aspect-ratio: 16 / 9; min-height: 100%; } 
.mainSlide_ul li.lazy-load { background-color: #f5efed; } 
.mainSlide_ul li.lazy-load.loaded { transition: background-image 0.3s ease-in-out; } 
.mainSlide_ul li a { display: block; width: 100%; height: 100%; position: relative; } 
.mainSlogan { position: absolute; left: 50%; top:30%; transform: translate(-50%, -50%); text-align: center; width: 100%; z-index: 6; }
.mainSlogan h1 {  font-weight: 800; width: max-content; margin: 0 auto; text-align: center; font-size: clamp(50px, 3.7vw, 62px); position: relative; 
         line-height: 1.25; color: #8e4b41; opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; } 
.mainSlogan h1::after { content: ''; position: absolute; top: -5px; right: -30px; width: 35px; height: 45px; background-image: url(../images/maintext_add.png); background-size: cover; background-position: center center; background-repeat: no-repeat; } 
.mainSlogan h1.animate { opacity: 1; transform: translateY(0); } 
.mainSlogan h1 span { color: #e66eba; background: linear-gradient(90deg, #a14fe4, #e948b3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.mainSlogan p {font-size: clamp(16px, 1.5vw, 21px); line-height: 1.4; margin-top:12px; font-weight: 400; display: inline-block; transform: scaleX(0.97) translateY(30px); color: #764139; opacity: 0; transition: opacity 0.8s ease-out, transform 0.8s ease-out; } 
.mainSlogan p.animate { opacity: 1; transform: scaleX(0.98) translateY(0); } 

.mainBigSwiper .ball { position: absolute; border-radius: 100%; opacity: 0.7; z-index: 5; pointer-events: none; } 
.mainBigSwiper .mainSlide_ul,
.mainBigSwiper .swiper-pagination,
.mainBigSwiper .swiper-button-next,
.mainBigSwiper .swiper-button-prev { position: relative; z-index: 2; } 
.mainBigSwiper .swiper-pagination { top: inherit; bottom: 50px; } 
.mainBigSwiper .swiper-pagination-bullet { background-color: transparent; opacity: 0.8; width: 15px; height: 15px; margin: 0 5px !important; border: 2px solid #fff; } 
.mainBigSwiper .swiper-pagination-bullet-active { opacity: 1; background-color: #fff; } 
.swiper-button-next { right: calc(50% - 650px); opacity: 0.85; display: none; } 
.swiper-button-prev { left: calc(50% - 650px); opacity: 0; display: none; } 
.swiper-button-next:after, .swiper-button-prev:after { display: none; } 
.mainLink { position: absolute; top: -140px; right: 5%; width: max-content; height: 90px; z-index: 11; max-width: 1400px; justify-content: end; transform: translateX(-50%); display: flex; gap: 5px; align-items: center; } 
.mainLink > a { position: relative; display: flex; width: 220px; color: #fff; font-size: clamp(16px, 1.6vw, 18px); font-weight: 500;
     line-height: 1.2; height: 90px; padding: 0 40px; border-radius: 45px; align-items: center; 
     justify-content: space-between; transition: all 0.3s ease-in-out;} 
.mainLink .enter { background-color: #0cac73; } 
.mainLink .donation { background-color: #588adb; } 
.mainLink > a span:last-child { display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } 
.mainLink > a:first-child {  box-shadow: 0 5px 10px rgb(11 145 78 / 33%); } 
.mainLink > a:nth-child(2) { box-shadow: 0 5px 10px rgb(88 142 219 / 33%); } 
.mainLink > a i { font-size: 24px; transition: transform 0.4s ease, opacity 0.4s ease; position: relative; } 
.mainLink > a:hover i { transform: translateX(30px); opacity: 0; } 
.mainLink > a span:last-child::before { content: "\F138"; font-family: 'bootstrap-icons'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) translateX(-40px); transition: transform 0.4s ease; opacity: 0; font-size: 24px; } 
.mainLink > a:hover span:last-child::before { transform: translate(-50%, -50%) translateX(0); opacity: 1; } 
.mainLink > a:first-child::before {opacity: 0; visibility: hidden;transition: all 0.3s ; content: ''; position: absolute; top: -50px;
     left: -25px; width: 99px;height: auto; aspect-ratio: 1 / 1; background-image: url(../images/mainbtn_star.png); background-size: contain; background-position: center center; background-repeat: no-repeat; } 
.mainLink > a:first-child:hover::before {opacity: 1; visibility: visible; top: -40px;}
.mainLink > a:nth-child(2)::before {opacity: 0; visibility: hidden;transition: all 0.3s ; content: ''; position: absolute; top: -50px;
     right: -15px; width: 96px;height: auto; aspect-ratio: 1 / 1; background-image: url(../images/mainbtn_wing.png); background-size: contain; background-position: center center; background-repeat: no-repeat; } 
.mainLink > a:nth-child(2):hover::before {opacity: 1; visibility: visible; top: -40px;}

/* 후원 */
.mainDonation { background-color: #48403e; padding: 50px 0 170px 0; color: #fff; } 
.mainDonation .container { display: flex; gap: 45px; align-items: center; flex-direction: column; text-align: center; } 
.mainDonation .text { font-size:clamp(16px, 1.5vw, 20px); font-family: "Nanum Myeongjo", serif; font-weight: 400; font-style: normal; letter-spacing: -0.5px; line-height: 1.65; color: rgba(255,255,255,0.85); } 
.mainDonation .godonation { color: #fff; background-color: #a4814d; transition: background-color 0.3s; border-radius: 30px; font-size: 18px; display: flex; align-items: center; justify-content: center; width: 220px; height: 55px; } 
.mainDonation .godonation:hover { background-color: #bd8b41; } 


/* 아트 스텝 */
.mainArtstep { background-color: #2f845b; padding:60px 0 190px 0; color: #fff; } 
.mainArtstep .title h2 { color: #fff; } 
ul.artstepinner { display: flex; gap: 30px; } 
.artstepinner > li { flex: 1; display: grid; grid-template-columns: auto 400px; border-radius: 20px; overflow: hidden; background-color: #10070a; height: max-content; box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.1) } 
.artstepinner .photo { display: flex; width: 100%; height: 100%; position: relative; } 
.artstepinner .photo img { object-fit: cover; transition: all 0.5s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.artstepinner .photo .desktop-img { display: block; }
.artstepinner .photo .mobile-img { display: none; } 
.artstepinner > li:hover .photo img { transform: scale(1.05); } 
.artstepinner .text { background-color: #775c4a; font-size: 15px; line-height: 1.7; color: #fff; display: flex; flex-direction: column; gap: 25px; padding: 70px 20px 70px 35px; position: relative; } 
.artstepinner .text.t1 { background-color: #576ab2;transition: background-color 1s; } 
.artstepinner .text.t2 { background-color: #775c4a;; transition: background-color 1s; } 
.artstepinner .text ul { opacity:0.9; font-weight: 300; letter-spacing: -0.3px; } 
.artstepinner > li:hover .t1 { background-color: #5a57b2; } 
.artstepinner > li:hover .t2 { background-color: #5f4129; } 
.artstepinner .text ul li { display: list-item; list-style-type: disc; list-style-position: outside; margin-left: 17px; } 
.artstepinner .text a { position: absolute; right: 20px; bottom: 20px; font-size: 18px; border-radius: 50%; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; line-height: 1; } 
.artstepinner .text a:hover { background-color: #fff; color: #333; } 
.artstepinner .text .name { font-size: 16px; font-weight: 400; } 
.artstepinner .text .name span { font-size:clamp(21px, 2.4vw, 26px); font-weight: 400; line-height: 1; font-family: "Nanum Myeongjo", serif; margin-left: 8px; } 



/* 유튜브 */
.mainyoutube { background-color: #48403e; padding: 100px 0 160px 0; color: #fff; } 
.mainyoutube .title h2 { color: #fff; } 
.mainyoutubeinner ul { margin-bottom: 80px; } 
.mainyoutubeinner iframe { border-radius: 20px; overflow: hidden; } 
.video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } 
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: auto; } 
.video-wrapper::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 50px; background: transparent; z-index: 1; pointer-events: none; } 
.mainyoutubeinner .info { display: flex; flex-direction: column; gap: 20px; justify-content: center; } 
.mainyoutubeinner .info .t2 { font-size: 24px; font-weight: 600; line-height: 1.4; letter-spacing: -0.5px; } 
.mainyoutubeinner .info .exp { font-size: 16px; color: rgba(255, 255, 255, 0.85); } 
.youtubelink { margin-top: 40px; gap: 15px; background-color: #c72020; color: #fff; font-size: 16px; border-radius: 30px; padding: 0px 50px; display: flex; align-items: center; justify-content: center; width: max-content; line-height: 1; height: 55px; } 
.youtubelink i { font-size: 20px; } 
.mainyoutubeinner .swiper-slide { height: max-content; display: grid; grid-template-columns:830px auto; gap: 60px; } 
.mainyoutubeinner .swiper-slide .video-wrapper iframe { pointer-events: none !important; visibility: hidden; } 
.mainyoutubeinner .swiper-slide-active .video-wrapper iframe { pointer-events: auto !important; visibility: visible; } 
.mainyoutubeinner .swiper-pagination-bullet { background-color: #fff; opacity: 0.5; width: 15px; height: 15px; margin: 0 5px !important; border: 0; } 
.mainyoutubeinner .swiper-pagination-bullet-active { opacity: 1; background-color: #fff; } 


/* 언론보도 */
.mainpress { background-color: #f2ebe5; padding: 60px 0 180px 0; } 
.mainpress .title h2 { color: #513c2b; } 
.press-slider { width: 100%; } 
.slides-container { position: relative; } 
.pressslide-group { display: flex; gap: 20px; width: 100%; margin-bottom: 40px; position: relative; height: 470px } 
.press-item { background-color: #fff; height: 227px; width: calc(100% - 490px); left:490px; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 15px; overflow: hidden; background-color: #fff; color: #555; position: absolute; } 
.press-item:first-child, .press-item:nth-child(3n + 1) { width: 460px; height: 470px; left: 0; top: 0; } 
.press-item:nth-child(3n) { left: 490px; top: 243px; } 
.press-item .imgbox { gap: 0px; display: grid; grid-template-columns: 340px auto; padding: 10px; height: 100%; } 
.press-item:first-child a { padding: 0; display: flex; flex-direction: column; color: #fff !important; } 
.pressslide-group[data-group="1"] .press-item:first-child a { background-color: #ef6d72; } 
.pressslide-group[data-group="2"] .press-item:first-child a { background-color: #835cd7; } 
.pressslide-group[data-group="3"] .press-item:first-child a { background-color: #1e81d8; } 
.mainpress .imgbox .thumb { height: 100%; border-radius: 10px; max-width: 350px; max-height: 230px; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #f5f5f5; } 
.mainpress .imgbox .thumb img { transition: transform 0.5s; height: 100%; object-fit: cover; min-height: 100%; min-width: 100%; display: block; } 
.mainpress .imgbox:hover .thumb img { transform: scale(1.05); } 
.press-item:first-child .thumb, .press-item:nth-child(3n + 1) .thumb { width: 100%; height: calc(100% - 200px); min-height: calc(100% - 200px); max-width: inherit; border-radius: 0; } 
.press-item .imgbox .text { height: 100%; display: flex; flex-direction: column; padding: 0 45px; gap: 10px; overflow: hidden; justify-content: center; } 
.mainpress .imgbox .t2 { font-size: 20px; text-align: left; color: #111; line-height: 1.3; letter-spacing: -0.5px; font-weight: 500; } 
.mainpress .imgbox .exp { color: #999; display: -webkit-box; overflow: hidden; font-size: 16px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; } 
.mainpress .imgbox .info { display: flex; align-items: center; justify-content: space-between; gap: 20px; } 
.mainpress .imgbox .date { font-size: 14px; color: #b3b3b3; letter-spacing: -0.5px; } 
.press-item:nth-child(3n + 1) .imgbox .exp, .press-item:nth-child(3n + 1) .imgbox .date { color: #fff !important; opacity: 0.8; } 
.press-item:nth-child(3n + 1) .imgbox .t2 { opacity: 1 !important; color: #fff !important; } 
.pagination-dots { display: flex; justify-content: center; align-items: center; gap:0; margin-top: 30px; } 
.dot { background-color:#fff; opacity: 0.8; width: 15px; height: 15px; border-radius: 50%; margin: 0 5px !important; border: 0px; cursor: pointer; } 
.dot.active { opacity: 1; background-color: #725a1f; } 


/* 포토갤러리 */
.maingallery { background-color: #e1b95e; padding: 80px 0 180px 0; } 
.maingallery .wave-bg { height: 150px; } 
.maingallery .title h2 { color: #fff; } 
.maingallery .title .arr-right { background-color: #fff; color:#674b47; } 
.galleryinner ul { display: flex; margin-bottom: 80px; } 
.galleryinner li { max-width: 450px; box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 15px; overflow: hidden; background-color: #fff; color: #555; } 
.galleryinner .imgbox { display: flex; flex-direction: column; align-items: center; } 
.galleryinner .imgbox .thumb { width: 100%; overflow: hidden; height:260px; overflow:hidden; min-width: 100%; display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background-color: #f5f5f5; } 
.galleryinner .imgbox img { width: auto; max-width: 400px; height: 260px; object-fit: cover; min-height: 100%; min-width: 100%; display: block; transition: transform 0.5s; } 
.galleryinner li:hover .imgbox img { transform: scale(1.05); } 
.galleryinner .imgbox .text { padding: 25px 30px; word-break: keep-all; text-align: left; line-height: 1.35; min-height: 162px; display: flex; flex-direction: column; justify-content: center; } 
.galleryinner .imgbox .text .t2 { font-size: 19px; font-weight: 500; color: #111; letter-spacing: -0.5px; } 
.galleryinner .imgbox .text .exp { color: #999; display: -webkit-box; margin-top: 10px; overflow: hidden; font-size: 16px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; } 
.galleryinner .swiper-pagination-bullet { background-color: #fff; opacity: 0.5; width: 15px; height: 15px; margin: 0 5px !important; border: 0; } 
.galleryinner .swiper-pagination-bullet-active { opacity: 1; background-color: #fff; } 




@media screen and (max-width:1200px){
    .mainBigSwiper{height: 700px;}
    .mainLink { top: -120px; right: 0; width: 100%; max-width: 100%; transform: translateX(0%); justify-content: center;}
    .mainLink > a{height: 80px;}
    .maingallery {padding: 40px 0 100px 0; }
    section .title .arr-right{width: 42px; height: 42px;}
    .galleryinner .imgbox .thumb { height: 220px; } 
    .mainSlogan{top: 27%;}
    main .container {padding-left: 20px; padding-right: 20px; z-index: 90;}
    .mainpress .imgbox .t2, .galleryinner .imgbox .text .t2{font-size: clamp(15px, 1.5vw, 20px);}
    .mainpress .imgbox .thumb{max-width: 300px;}
    .press-item:first-child .thumb, .press-item:nth-child(3n + 1) .thumb{max-width: 400px !important;}
    .press-item:first-child, .press-item:nth-child(3n + 1){width: 400px;}
    .press-item .imgbox{    grid-template-columns: 300px auto;}
    .press-item .imgbox .text{padding: 0 30px;}
    .press-item{width: calc(100% - 420px);left: 420px;}
    .press-item:nth-child(3n){left: 420px;}
    .mainpress .conBox .thumb { max-height: 330px; } 
    .mainpress .imgbox .exp, .galleryinner .imgbox .text .exp, .mainyoutubeinner .info .exp{line-height: 1.3; font-size: 14px;}
    .artstepinner > li{grid-template-columns: auto 350px;}
    .artstepinner .text{padding: 45px 20px 45px 35px; font-size: 14px;}
    .mainArtstep{ padding: 30px 0 160px 0;}
    .mainyoutubeinner .swiper-slide{ grid-template-columns: 640px auto;gap: 40px;}
    .mainpress{ padding: 30px 0 140px 0;}
 }

 @media screen and (max-width:1024px){
    .wave-bg { top: -79px; height: 80px; }
    .maingallery .wave-bg { height: 120px; }
    .maingallery, .mainpress { padding: 20px 0 90px 0; }
    .mainBigSwiper { height: 650px;}

    .press-item:first-child, .press-item:nth-child(3n + 1){width: 350px;}
    .press-item, .press-item:nth-child(3n){ width: calc(100% - 370px); left: 370px;}
    .mainyoutubeinner .swiper-slide { grid-template-columns: 1.5fr 1fr; }
    .mainyoutubeinner .info .t2{font-size: 20px;}
    .youtubelink{margin-top: 0px;}
    .mainyoutube{ padding: 40px 0 100px 0;}
    .mainArtstep { padding: 10px 0 130px 0;}
    .mainDonation{ padding: 20px 0 130px 0;}
    section .title{margin-bottom: 40px;}
    .mainLink > a{height: 70px;}
    .artstepinner > li { grid-template-columns: auto 330px; }
    .artstepinner .text { padding: 45px 10px 45px 25px; font-size: 13.5px; }
    ul.artstepinner{gap: 15px;}
    .artstepinner .text{gap: 15px;}
    .mainDonation .container{gap: 30px;}
    .galleryinner .imgbox .text{padding: 15px 20px;}
    .galleryinner .imgbox .text{min-height: 140px;}
    .press-item{height: 200px;}
    .press-item:first-child, .press-item:nth-child(3n + 1){height: 420px;}
    .pressslide-group{height: 420px;}
    .press-item:nth-child(3n){top: 220px;}
    .artstepinner .text a{width: 40px; height: 40px; font-size: 15px;}
    section .title .arr-right { width: 40px; height: 40px; font-size: 16px; }
    .galleryinner .imgbox .thumb{height: 200px;}
    .galleryinner .imgbox img{height: 200px;}
    .press-item .imgbox .text { padding: 0 20px; }
    
 }

@media screen and (max-width:820px){
   
    .mainDonation .godonation{width: 180px;height: 50px; font-size: 15px;}
    
    .mainyoutubeinner .swiper-slide { grid-template-columns: 1fr; }
    section .title .arr-right{top: calc(50% + 5px);}
    .press-item, .press-item:nth-child(3n), .press-item:first-child, .press-item:nth-child(3n + 1) { width: 100%; left: inherit; position: relative; top: inherit; height: inherit; }
    .press-item .imgbox { grid-template-columns: 1fr; }
    section .title { margin-bottom: 30px; }
    .mainpress .imgbox .thumb { max-width: inherit; min-height: 160px; height: 160px; }
    .pressslide-group{gap: 15px;height: inherit;}
    .maingallery{padding: 40px 0 90px 0;}
    .galleryinner .imgbox .thumb { height: 160px; }
    .press-item .imgbox .text { padding: 10px; }
    .press-item:first-child .thumb, .press-item:nth-child(3n + 1) .thumb{min-height: 170px !important;}
    .mainBigSwiper { height: 500px; }
    .front-page .site-main { margin-top: 60px !important;}
    .mainLink{top: -100px;}
    .mainSlogan h1{font-size: 36px;}
    .mainSlogan { top: 24%; }
    .mainSlogan p{margin-top: 10px;}
    .artstepinner > li { grid-template-columns: 1fr; }

    .artstepinner .photo .desktop-img { display: none; }
    .artstepinner .photo .mobile-img { display: block; }
    .artstepinner .photo{height: 200px;}
    .artstepinner .photo img { min-width: 100%; overflow: hidden; min-height: 100%; max-height: 200px; }
    .artstepinner .text { padding: 45px 10px 45px 45px;}
    .artstepinner .text a{  bottom: inherit;top: -60px;}


 }

@media screen and (max-width:520px){
    .mainBigSwiper .swiper-pagination { bottom: 10px; } 
    .maingallery .title h2, .mainmember .title, .mainpress .intertitle { font-size: 24px; } 
    .mainLink > a{ width: 160px; padding: 0 25px; font-size: 15px;}
    .galleryinner ul{margin-bottom: 50px;}
    .galleryinner .imgbox .thumb { height: 140px;}
    .mainpress .imgbox .t2, .galleryinner .imgbox .text .t2{word-break: break-all;}
    .mainDonation { padding: 20px 0 100px 0; }
    .mainpress .imgbox .exp, .galleryinner .imgbox .text .exp, .mainpress .imgbox .info{display: none;}
    .mainyoutubeinner .info .t2 { font-size: 18px; }
    .press-item .imgbox .text { padding: 10px 0 0 0; }
    section .title .arr-right{top: 50%;}
    .press-item:first-child a{padding: 10px;}
    .press-item:first-child .thumb, .press-item:nth-child(3n + 1) .thumb{border-radius: 10px;}
    .press-item{box-shadow: none;}
    .pressslide-group{flex-direction: column;}
    .youtubelink { max-width: 100%; width: 100%; padding: 0 30px;}
    .mainyoutubeinner .swiper-slide{gap: 20px;}
    .galleryinner .imgbox .text{min-height: inherit;padding: 15px 10px;}
    .maingallery { padding: 40px 0 80px 0; }
    .maingallery { padding: 40px 0 80px 0; }
    .mainBigSwiper { height: 450px; }
    .mainSlogan h1 { font-size: 32px; }
    .mainArtstep { padding: 10px 0 110px 0; }
    .mainSlogan{ top: 22%; }
    ul.artstepinner {flex-direction: column;}
    .artstepinner .text { padding: 25px 10px 25px 30px; gap: 8px;line-height: 1.5;}
    .artstepinner .text ul li:nth-child(n+5) { display: none !important;}
    .artstepinner .photo,.artstepinner .photo img{max-height: 200px; height: 200px;}
    .galleryinner .swiper-pagination-bullet, .dot, .mainyoutubeinner .swiper-pagination-bullet{width: 10px; height: 10px;}
    .mainLink > a:first-child::before, .mainLink > a:nth-child(2)::before {top: -40px; width: 80px;;}
 }
 @media screen and (max-width:420px){
     .galleryinner .imgbox .thumb { height: 170px; }
     .mainLink > a{border-radius: 15px;height: 60px;}
     .mainLink {top: -90px;}
 }