<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/********Culture******/
#culture #culture_topbanner{}
#culture #culture_topbanner .culture_topbanner_wrap{
	background-image: url('../../images/work/culturebiz-main-banner@2x.png');
}



#culture{}
#culture .culture_facility{position: relative;}
#culture .culture_facility .culture_facility_wrap{
	padding: 0 0 164px;
}
#culture .culture_facility_person{
	width: 616px;
	height: 616px;
	background-image: url("../../images/work/graphic-kid-melodian@2x.png");
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 25px;
	right: 30px;
}

#culture .culture_facility_title{
	padding: 220px 0 190px;
}
#culture .culture_facility_title h2{
	font-family: SpoqaHanSansNeo;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: normal;
	color: #000000;
	padding: 12px 0 24px;
}
#culture .culture_facility_title p{
	font-family: SpoqaHanSansNeo;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.78;
	letter-spacing: normal;
	color: #333333;
}
#culture .culture_facility_title p b{
	font-weight: bold;
	color: #01b3b4;
}
#culture .culture_facility_bg{
	width: 100%;
	height: 1285px;
	background-image: url("../../images/work/graphic-bg-circle.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: -380px;
	left: 0;
	z-index: -1;
}

#culture .culture_facility_info{}
#culture .culture_facility_info .culture_facility_info_wrap{
	padding: 0 0 164px;
}
#culture .culture_facility_info .culture_facility_info_wrap &gt; ul{
	overflow: hidden;
}
#culture .culture_facility_info .culture_facility_info_wrap &gt; ul &gt; li{
	width: 50%;
	float: left;
}
#culture .culture_facility_info .culture_facility_info_wrap &gt; ul &gt; li:nth-child(1){
	padding-right: 20px;
}
#culture .culture_facility_info .culture_facility_info_wrap &gt; ul &gt; li:nth-child(2){
	padding-left: 20px;
}
#culture .culture_facility_info_cont{
	padding: 36px 35px 37px;
	border-radius: 24px;
	background-color: #01b3b4;
}
#culture .culture_facility_info_cont img{
	margin-left: -7px;
}
#culture .culture_facility_info_cont h2{
	font-family: SpoqaHanSansNeo;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	padding: 0 0 10px;
}
#culture .culture_facility_info_cont p{
	font-family: SpoqaHanSansNeo;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.63;
	letter-spacing: normal;
	color: #ffffff;
}
#culture .culture_facility_info_cont p b{
	font-weight: bold;
}




#culture .culture_facility_slide{position: relative;}
#culture .culture_facility_slide h3{
	font-family: SpoqaHanSansNeo;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #000000;
}

#culture .swiper-button-culturefacility{
	position: absolute;
	right: 50%;
	bottom: 32%;
	transform: translateX(50%);
	z-index: 9999999;
	width: 107px;
}

#culture .swiper-button-culturefacility .swiper-button-next{
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background-color: #FFF;
	background-image: url("../../images/work/btn-navigate-next.png");
	background-size: 24px 25px;
	right: 0;
	opacity: 1 !important;
	box-shadow: 0 8px 16px 0 #e9eff6;
}
#culture .swiper-button-culturefacility .swiper-button-prev{
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background-color: #FFF;
	background-image: url("../../images/work/btn-navigate-before.png");
	background-size: 24px 25px;
	left: 0;
	opacity: 1 !important;
	box-shadow: 0 8px 16px 0 #e9eff6;
}
#culture .swiper-button-edusupport .swiper-button-prev{}

#culture .culture_facility_slide .culture_facility_slide_wrap{padding: 48px 0; overflow: hidden; position: relative;}
#culture .culture_facility_slide .culture_facility_slide_inner{overflow: hidden;}


#culture .culture_facility_slide .culture_facility_slide_wrap &gt; ul{}

#culture .culture_facility_slide .culture_facility_slide_wrap &gt; ul &gt; li{}

#culture .culture_facility_slide .culture_facility_slide_img{
	width: 100%;
	height: 605px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}

#culture .culture_facility_slide .culture_facility_slide_img::after{
	content: "";
	height: 50%;
	bottom: 0;
	position: absolute;
	left: 0;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0),  rgba(0, 0, 0, 0.83));
}

#culture .culture_facility_slide .culture_facility_slide_img h2{
	font-family: SpoqaHanSansNeo;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.92;
	letter-spacing: normal;
	color: #ffffff;
	position: absolute;
	left: 52px;
	bottom: 38px;
	z-index: 99;
}

#culture .culture_facility_thumbslide_wrap{

}

