<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*----------------------------------------------------------------------
# 메인 CSS 
----------------------------------------------------------------------*/


/*----------------------------------------------------------------------
@ MAIN COMMON 
----------------------------------------------------------------------*/
#main &gt; section {padding-top:6.25rem;padding-bottom:6.25rem; overflow-x:clip; }

.main_title_wrap { position:relative; } 
.main_title {position:relative; display:flex; align-items:center; font-size:2.5rem; color:#000; font-weight:600; padding:0rem;line-height:1; }
@media screen and (max-width: 1024px){
	.main_title { font-size:1.875rem;  }
}
@media screen and (max-width: 1024px){
	#main &gt; section {padding-top:5rem;padding-bottom:5rem;}
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.563rem;  }
}



/*----------------------------------------------------------------------
	메인 슬라이드
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important; margin-top:90px; }
#main__slider .slider__infos {overflow:hidden;height:calc(((var(--vh, 1vh) * 100)) - 90px);}
/*배경*/
#main__slider .slider__thumb {position:relative;width:100%;height:100%; }
#main__slider .slider__thumb:after { content:''; position:absolute; left:0; top:0;  width:100%; height:100%; background:rgba(0, 0, 0, 0.0); } 
#main__slider .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1440px;width:100%;height:100%;z-index:9;margin:0 auto;}

/*슬로건*/
#main__slider .slider__slogun {display:flex;height:100%;justify-content:flex-end;align-items:flex-start;flex-direction:column;text-align:left;/*padding-bottom:6.875rem;*/padding-bottom:3.75rem; font-weight:700;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun a { display:flex; flex-direction:column; } 
#main__slider .slider__slogun b {position:relative;display:block;font-weight:600;/*font-size:2.5rem;*/font-size:1.875rem;line-height:1.2;color:#fff;overflow:hidden; word-break:keep-all; }
#main__slider .slider__slogun b.subtitle {margin-top:15px; display:block;font-weight:300;/*font-size:1.563rem;*/font-size:1.25rem;line-height:1.2;color:#fff;overflow:hidden;}
#main__slider .slider__slogun b &gt; span,
#main__slider .slider__slogun p &gt; span { display:block; position:relative; opacity:0; } 
#main__slider .slider__slogun p {position:relative;margin-top:20px;font-weight:400;font-size:1.500rem;line-height:1.47;color:#fff;overflow:hidden;}
/*
#main__slider .slider__slogun &gt; b {display:block;font-weight:900;font-size:4rem;line-height:1;color:#fff;}
#main__slider .slider__slogun &gt; strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun &gt; p {margin-top:2.2rem;font-weight:300;font-size:1.8rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun &gt; p strong {font-weight:500;}
*/

#main__slider .slider__slogun_btn {position:relative;display:block;padding:0; margin-top:2rem; font-size:0.938rem;color:#fff; font-weight:300; text-align:center;box-sizing:border-box;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn:before {content:''; position:absolute; bottom:-2px; left:0px; width:0;height:1px;background-color:#fff;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn &gt; span {display:flex;align-items:center;justify-content:center;}
/*#main__slider .slider__slogun_btn &gt; span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn &gt; span:after {content:'+ View Exhibitions';}


/*스크롤*/
#main__slider .slider-scroll a {display:none;position:absolute;left:0;right:0;width:9.2rem;height:4.3rem;margin:0 auto;font-weight:500;font-size:0.875rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll a:before {content:'';display:block;width:1.5rem;height:1.5rem;margin:0 auto;margin-bottom:.4rem;background-image:url(images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
@keyframes scrollImage {0%{bottom:50px;}50%{bottom:70px;}100%{bottom:50px;}}
/*좌우 부가 설정*/
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:3rem;color:#fff;}
#main__slider .swiper-pagination-bullet {background-color:#fff;}
/*액션*/
#main__slider .slider__thumb .slider__thumb_bg {-webkit-transition-duration:15s;-m-transition-duration: 15s;-o-transition-duration:15s;-ms-transition-duration:15s;transition-duration:15s;transition: all 15s ease-out;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1); }
#main__slider .slider__slogun {position:relative;top:4rem;-webkit-transition-duration:.8s;-m-transition-duration: .8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:0;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg {-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1);  }

/* SWIPER PAGINATION */
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:2rem;color:#fff;}
#main__slider .swiper-button-prev { display:none; left:20px; } 
#main__slider .swiper-button-next { display:none; right:20px; }



/*----------------------------------------------------------------------
@ MAIN 슬라이드 컨트롤러  
----------------------------------------------------------------------*/
#main__slider .swiper_navigation { display:none; } 
#main__slider .swiper_control_wrap { position:absolute; left:50%;transform:translateX(-50%); bottom:4.375rem; z-index:12; max-width:1440px; width:100%; height:auto;  margin:0 auto; } 

#main__slider .main_visual_state  { display: block;position: absolute;right:0%; top: 0%;-webkit-transition: all 300ms;transition: all 300ms;z-index:100;}
#main__slider .swiper-pagination-fraction {color:#aaa;}

/* controller */
#main__slider .swiper_control { position: absolute;  right: 0; font-size: 0;z-index: 2; }

/* pagination */
#main__slider .swiper_control .swiper-pagination {position: static;}
#main__slider .swiper_control .swiper-pagination-wrap {position: relative;}
#main__slider .swiper_control .swiper-pagination-fraction {display: inline-block;  vertical-align: middle;width: auto;}
#main__slider .swiper_control .swiper-pagination-fraction &gt; span {display: inline-block;vertical-align: middle;min-width: 20px;font-size: 0.875rem;color:#fff; font-weight: 300;letter-spacing: 0.1em;text-align: center;line-height: 1;}

/* progress */
#main__slider .swiper_progress_hidden_space {display: inline-block;vertical-align: middle;width:125px; height: 3px;margin: 0 2px 0 13px;position: relative;}
#main__slider .swiper_progress_wrap {display:block ;width:125px; height: 3px;position: absolute;left: 25px;top: 50%;margin-top: -1px;background:rgba(255,255,255,0.5);overflow: hidden;}
#main__slider .swiper_progress {display: block;width: 0;height: 100%;background: #fff;}

/* state */
#main__slider .swiper_play_state {display: inline-block; vertical-align: middle;width: 26px;height: 26px;position: relative;top: 0px;left:5px;}
#main__slider .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
#main__slider .swiper_play_state .material-icons { color:#fff; font-size:20px; margin-top:4px;  } 
#main__slider .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
#main__slider .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}



/*반응형*/
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover { }
	#main__slider .slider__slogun_btn:hover:before { width:100%; }
}
@media screen and (max-width: 1470px){
	#main__slider .slider__mxw { padding:0 15px; } 
	#main__slider .swiper_control_wrap {   } 
	#main__slider .main_visual_state  { right:15px; } 
} 
@media screen and (max-width: 1024px){
	#main__slider {margin-top:60px; }
	#main__slider .slider__infos { height:calc(((var(--vh, 1vh) * 100)) - 60px);}

	/*
	#main__slider .slider__slogun {padding:0 15px;}
	*/
}
@media screen and (max-width: 640px){
	/*#main__slider .slider__infos {height:640px;}*/
	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
}
@media screen and (max-width: 480px){
	/*#main__slider .slider__infos {height:480px;}*/
}



</pre></body></html>