html, body { overflow-x: hidden; }
.intro { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #000; color: #fff; z-index: 2000; padding: 40px; display: flex; flex-direction: column; gap: 40px; align-items: center; transition: 1s ease-in-out; } 
.intro.intro_up { top: -100%; visibility: hidden; } 
.intro ul { display: flex; border: 2px solid #666; width: 100%; flex: 1; } 
.intro ul li { width: 50%; } 
.intro ul li+li { border-left: 2px solid #666; } 
.intro a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; transition: 0.5s; padding: 20px; } 
.intro a .text { display: flex; flex-direction: column; gap: 40px; text-align: center; align-items: center; width: 100%; } 
.intro a .text .img-box { position: relative; } 
.intro a .text .img-box img { transition: 0.5s; } 
.intro a .text .img-box img+img { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; } 
.intro a .text p { font-size: 20px; opacity: 0.4; transition: 0.5s; } 
.intro a .text span { font-size: 16px; width: 135px; height: 40px; border-radius: 50px; border: 1px solid #ffffff; line-height: 40px; opacity: 0.4; transition: 0.5s } 
.intro a.andong01:hover { background: #00aeff36; } 
.intro a.andong02:hover { background: #ff001136; } 
.intro a:hover .text .img-box img { opacity: 0; } 
.intro a:hover .text .img-box img+img,.intro a:hover .text p,.intro a .text span:hover { opacity: 1; } 
.intro a.andong01 .text span:hover { border: 1px solid #0066B3; background: #0066B3; } 
.intro a.andong02 .text span:hover { border: 1px solid #850008; background: #850008; } 



.main-sect { padding: clamp(60px, calc( 150 / var(--inner) * 100vw ), 150px) 0; } 
.se-centerview .main-sect { padding: 0; } 
.main-sect h3 { font-size: clamp(24px, calc( 34 / var(--inner) * 100vw ), 34px); font-weight: bold; color: #000; } 
.hd-text-box h2 { font-size: clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px); font-weight: bold; color: #000; line-height: 1.2; } 
.hd-text-box a { display: block; font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold; color: #000; } 

.hd-text-box a .ico-arr-main { transition: 0.5s; } 
.hd-text-box a:hover .ico-arr-main { transform: translate(5px, -5px); } 
.hd-text-box a span { display: flex; align-items: center; gap: 5px; } 








.se-depth { padding: 0; } 
.se-depth .depth-sd { height: 100vh; padding: 0; } 
.se-depth .depth-sd .flex-center-mid { height: 100%; } 
.se-depth .depth-list { height: 100%; } 
.se-depth .depth-list li { position: relative; text-align: center; color: #ffffff; width: 25%; } 
.se-depth .depth-list li a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0000006e; transition: 0.5s; } 
.se-depth .depth-list li a:hover::after { opacity: 0.1; } 
.se-depth .depth-list li.li1 { background: url(../img/main/se-depth-01.jpg)no-repeat; background-size: cover; } 
.se-depth .depth-list li.li2 { background: url(../img/main/se-depth-02.jpg)no-repeat; background-size: cover; } 
.se-depth .depth-list li.li3 { background: url(../img/main/se-depth-03.jpg)no-repeat; background-size: cover; } 
.se-depth .depth-list li.li4 { background: url(../img/main/se-depth-04.jpg)no-repeat; background-size: cover; } 
.se-depth .depth-list li a { display: block; width: 100%; height: 100%; } 
.se-depth .depth-list li span { font-size: 16px; opacity: 0.7; } 
.se-depth .depth-list li strong { font-size: clamp(25px, calc( 34 / var(--inner) * 100vw ), 34px); font-weight: bold; margin-top: 25px; } 
.se-depth .depth-list li .more { position: relative; display: block; font-weight: 500; padding: 15px 30px; border: 1px solid #CFCFCF; border-radius: 50px; margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); transition: 0.5s; background: #0000005b;width: fit-content;margin-left: auto;margin-right: auto; } 
.se-depth .depth-list li .more:hover { padding-right: 60px; } 
.se-depth .depth-list li .more::after { content: ''; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); width: 14px; height: 8px; background: url(../img/common/ico-arr-right-01.svg); transition: 0.5s; opacity: 0; } 
.se-depth .depth-list li .more:hover::after { opacity: 1; } 
.se-depth .depth-list li .text-wrap { position: relative; z-index: 5; } 
.se-depth .depth-list li .more-box { height: 0; overflow: hidden; transition: 0.5s; } 
.se-depth .depth-list li:hover .more-box { height: 135px; } 
 .se-depth .swiper-button-next,.se-depth .swiper-button-prev { position: relative; top: 0 !important; left: 0 !important; right: auto; background: url(../img/common/ico-arr-right-01.svg)no-repeat center; margin: 0 !important; height: 50px; width: 50px; } 
 .se-depth .swiper-button-next:after,.se-depth .swiper-button-prev:after { display: none; } 
 .se-depth .swiper-button-prev { transform: rotate(180deg); } 




.se-centerview .hd-text-box { position: relative; } 
.se-centerview .hd-text-box::after { content: 'ADCO'; position: absolute; bottom: -55px; right: -100px; font-size: clamp(90px, calc( 270 / var(--inner) * 100vw ), 270px); font-weight: bold; color: #F5F5F5; line-height: 0.8; transition: 0.7s 0.5s; opacity: 0; z-index: -1; } 
.se-centerview .scroll-on .hd-text-box::after { right: 0; opacity: 1; } 
.se-centerview .link-centerview { margin: 40px 0; } 
.se-centerview .centerview-top { position: relative; align-items: end; margin-bottom: 110px; } 
.se-centerview .centerview-top::after { content: ''; position: absolute; bottom: -400px; left: 0; width: 100%; height: 150%; background: #F5F5F5; z-index: -1; } 
.se-centerview .centerview-top .text-box { padding-right: calc((100% - 1600px) / 2); text-align: right; } 
.se-centerview .centerview-top .text-box h3 { margin-bottom: 40px; } 
.se-centerview .text-op { position: relative; display: block; width: fit-content; height: fit-content; } 

.se-centerview .text-op .text-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000000a2; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff; opacity: 0; transition: 0.5s; } 
.se-centerview .text-op:hover .text-box { opacity: 1; } 
.se-centerview .text-op .text-box strong { font-size: 24px; font-weight: bold; } 
.se-centerview .text-op .text-box span { font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #ffffff; display: flex; align-items: center; gap: 50px; margin-top: 40px; text-transform: uppercase; } 
.se-centerview .text-op .text-box span::after { content: ''; width: 8px; height: 12px; background: url(../img/common/ico-arr-right-02.svg)no-repeat center; } 
.se-centerview .centerview-img { display: grid; grid-template-rows: repeat(2, auto); grid-template-columns: repeat(2, 1fr); grid-template-areas:"img2 img1" "img2 img3"; align-items: end; gap: 40px; } 
.se-centerview .centerview-img .text-op { opacity: 0; transition: 0.7s; } 
.se-centerview .centerview-img .text-op:nth-child(1) { grid-area: img1; transform: translateX(100px); } 
.se-centerview .centerview-img .text-op:nth-child(2) { grid-area: img2; margin-left: auto; margin-bottom: 115px; transform: translateY(100px); } 
.se-centerview .centerview-img .text-op:nth-child(3) { grid-area: img3; margin-top: 80px; transform: translateY(100px); } 
.se-centerview .centerview-top .img-box { transform: translateX(-100px); opacity: 0; transition: 0.7s; } 
.se-centerview .centerview-top.scroll-on .img-box { transform: translateX(0px); opacity: 1; } 
.se-centerview .centerview-img .text-op.scroll-on { transform: translate(0, 0); opacity: 1; } 




.se-schedule { } 
.se-schedule .link-schedule { margin-top: clamp(40px, calc( 150 / var(--inner) * 100vw ), 150px); } 
/* .se-schedule .link-schedule::before { content: ''; width: 20px; height: 21px; background: url(../img/common/ico-schedule.svg)no-repeat; } */
.se-schedule .schedule-list { display: grid; grid-template-rows: repeat(2, auto); grid-template-columns: repeat(4, 1fr); } 
.se-schedule .schedule-list .hd-text-box { grid-column: 1 / 3; } 
.se-schedule .schedule-list .schedul-li { position: relative; aspect-ratio: auto 1 / 1; border-top: 2px solid #000; border-left: 2px solid #000; transform: translateY(100px); opacity: 0; transition: 0.7s ease 1.3s; } 
.se-schedule .schedule-list .schedul-li.coming_soon_li{display: flex;justify-content: center;align-items: center;font-weight: bold;font-size: 27px;}
.se-schedule .schedule-list .schedul-li .card-text { padding: 40px 20px; } 
.se-schedule.scroll-on .schedule-list .schedul-li { transform: translateY(0px); opacity: 1; } 
.se-schedule .schedule-list li:nth-child(3),.se-schedule .schedule-list li:last-child { border-right: 2px solid #000; } 
.se-schedule .schedule-list li:nth-child(n+4) { border-bottom: 2px solid #000; } 
.se-schedule .schedule-list li:nth-child(n+4) { border-bottom: 2px solid #000; } 
.se-schedule .schedule-list .card-text { justify-content: space-between; height: 100%; } 
.se-schedule .schedule-list .schedul-li strong { font-size: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold; margin-top: 10px;word-break: break-all; } 
.se-schedule .schedule-list .empty_li{border: 2px solid #000 ;padding: 40px 20px;}
.se-schedule .schedule-list .schedul-li span { display: flex; gap: 8px; align-items: center; } 
.se-schedule .schedule-list .schedul-li span::before { content: ''; width: 8px; height: 8px; border-radius: 50%; } 
.se-schedule .schedule-list .schedul-li span.meeting::before { background: #CF202F; } 
.se-schedule .schedule-list .schedul-li span.exhibit::before { background: #EA7620; } 
.se-schedule .schedule-list .schedul-li span.event::before { background: #20CFC0; } 
.se-schedule .schedule-list .schedul-li span.other::before { background: #FFD700; } 
/* .se-schedule .schedule-list .schedul-li span.watch::before { background: #0477BF; } 
.se-schedule .schedule-list .schedul-li span.function::before { background: #FFD700; } 
.se-schedule .schedule-list .schedul-li span.performance::before { background: #4CAF50; }  */
.se-schedule .schedule-list .schedul-li .card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.5s; } 
.se-schedule .schedule-list .schedul-li:hover .card-img { opacity: 1; } 
.se-schedule .schedule-list .schedul-li .card-img img { width: 100%; height: 100%; object-fit: fill; } 







.se-guide { } 
.se-guide .link-guide { margin-top: 50px; } 
.se-guide .link-guide span { justify-content: end; } 
.se-guide .notic-list { gap: 20px; margin-top: 40px; margin-bottom: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); opacity: 0; transition: 0.7s 1.5s; } 
.se-guide .notic-list li { position: relative; padding: 20px 0; width: calc((100% - 60px)/4); border-top: 2px solid #000; } 
.se-guide .notic-list li a { transition: 0.5s; display: flex; flex-direction: column; } 
/* .se-guide .notic-list li::before { content: ''; position: absolute; top: -2px; right: 0; width: 100%; height: 2px; background: #000000; transition: 0.5s; } 
.se-guide .notic-list li:hover::before { width: 0; } 
.se-guide .notic-list li::after { content: ''; position: absolute; top: -2px; left: 0; width: 0%; height: 4px; background: var(--point); transition: 0.5s 0.1s; } 
.se-guide .notic-list li:hover::after { width: 100%; } */
.se-guide .notic-list li a:hover { padding-left: 20px; } 
.se-guide .notic-list li strong { margin-top: 15px; display: block; font-weight: bold; color: #000; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); transition: background-size 0.3s; transition-timing-function: ease-out; height: 100px; } 
.se-guide .notic-list a:hover strong { background-image: linear-gradient(#000, #000); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 2px; } 
.se-guide.scroll-on .notic-list,.se-guide.scroll-on .simple-menu-area { opacity: 1; } 
.se-guide .simple-menu-area { opacity: 0; transition: 0.7s 2s; } 
.se-guide .simple-menu-area a { position: relative; } 
.se-guide .simple-menu-area a i { position: absolute; bottom: 40px; right: 40px; transition: 0.5s; display: flex; justify-content: end; } 
.se-guide .simple-menu-area a:hover i { bottom: 50px; } 
.se-guide .simple-menu-area .link-online-guise { width: 340px; height: 220px; border: 2px solid #000; padding: 40px; justify-content: space-between; background: #E5E5E5; } 
.se-guide .simple-menu-area strong { font-weight: bold; color: #000; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); } 
.se-guide .simple-menu-area .go-menu { border: 2px solid #000; border-left: 0; flex: 1; background: #F8F8F8; } 
.se-guide .simple-menu-area .go-menu strong { padding: 40px; display: block; height: 100%; } 
.se-guide .simple-menu-area .go-menu li,.se-guide .simple-menu-area .go-menu .flex-bottom { flex: 1; } 
.se-guide .simple-menu-area .go-menu a { display: block; padding: 80px 20px 40px; font-weight: bold; } 
.se-guide .simple-menu-area .go-menu ul li { position: relative; } 
.se-guide .simple-menu-area .go-menu ul li::before { content: ''; position: absolute; bottom: 0; left: 0; width: 2px; height: 60px; display: block; background: #000; } 
/* .se-guide .simple-menu-area .go-menu br { display: none; }  */

img.mo-img { display: none; } 



 @media (max-width: 1700px) {
    .se-centerview .centerview-top .text-op{flex: 1;}
    .se-centerview .centerview-top .text-op img{width: 100%;height: 100%;object-fit: cover;}
 } 

 @media (max-width: 1600px) { 
 .se-centerview .centerview-top .text-op+.text-box { padding-right: 40px; } 
  .se-guide .simple-menu-area a i img { width: 70%; } 
   .se-guide .simple-menu-area a i { right: 20px; } 
 }
@media (max-width: 1500px){
 .se-centerview .centerview-top { gap: 20px; } 
 .se-centerview .centerview-top a { flex: 1; } 
 .se-guide .simple-menu-area .go-menu { flex-direction: column; align-items: start; } 
 .se-guide .simple-menu-area .go-menu strong { height: auto; padding-bottom: 20px; } 
 .se-guide .simple-menu-area .go-menu .flex-bottom { width: 100%; } 
 .se-guide .simple-menu-area .go-menu ul li:first-child::before { display: none; } 
 .se-guide .simple-menu-area .go-menu a { padding: 45px 20px 25px; } 

 }
@media (max-width: 1400px) { } 
@media (max-width: 1300px){
 .se-schedule .schedule-list { display: flex; flex-direction: column; } 
 .se-schedule .schedule-list li:nth-child(2){border-top: 2px solid #000;}
 .se-schedule .schedule-list .schedul-li { aspect-ratio: inherit; border-right: 2px solid #000; border-bottom: 2px solid #000;border-top: 0;} 
  .se-schedule .schedule-list .schedul-li.coming_soon_li{display: none;}
 .se-schedule .schedule-list li:last-child { border-bottom: 2px solid #000; } 
 .se-schedule .schedule-list .schedul-li a { display: flex; } 
 .se-schedule .schedule-list .schedul-li a > div { width: 50% !important; } 
 .se-schedule .schedule-list .schedul-li .card-img { position: relative; opacity: 1; aspect-ratio: auto 1 / 1; order: -1; } 
 .se-schedule .schedule-list .schedul-li .card-text { box-sizing: border-box; height: auto; } 
 .se-schedule .link-schedule { margin-top: 30px; } 
 .se-schedule .hd-text-box { margin-bottom: 40px; } 
 .se-schedule .hd-text-box h2 .line { display: inline !important; } 
 .se-guide .notic-list { flex-direction: column; margin-bottom: 20px; } 
 .se-guide .notic-list li { width: 100%; } 
 .se-guide .simple-menu-area a i img { width: 60%; } 
 }
 @media (max-width: 1200px){
 .se-guide .simple-menu-area .go-menu br { display: block; } 
 .se-guide .simple-menu-area .go-menu a { padding: 40px 20px 32px; } 
 .se-guide .simple-menu-area .link-online-guise { width: 300px; } 
 }
@media (max-width: 1024px){
 .intro ul { flex-direction: column; } 
 .intro ul li { width: 100%; height: 50%; } 
 .intro ul li+li { border-left: 0; border-top: 2px solid #666; } 
 .se-centerview .centerview-top { flex-direction: column; margin-bottom: 0; gap: 0; } 
 .se-centerview .centerview-top .text-box { padding-top: 80px; padding-bottom: 80px; } 
 .se-guide .simple-menu-area { flex-direction: column; } 
 .se-guide .simple-menu-area .link-online-guise { width: 100%; height: 175px; padding: 20px; justify-content: center; gap: 20px; } 
 .se-guide .simple-menu-area .go-menu { border: 2px solid #000; border-top: 0; } 
 .se-guide .simple-menu-area .go-menu a { padding: 20px; } 
 .se-guide .simple-menu-area a i { bottom: 20px; } 
 .se-guide .simple-menu-area .go-menu strong { padding: 40px 20px 20px 20px; } 
 }
@media (max-width: 800px) { 
.se-guide .simple-menu-area .go-menu a i img { width: 50%; } } 
@media (max-width: 768px){
 .se-depth .depth-list li .more-box { height: 100%; display: flex; align-items: center; border: 1px solid #CFCFCF; border-radius: 30px; margin-top: 60px;  } 
 .se-depth .depth-list li:hover .more-box { height: auto; } 
 .se-depth .depth-list li .more { margin: 0; border: 0; padding: 0; padding: 0 20px; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; border-radius: 0; height: 50px; display: flex; justify-content: center; align-items: center; font-weight: bold;background: none; } 
 .se-depth .depth-list li .more:hover { padding: 0 20px; } 
 .se-depth .depth-list li .more::after { display: none; } 
 .se-centerview .centerview-img { display: flex; flex-direction: column; gap: 80px; } 
.se-centerview > .inner { padding: 0; } 
.se-centerview .centerview-img .text-op:nth-child(2) { margin: 0; margin-right: auto; } 
.se-centerview .centerview-img .text-op:nth-child(3) { margin: 0; } 
.se-guide .link-guide span { justify-content: start; } 
 .se-guide .simple-menu-area .go-menu a i { display: none; } 
 .se-guide .simple-menu-area .go-menu a { text-align: center; } 
.se-guide .notic-list li strong { height: auto; min-height: 70px; } 
img.mo-img { display: block; } 
img.pc-img { display: none; } 

 }
@media (max-width: 600px) {
 .se-centerview .centerview-top .text-op+.text-box { padding-right: 20px; padding-left: 20px;} 
 .se-schedule .schedule-list .schedul-li .card-text { padding: 20px; } 
 .se-schedule .schedule-list .schedul-li em { font-size: 14px; } 
 /* .se-schedule .schedule-list .schedul-li a { flex-direction: column; height: 100%; } */
 /* .se-schedule .schedule-list .schedul-li { aspect-ratio: auto 1 / 2; } */
 /* .se-schedule .schedule-list .schedul-li a > div { width: 100% !important; height: 50% !important; } */

 }
@media (max-width: 500px){
 .se-centerview .hd-text-box::after { bottom: -43px; } 
 .intro a .text { gap: 20px; } 
 .hd-text-box a .ico-arr-main { transform: scale(0.8); } 
 .se-schedule .schedule-list .schedul-li strong { margin-top: 3px; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;overflow: hidden;} 
 .se-guide .simple-menu-area .go-menu a{padding: 10px;font-size: 12px;}
 .se-centerview .centerview-top .m_none{display: none;}
 }
 @media (max-width: 400px){
     .se-guide .simple-menu-area .go-menu a { padding: 20px 10px; } 
     .se-schedule .schedule-list .schedul-li .card-text { padding: 15px; } 
     .se-schedule .schedule-list .schedul-li em { font-size: 10px; } 
     .se-guide .simple-menu-area .go-menu a{font-size: 10px;}
 }