#culture .culture_facility_thumbslide_wrap .culture_facility_thumbslide_wrap{padding: 48px 0;}

#culture .culture_facility_thumbslide_wrap &gt; ul{
}
#culture .culture_facility_thumbslide_wrap &gt; ul &gt; li{
	position: relative;
}

#culture .culture_facility_thumbslide_wrap &gt; ul &gt; li .thumbslide_img{
	width: 100%;
	height: 280px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 18px;
	position: relative;
}
#culture .culture_facility_thumbslide_wrap &gt; ul &gt; li.swiper-slide-thumb-active .thumbslide_img::after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 18px;
	background-color: rgba(0,0,0,0.6);
	border: solid 6px #01b3b4;
}


#culture .culture_facility_thumbslide_wrap &gt; ul &gt; li .thumbslide_txt{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 99;
}

#culture .culture_facility_thumbslide_wrap &gt; ul &gt; li.swiper-slide-thumb-active .thumbslide_txt{
	display: block;
	text-align: center;
	width: 100%;
}

#culture .culture_facility_thumbslide_wrap .thumbslide_txt .icon-selected{
	display: inline-block;
	width: 36px;
	height: 36px;
	background-image: url('/images/work/icon-selected.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;

}
#culture .culture_facility_thumbslide_wrap .thumbslide_txt h2{
	font-family: SpoqaHanSansNeo;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.38;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	padding: 12px 0 0;
}





.culture_support_list .swiper-button-prev{

}
.culture_support_list .swiper-button-next{}



#culture .culture_support{
	background-image: url("../../images/work/cul-bg-gray.png");
	background-size: 1363px 1032px;
	background-repeat: no-repeat;
	background-position: left top 73px;
}
#culture .culture_support .culture_support_wrap{
	padding: 120px 0 0;

}
#culture .culture_support .culture_support_title{}
#culture .culture_support .culture_support_title h2{
	font-family: SpoqaHanSansNeo;
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.28;
	letter-spacing: normal;
	color: #000000;
	padding: 12px 0 24px;
}

#culture .culture_support .culture_support_title p{
	font-family: SpoqaHanSansNeo;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: normal;
	color: #333333;
}

#culture .culture_support .culture_support_title p b{
	font-weight: bold;
	color: rgba(1, 179, 180, 0.8);
}


#culture .culture_support_video{
	padding: 44px 0 56px;
}
#culture .culture_support_video_wrap{
	height: 660px;
	border-radius: 12px;
	overflow: hidden;
}

#culture .culture_support_list{}
#culture .culture_support_list_wrap{padding: 0 0 100px;}
#culture .culture_support_list_wrap &gt; ul{display: inline-block; width: 100%;}
#culture .culture_support_list_wrap &gt; ul &gt; li{float: left;}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont{
	width: 380px;
	border-radius: 20px;
	box-shadow: 0 15px 30px 0 rgba(160, 174, 192, 0.3);
	background-color: #ffffff;
	overflow: hidden;
}
#culture .culture_support_list_wrap &gt; ul &gt; li:nth-child(1) .culture_support_cont{
	margin-right: 20px;
}
#culture .culture_support_list_wrap &gt; ul &gt; li:nth-child(2) .culture_support_cont{
	margin-right: 20px;
}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_img{
	position: relative;
}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_img img{
	width: 100%;
}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt{
	padding: 47px 32px 44px;
	position: relative;
	z-index: 9;
	overflow: hidden;
}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt span{}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt h2{
	font-family: SpoqaHanSansNeo;
	font-size: 21px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #01b3b4;
	padding: 0 0 17px;
}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt p{
	font-family: SpoqaHanSansNeo;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: normal;
	color: #333333;
}

#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt .csp_icon{
	width: 190px;
	height: 190px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: -1;
}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt .csp_icon_01{
	background-image: url("../../images/work/cul-bg-box-icon01.png");
	background-size: 168px 168px;
	bottom: -10px;
	right: 16px;
}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt .csp_icon_02{
	background-image: url("../../images/work/cul-bg-box-icon02.png");
	background-size: 184px 168px;
	bottom: -10px;
	right: 0;
}
#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt .csp_icon_03{
	background-image: url("../../images/work/cul-bg-box-icon03.png");
	background-size: 168px 168px;
	bottom: -30px;
	right: 5px;
}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 1 !important;
}

#culture .culture_support_cont .swiper-button-next, .swiper-button-prev{
	width: 48px;
	height: 48px;
	background-size: 24px 24px;
}

#culture .culture_support_cont .swiper-button-next{
	background-image: url('/images/work/icon-next.png');
}
#culture .culture_support_cont .swiper-button-prev{
	background-image: url('/images/work/icon-back.png');
}






@media screen and (max-width: 1180px){


	#culture .culture_facility_bg{
		height: 505px;
		top: -215px;
		background-image: url("/images/work/t-graphic-bg-circle.png");
		background-size: contain;
		background-position: left center;
	}

	#culture .culture_facility_title{
		padding: 80px 40px 302px;
	}

	#culture .culture_facility .culture_facility_title h2{
		font-size: 28px;
		padding: 12px 0 20px;
	}

	#culture .culture_facility_person{
		width: 438px;
		height: 398px;
		background-image: url("/images/work/t-graphic-kid-melodian.png");
		top: 233px;
		right: 0px;
		z-index: -1;
	}

	#culture .culture_facility_info_cont{
		height: 364px;
	}

	#culture .culture_facility_info .culture_facility_info_wrap &gt; ul &gt; li:nth-child(1){
		padding-right: 10px;
	}
	#culture .culture_facility_info .culture_facility_info_wrap &gt; ul &gt; li:nth-child(2){
		padding-left: 10px;
	}

	#culture .culture_facility_info .culture_facility_info_wrap{
		padding: 0 40px 84px;
	}

	#culture .culture_facility_slide h3{
		padding: 0 40px;
		font-size: 26px;
	}

	#culture .culture_facility_slide .culture_facility_slide_wrap{
		padding: 80px 0 40px;
	}

	#culture .swiper-button-culturefacility{
		left: 40px;
		right: inherit;
		top: 65px;
	}

	#culture .culture_facility_slide .culture_facility_slide_img{
		height: inherit;
		padding-bottom: 51%;
		border-radius: 0;
	}

	#culture .culture_facility_slide .culture_facility_slide_img h2{
		font-size: 18px;
		left: 40px;
		bottom: 23px;
	}

	#culture .culture_facility_thumbslide_wrap {
		width: 100%;
		padding: 0 40px;
	}

	#culture .culture_facility_thumbslide_wrap &gt; ul &gt; li .thumbslide_img{
		padding-bottom: 100%;
		height: inherit;
	}

	#culture .culture_facility .culture_facility_wrap {
		padding: 0 0 100px;
	}

	#culture .swiper-button-culturefacility{
		width: 87px;
		left: 40px;
	}
	#culture .swiper-button-culturefacility .swiper-button-prev{
		width: 40px;
		height: 40px;
	}

	#culture .swiper-button-culturefacility .swiper-button-next{
		width: 40px;
		height: 40px;
	}

	#culture .culture_facility_thumbslide_wrap .thumbslide_txt h2{
		font-size: 0;
		display: none;
	}





	#culture .culture_support{
		background-image: url("../../images/work/t-cul-bg-gray.png");
		background-size: 859px 614px;
		background-repeat: no-repeat;
		background-position: right top 36px;
	}

	#culture .culture_support .culture_support_title{
		padding: 0 40px;
	}

	#culture .culture_support .culture_support_title h2{
		font-size: 28px;
		padding: 12px 0 20px;
	}

	#culture .culture_support .culture_support_title p{
		font-size: 14px;
	}

	#culture .culture_support_video_inner{
		padding: 40px 0 44px;
	}

	#culture .culture_support_video{
		padding: 0 0 56%;
		position: relative;
	}

	#culture .culture_support_video_wrap{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 0;
	}

	#culture .culture_support_list_wrap{
		padding: 0 40px 80px 25px;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li{
		width: 50%;
		padding-left: 15px;
		padding-bottom: 40px;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont{
		width: 100%;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt{
		padding: 24px;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt h2{
		font-size: 18px;
		padding: 0 0 8px;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt p{
		font-size: 14px;
	}




	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt .csp_icon_01{
		background-image: url("../../images/work/cul-tm-bg-icon01.png");
		background-size: 168px 168px;
		bottom: -40px;
		right: 16px;
	}
	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt .csp_icon_02{
		background-image: url("../../images/work/cul-tm-bg-icon02.png");
		background-size: 184px 168px;
		bottom: -40px;
		right: 0;
	}
	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt .csp_icon_03{
		background-image: url("../../images/work/cul-tm-bg-icon03.png");
		background-size: 168px 168px;
		bottom: -60px;
		right: 5px;
	}

}







@media screen and (max-width: 800px){
	#culture .culture_facility_thumbslide_wrap{
		width: 100%;
		padding: 0 20px;
	}

	#culture .culture_facility_slide .culture_facility_slide_img h2{
		left: 20px;
	}

	#culture .culture_facility_thumbslide_wrap .thumbslide_txt .icon-selected{
		width: 24px;
		height: 24px;
		background-image: url("/images/work/m-icon-selected@2x.png");
	}

	#culture .culture_facility_bg {
		height: 360px;
		top: -278px;
		background-image: url("/images/work/m-graphic-bg-circle.png");
		background-size: contain;
		background-position: left center;
	}
	#culture .culture_facility_title{
		padding: 48px 20px 278px;
	}



	#culture .culture_facility .culture_facility_title h2{
		font-size: 21px;
		padding: 12px 0 16px;
	}

	#culture .culture_facility .culture_facility_title p{
		font-size: 13px;
	}


	#culture .culture_facility_info .culture_facility_info_wrap &gt; ul &gt; li{
		width: 100%;
	}
	#culture .culture_facility_info .culture_facility_info_wrap &gt; ul &gt; li:nth-child(1){
		padding-right: 0;
		margin-bottom: 20px;
	}
	#culture .culture_facility_info .culture_facility_info_wrap &gt; ul &gt; li:nth-child(2){
		padding-left: 0;
	}

	#culture .culture_facility_info .culture_facility_info_wrap{
		padding: 0 20px 60px;
	}

	#culture .culture_facility_info_cont{
		height: auto;
		padding: 28px 24px;
	}

	#culture .culture_facility_info_cont h2{
		font-size: 18px;
		padding: 0 0 9px;
	}

	#culture .culture_facility_info_cont p{
		font-size: 13px;
	}

	#culture .culture_facility_person{
		width: 353px;
		height: 353px;
		background-image: url("../../images/work/m-graphic-kid-melodian@2x.png");

	}

	#culture .culture_support{
		background-image: url("../../images/work/m-cul-bg-gray.png");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center top 36px;
	}

	#culture .culture_support .culture_support_title h2 {
		font-size: 21px;
		padding: 12px 0 16px;
	}

	#culture .culture_facility_slide h3{
		padding: 0 20px;
	}

	#culture .culture_support .culture_support_wrap{
		padding: 49px 0 0;
	}

	#culture .culture_support .culture_support_title{
		padding: 0 20px;
	}

	#culture .culture_support_list_wrap{
		padding: 0 0 60px;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li{
		width: 100%;
		padding-left: 0;
		padding-bottom: 0;
		margin-bottom: 20px;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li:nth-child(1) .culture_support_cont{
		margin-right: auto;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li:nth-child(2) .culture_support_cont{
		margin-right: auto;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont{
		width: 350px;
		margin: 0 auto;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt {
		padding: 32px 24px;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont .culture_support_txt h2{

	}


	#culture .culture_facility_slide h3{
		font-size: 20px;
	}

	#culture .swiper-button-culturefacility{
		left: 20px;
	}

}


@media screen and (max-width: 800px){

	#culture .culture_facility_slide .culture_facility_slide_wrap{
		padding: 80px 0 20px;
	}

}


@media screen and (max-width: 345px){

	#culture .culture_support_list_wrap{
		padding: 0 20px 60px;
	}

	#culture .culture_support_list_wrap &gt; ul &gt; li .culture_support_cont{
		width: 100%;
	}
}

/*lang ë‹¤êµ­ì–´ ë²„íŠ¼*/
.lang{position: absolute; top: 0px; right: 40px;}
.lang a{margin-left: 5px; line-height: 1; position: relative; display: inline-block;; padding: 10px 12px; font-size: 15px; font-weight: 500; color: #fff; border-radius: 100px;  text-align: center; border: 1px solid #fff; transition: all 200ms linear;}
.lang a:hover{background: #01b3b4; color: #fff; border: 1px solid #01b3b4;}

.is-active .lang a{color: #222; border: 1px solid #222;}
.is-active .lang a:hover{background: #01b3b4; color: #fff; border: 1px solid #01b3b4;}
.is-fixed .lang a{background: #01b3b4; color: #fff; border: 1px solid #01b3b4;}

@media screen and (max-width:1500px) {
	.lang{right: 8%;}
}

@media screen and (max-width:900px) {
	.lang{right: 10%;}
	.lang a{padding: 8px 12px; font-size:13px;}
}


@media screen and (max-width:800px) {
	.lang{right: 12%;}
}

@media screen and (max-width:600px) {
		.lang{right: 12%;}
}

@media screen and (max-width:480px) {
	.lang{right: 18%;}
	.lang a{padding: 8px 12px; font-size:13px;}
}
</pre></body></html>