@charset "utf-8"; 
@import url(../font/OneMobileTitle/OneMobileTitle.css);
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:"Pretendard Variable", Pretendard,'OneMobile OTF Bold', 'OneMobile OTF Regular','OneMobile OTF Light','ONE Mobile Title OTF', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body{font-size:1em; color:#333; font-family:"Pretendard Variable", Pretendard,'OneMobile OTF Bold', 'OneMobile OTF Regular','OneMobile OTF Light','ONE Mobile Title OTF', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
background-color:#fff; line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
html { box-sizing: border-box;}
a {text-decoration-line: none;}
*, *:before, *:after {  box-sizing: inherit;}



#header{position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:12;
	transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		transition-delay:.0s;}



#header.fixed{position:fixed; background:#fff; height:70px;}
#menu-Area{
		position:relative;  
		width:100%;
		z-index:10;
		box-sizing:border-box;
	}
#menu-Area.sub{min-width:1400px;}
#menu-Area.on{
		/*url(/images/common/bg_onsubmenu1.png) center top;box-shadow:5px 4px 6px #e4e4e4 box-shadow: 1px 1px 10px 0 rgba(0,0,0,.5);*/
	}
#menu-box{ z-index:100;}
#menu-box .bgdepth1{
		position:relative;
		width:100%; 
		box-sizing:border-box;
		transition: all 0.8s ease;
		-webkit-transition: all 0.8s ease;
		transition-delay:.11s;		
	}

#menu-Area.on .bgdepth1{background:#fff; 	}
#menu-Area.on .bgdepth1::before{background:rgba(0,0,0,.1);   }
#menu-Area .logo1{position:absolute; left:80px; top:38px;	}


.topmenu{position:relative; text-align:left; width:100%; }
.topmenu a.logo  {width:192px; height:38px; margin:16px 0px 0px 20px; float:left;}
.topmenu a.logo img  {width:100%; height:100%;}
.topmenu .total_menu {position:fixed; width:30px; height:20px; float:right; top:30px; right:35px;}
.topmenu .total_menu p.go_t {}	
	
.topmenu .t_go_btn {display:none;}
.topmenu .t_go_btn span.go_btn_text {color:#fff; text-align:right; padding:17px 0px 0px 96px; float:left; line-height:24px; font-weight:500; font-size:18px; line-height:28px;}
.topmenu .t_go_btn span.go_btn_text p.go_t {font-weight:200; font-size:16px; line-height:22px;}

.topmenu .t_go_btn span.go_btn_arrow {float:left; margin:26px 0px 0px 21px;}

	
.menudep1{ position:relative; margin-left:585px; display:table; width:550px;}
.menudep1 > li{	position:relative; 	display:table-cell;	}
.menudep1 li.mmenu0.f1{background:none;}
.menudep1 > li a.mnlnk1{position:relative;  display:block; line-height:26px; width:68px; color:#fff; font-size:18px; 
    text-align:center; font-weight:700; align-items: center; text-align: center;
	border-left:none; border-bottom:none; margin:27px 60px; 
	-moz-transition:all 10.45s ease-in-out;
	-webkit-transition:all 10.45s ease-in-out;
	-moz-transform:all 10.45s ease-in-out;
	transform:all 1.45s ease-in-out;
	transition-duration:.2s;
	transition-delay:.01s;}
	.menudep1 li a.mnlnk1:focus, .menudep1 li a.mnlnk1:hover, .menudep1 li a.mnlnk1.on, .menudep1 li:hover a.mnlnk1{color:#fff; }
	#menu-Area.on .menudep1 li a.mnlnk1, #header.fixed .menudep1 li a.mnlnk1{color:#333;}
	
	.menudep1 li a.mnlnk1.f1{}
	.menudep1 li a.mnlnk1.f2{}
	.menudep1 li.mmenu0.mL1 a.mnlnk1{}
	#menu-Area.sub .menudep1 li a.mnlnk1{}
	
	.menudep1 > li::before{position:absolute; right:0; top:12.6%; width:1px; height:5%; background:#42515a; border-left:1px solid #b7bbbe; } 
	.menudep1 > li:last-child::before{display:none;}


		
	#menu-Area.on .menudep1 li ul{
		transform:translateY(0px);
	}
	#menu-Area.on{
		background:#fff;
	
	}
	
	.menudep1 li a.mnlnk1::after{position:absolute; right:50%; top:65px;  margin-right:-5px; opacity:0; content:"";
		transition: all 0.2s ease;
		-webkit-backface-visibility:hidden;
		-webkit-transition: all 0.2s ease;
		backface-visibility:hidden;
		opacity: 0;
	}
	.menudep1 li a.mnlnk1:focus:after, .menudep1 li a.mnlnk1:hover:after, .menudep1 li a.mnlnk1.on:after, .menudep1 li:hover a.mnlnk1:after{
		width:10px; top:70px;
		opacity: 1;
	}
	
	.menudep1 li ul.f1{border-left:none}
	.menudep1 li ul li{ text-align:center; word-break:keep-all; padding:10px 0;}
	.menudep1 li ul li a{line-height:24px; color:rgba(0,0,0,0.7); display:block; font-size: 16px; text-align: center; letter-spacing: -0.025em; font-weight: 400;}

	
	.menudep1 li ul{ border-right:none; height:0;  max-height:0; overflow:hidden;
		box-sizing:border-box;
		transition:all 0.4s ease;
		-webkit-transition: all 0.4s ease;		
	}
	.menudep1 li ul::before{position:absolute; right:50%; top:0px; width:10px; height:10px; background:#4caa23; border-radius:50%; margin-right:-5px; opacity:0;
	transition:opacity 0.4s ease;
		-webkit-transition: opacity 0.4s ease;}
	.menudep1 li:hover ul::before{opacity:1;}
	
		
	#menu-Area.on .menudep1 li ul{
		max-height:500px; height:244px;
		padding-top:31px; padding-bottom:20px;
		transform:translateY(-10px);
	}



.burger {
  position: absolute;
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 21px;
  height: 1rem;
  border: none;
  outline: none;
  visibility: visible;
 right:25px;
 top:25px;
 z-index:999;
}
.burger-line {
  position: absolute;
  display: block;
  right: 0;
  width: 100%;
  height: 2.15px;
  opacity: 1;
  rotate: 0deg;
  border-radius: 0.15rem;
  background-color: #fff;
  transition: all 0.3s ease;
}
.burger-line:nth-child(1) { top: 0px;}
.burger-line:nth-child(2) { top: 0.5rem;}
.burger-line:nth-child(3) { top: 1rem;}
.burger.is-active > .burger-line:nth-child(1) {top: 0.5rem;  rotate: 135deg;}
.burger.is-active > .burger-line:nth-child(2) {  opacity: 0;}
.burger.is-active > .burger-line:nth-child(3) {  top: 0.5rem;  rotate: -135deg;}




.navbar {
  width: 100%;
  height: 4.25rem;
  margin-inline: auto;
}
.navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  height: 100%;
}
.navbar-block {
  position: absolute;
  left: 0;
  width: 100%;
  height:100vh;
  opacity: 0;
  overflow: auto;
  pointer-events: none;
  background-color: #F8F8FA;
  transition: opacity 0.4s ease;
}
.navbar-block.is-active {
  opacity: 1;
  pointer-events: initial;
}


.navbar-block .logo_in {display:block; width:100%; height:68px; background:#04CC00;}
.navbar-block .logo_in a  {width:192px; height:38px; margin:16px 0px 0px 20px; float:left;}
.navbar-block .logo_in a img  {width:100%;}




.menu { width:100%; position:absolute; top:100px; height:100%;}
.menu-link {
 font-family: 'ONE-Mobile-Regular';
  margin-top:9px;
  font-size:24px;
  font-weight: 600;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 0.5rem;
  padding-inline: 1.5rem;
  color: var(--color-black-500);
  transition: color 0.3s ease;
}

@media screen and (min-width: 62rem) {
  .menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    height: 100%;
    padding: unset;
  }
  .menu-item {
    display: flex;
    cursor: pointer;
    padding-inline: 0.5rem;
  }
  .menu-link {
    padding: unset;
  }
}
.dropdown-toggle {
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.dropdown-toggle i.bx {
  font-size: 1.5rem;
  line-height: inherit;
  transition: rotate 0.4s ease;
  color:#111;
}
.dropdown-content {
  height: 0;
  overflow: hidden;
  background-color: var(--color-white-100);
  transition: height 0.5s ease;
}

.dropdown-group {
  padding-bottom: 1rem;
  padding-inline: 1.5rem;
}
.dropdown-title a {
 font-family: 'ONE-Mobile-Regular';
  margin-top:20px;
  display: flex;
  color:#767676;
  line-height: 28px;
  font-size:18px;
}
.dropdown-icon i.bx {
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--color-blue-300);
}
.dropdown-items {
  row-gap: 0.5rem;
  padding-inline: 3.5rem;
  padding-top: 0.35rem;
}
.dropdown-link {
  font-size: var(--text-base);
  font-weight: 400;
  line-height: inherit;
  color: var(--color-black-500);
  transition: color 0.3s ease;
}
.dropdown-show > .dropdown-toggle i.bx {
  rotate: 180deg;
  color:#04CC00;
}
.dropdown-block {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding-top: 1rem;
  padding-inline: 1rem;
}


.menu_banner {position:absolute; top:520px; width:230px; height:58px; border:1px solid #DBDBDB; border-radius:100px; left:50%; margin-left:-115px; text-align:center; padding-top:8px; color:#111;
font-weight: 700; font-size: 16px; line-height: 24px; letter-spacing: -0.025em; font-family: 'ONE-Mobile-Regular';}
.menu_banner p.menu_s {font-weight: 400; font-size: 12px; line-height: 20px; letter-spacing: -0.025em; color:rgba(17,17,17,0.7); font-family: 'ONE-Mobile-Regular';}





	
#wrap{position:relative; width:100%;  margin:0 auto; z-index:10;}


.mainvisual_tit {z-index:999; position:absolute; width:100%; text-align: center; top:99px; left:50%; margin-left:-50%; z-index:99; color:#fff; font-weight: 400; font-size:30px; line-height:40px; letter-spacing: -0.025em; font-family: 'ONE-Mobile-Title';}
.mainvisual_btn {z-index:999; position:absolute; top:209px; left:50%; margin-left:-100px; width:200px; height:54px; background:rgba(0, 0, 0, 0.4); border:1px solid rgba(255, 255, 255, 0.6); border-radius:100px;
 align-items: center; text-align: center; letter-spacing: -0.025em; color: #FFFFFF; }


.mmain_info_txt {z-index:999; position:absolute; top:309px; left:50%; margin-left:-140px; width:280px;  text-align: center; letter-spacing: -0.025em; color: #FFFFFF; 
font-size:12px; font-weight:400; line-height: 18px; font-family:'ONE-Mobile-Regular';}
.mainvisual_btn span.ready_t {width:100%; float:left; margin-top:7px; color:#FFFFFF; font-size:12px; font-weight:600; line-height: 22px; font-family:'ONE-Mobile-Regular';}
.mainvisual_btn p.ready_tt {margin-top:0px; width:100%; float:left; color:rgba(255,255,255,0.7); font-weight:400; font-size:12px; font-family:'ONE-Mobile-Regular';}

.mainvisual{position:relative; width:100%; overflow:hidden; z-index:10; box-sizing:border-box; top:0px; left:0px;}	
.mainvisual .mainvisual_img { background:#000; width:100%; height:550px;}
.mainvisual span.mainvisual_video_bg {background:rgba(0,0,0,0.1); width:100%; height:550px; z-index:12; display:block; position:absolute;}
.mainvisual .mainvisual_video {width:100%; height:550px;  object-fit:cover; z-index:11; }

.black_bg {position:absolute; left:0px; top:0px; width:100%; height:550px; background:rgba(0,0,0,0.35); z-index:9;}

.main_content {width:100%; position:relative; background: rgba(239, 239, 239, 0.3); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-top-left-radius:25px;  border-top-right-radius:25px; z-index:999;
margin-top:-100px;}

.main_content ul { height:100px;}
.main_content li { width:33.333%; float:left; text-align:center; margin-top:20px; border-right:1px solid rgba(255,255,255,0.2);}

.main_content li:last-child {border-right:none;}
.main_content li p.ban_t { font-weight:200; margin-top:5px;  }
.main_content li a p.ban_t {color:#fff; font-weight: 400; font-size: 18px; line-height: 26px; font-family: 'ONE-Mobile-Title'; }



.main_content .ban_m1 { position:relative; height:200px; background:url('img/m_ban1.png') no-repeat left top; background-size:cover; margin:40px 20px 20px 20px; border-radius:10px;  }
.main_content .ban_m1  span.ban_text {position:absolute; bottom:0px; width:100%; height:68px; background:rgba(255, 255, 255, 0.3); 
-webkit-backdrop-filter: blur(12px); backdrop-filter:blur(12px); padding:10px 20px; color:#fff; font-weight:400; font-size: 18px; line-height: 26px; 
letter-spacing: -0.025em; border-bottom-left-radius:10px;  border-bottom-right-radius:10px; font-family:'ONE-Mobile-Regular';}
.main_content .ban_m1 span.ban_text p {color: rgba(255, 255, 255, 0.7); font-weight:100; font-size: 14px; line-height: 22px;   font-family:'ONE-Mobile-Regular';}
.main_content .ban_m1 span.ban_arrow {position: absolute; top:159px; right:25px;}
.main_content .ban_m1 a { width:100%; height:200px; display:block;}


.main_content .ban_m2 { position:relative; height:200px; background:url('img/m_ban2.png') no-repeat left top; background-size:cover; margin:20px; border-radius:10px; }
.main_content .ban_m2 span.ban_text {position:absolute; bottom:0px; width:100%; height:68px; background:rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(12px); backdrop-filter:blur(12px); padding:10px 20px; 
color:#fff; font-weight:400; font-size: 18px; line-height: 26px; letter-spacing: -0.025em; border-bottom-left-radius:10px;  border-bottom-right-radius:10px; font-family:'ONE-Mobile-Regular';}
.main_content .ban_m2 span.ban_text p {color: rgba(255, 255, 255, 0.7); font-weight: 100; font-size: 14px; line-height: 22px;   font-family:'ONE-Mobile-Regular';}
.main_content .ban_m2 span.ban_arrow {position: absolute; top:159px; right:25px;}
.main_content .ban_m2 a { width:100%; height:200px; display:block;}


.main_content .ban_m3 { position:relative; height:200px; background:url('img/m_ban3.png') no-repeat left top; background-size:cover; margin:20px; border-radius:10px; }
.main_content .ban_m3 span.ban_text {position:absolute; bottom:0px; width:100%; height:68px; background:rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(12px); backdrop-filter:blur(12px); padding:10px 20px; 
color:#fff; font-weight:400; font-size: 18px; line-height: 26px; letter-spacing: -0.025em; border-bottom-left-radius:10px;  border-bottom-right-radius:10px; font-family:'ONE-Mobile-Regular';}
.main_content .ban_m3 span.ban_text p {color: rgba(255, 255, 255, 0.7); font-weight: 100; font-size: 14px; line-height: 22px;   font-family:'ONE-Mobile-Regular';}
.main_content .ban_m3 span.ban_arrow {position: absolute; top:159px; right:25px;}
.main_content .ban_m3 a { width:100%; height:200px; display:block;}


.main_content .ban_m4 { position:relative; height:200px; background:url('img/m_ban4.png') no-repeat left top; background-size:cover; margin:20px; border-radius:10px; }
.main_content .ban_m4 span.ban_text {position:absolute; bottom:0px; width:100%; height:68px; background:rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(12px); backdrop-filter:blur(12px); padding:10px 20px; 
 color:#fff; font-weight:400; font-size: 18px; line-height: 26px; letter-spacing: -0.025em; border-bottom-left-radius:10px;  border-bottom-right-radius:10px; font-family:'ONE-Mobile-Regular';}
.main_content .ban_m4 span.ban_text p {color: rgba(255, 255, 255, 0.7); font-weight: 100; font-size: 14px; line-height: 22px; font-family:'ONE-Mobile-Regular';}
.main_content .ban_m4 span.ban_arrow {position: absolute; top:159px; right:25px;}
.main_content .ban_m4 a { width:100%; height:200px; display:block;}


.main_content .ban_m5 { position:relative; height:200px; background:url('img/m_ban5.png') no-repeat left top; background-size:cover; margin:20px; border-radius:10px; }
.main_content .ban_m5 span.ban_text {position:absolute; bottom:0px; width:100%; height:68px; background:rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(12px); backdrop-filter:blur(12px); padding:10px 20px; 
color:#fff; font-weight:400; font-size: 18px; line-height: 26px; letter-spacing: -0.025em; border-bottom-left-radius:10px;  border-bottom-right-radius:10px; font-family:'ONE-Mobile-Regular';}
.main_content .ban_m5 span.ban_text p {color: rgba(255, 255, 255, 0.7); font-weight: 100; font-size: 14px; line-height: 22px; font-family:'ONE-Mobile-Regular';}
.main_content .ban_m5 span.ban_arrow {position: absolute; top:159px; right:25px;}
.main_content .ban_m5 a { width:100%; height:200px; display:block;}

.main_content .main_text {position:relative; margin:50px 0px 20px 0px; font-weight:700; font-size:22px; line-height:30px; text-align:center; letter-spacing:-0.025em; color:#111111; font-family:'ONE-Mobile-Regular';}
.main_content .main_school { overflow:hidden; margin:0px 20px;}
.main_content .main_school li {float:left; text-align:left; height:170px; position:relative; }
.main_content .main_school li:nth-child(1) {  width:47%; background:url('img/m_ban6.png') no-repeat left top; background-size:cover; border-radius:10px;  }
.main_content .main_school li:nth-child(2) {  width:47%; background:url('img/m_ban7.png') no-repeat left top; background-size:cover; margin-left:20px; border-radius:10px; }
.main_content .main_school li:last-child {width:100%; background:url('img/m_ban8.png') no-repeat left top; background-size:cover; border-radius:10px;  }
.main_content .main_school li span.ban_text1 {position:absolute; bottom:0px; width:100%; height:68px; background:rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(12px); backdrop-filter:blur(12px); padding:10px 20px; 
color:#fff; font-weight:400; font-size: 18px; line-height: 26px; letter-spacing: -0.025em; border-bottom-left-radius:10px;  border-bottom-right-radius:10px; font-family:'ONE-Mobile-Regular';}
.main_content .main_school li a {font-weight:500; font-size: 18px; color:#fff; width:100%; display:block;  line-height: 26px; font-family:'ONE-Mobile-Regular';}
.main_content .main_school li p {font-weight:200; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: rgba(255, 255, 255, 0.7); margin-top:2px; font-family:'ONE-Mobile-Regular';}






#footer { position:relative; width:100%; background:#111928; float:left;} 
#footer .f_logo {margin:40px 0px 20px 20px; width:192px; height:38px;}
#footer .f_logo img {width:100%; height:100%;}
#footer .footer_text {margin:0px 20px; font-weight: 400; font-size: 12px; line-height: 20px; letter-spacing: -0.025em; text-transform: uppercase;color: rgba(255, 255, 255, 0.7); font-family:'ONE-Mobile-Regular';}
#footer .footer_text p.f_text_info {font-size: 10px; margin-bottom:20px;}


#movetopbt {position:absolute; bottom:170px; right:20px; width:38px; height:38px; padding-top:9px; border-radius:4px; border:1px solid rgba(255,255,255,0.7); text-align:center;}




.subvisual{position:relative; width:100%;  z-index:10; box-sizing:border-box; top:0px; left:0px;}	
.subvisual .subvisual_tit {position:absolute; color: #FFFFFF;  text-align: center; letter-spacing: -0.025em; z-index:999; left:50%; margin-left:-50%; top:88px; width:100%; 
 text-transform: uppercase; font-family:'ONE-Mobile-Regular';}
.subvisual .subvisual_tit p.top_tit {font-weight:400; font-size:32px; line-height:40px; margin-top:10px; font-family:'ONE-Mobile-Title';}
.subvisual .subvisual_img {width:100%; height:260px; position:relative;}
.subvisual .subvisual_img span.subvisual_img_bg1 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img1.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg2 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img2.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg3 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img3.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg4 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img4.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg5 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img5.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg6 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img6.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg7 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img7.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg8 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img8.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg9 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img9.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg10 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img10.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg11 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img11.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg12 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img12.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg13 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img13.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img video.subvisual_video {height: 100%;   width: 100%;   object-fit: cover; position:absolute; left:0px; top:0px;} 


.subvisual .subvisual_img span.subvisual_img_bg16 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img16.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg17 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img17.png) no-repeat top left;
background-size:cover;}
.subvisual .subvisual_img span.subvisual_img_bg18 {width:100%; height:260px; z-index:12; display:block; position:absolute; background:url(img/subvisual_img18.png) no-repeat top left;
background-size:cover;}






.subvisual .subvisual_img video.subvisual_video {height: 100%;   width: 100%;   object-fit: cover; position:absolute; left:0px; top:0px;} 

.subvisual .subvisual_black {width:100%; height:300px; position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.2); z-index:99; }
.subvisual .subvisual_black_1 {width:100%; height:360px; position:absolute; top:0px; left:0px; background:rgba(0,0,0,0.2); z-index:99; }
.subvisual .subvisual_tit span.subvisual_tit_s { color: #FFF; text-align: center; z-index:999; left:50%; margin-left:-22.5px; top:0px; width:45px; height:45px; border-radius:6px;
background: rgba(4, 204, 0, 0.8); backdrop-filter: blur(2px);  font-family:'ONE-Mobile-Regular'; font-size: 24px; line-height:45px; position:relative; display:block;}




.subvisual{position:relative; width:100%;  z-index:10; box-sizing:border-box; top:0px; left:0px;}	
.subvisual .subvisual_tit {position:absolute; color: #FFFFFF;  text-align: center; letter-spacing: -0.025em; z-index:999; left:50%; margin-left:-180px; top:88px; width:360px; background:url('../images/school/Vector_1.png') no-repeat 16px 6px; 
background-size:18px 18px; text-transform: uppercase; font-family:'ONE Mobile Title OTF'; font-size:26px; line-height: 140%; padding:20px;}
.subvisual .subvisual_tit p.top_tit {font-weight:400; font-size:15px; line-height:140%; margin-top:10px; font-family:'ONE Mobile OTF Regular';}
.subvisual .subvisual_tit p.top_tit_eng {font-weight:700; font-size:18px; line-height:140%; margin-top:10px; font-family:'ONE Mobile OTF Regular'; text-transform: uppercase;}



.subvisual .subvisual_tit_1 {position:absolute; color: #FFFFFF;  text-align: center; letter-spacing: -0.001em; z-index:999; left:50%; margin-left:-190px; top:88px; width:380px; background:url('../images/school/Vector_1.png') no-repeat 5px 6px; 
background-size:18px 18px; text-transform: uppercase; font-family:'ONE Mobile Title OTF'; font-size:26px; line-height: 140%; padding:20px;}
.subvisual .subvisual_tit_1 p.top_tit {font-weight:400; font-size:15px; line-height:140%; margin-top:10px; font-family:'ONE Mobile OTF Regular';}
.subvisual .subvisual_tit_1 p.top_tit_eng {font-weight:700; font-size:18px; line-height:140%; margin-top:10px; font-family:'ONE Mobile OTF Regular'; text-transform: uppercase;}


.sub_cont {position:relative; width:100%;  z-index:10; box-sizing:border-box; top:0px; left:0px;  background: rgba(239, 239, 239, 0.3);}
.sub_cont .subvisual_top {width:100%; height:68px; z-index:12; display:block; position:relative; background: #04CC00;}
.sub_cont .subvisual_tit_1 {position:relative; color:#04CC00;  text-align: center; letter-spacing: -0.025em;  width:100%; height:104px;text-transform: uppercase; margin-top:20px; font-family:'ONE-Mobile-Regular';}
.sub_cont .subvisual_tit_1 p.top_tit_1 {font-weight:400; font-size:32px; line-height:40px; font-family:'ONE-Mobile-Title'; margin-top:5px; color:#111;}
.sub_cont .subvisual_tit_1 p.top_txt_1 {font-weight:400; font-size:14px; line-height:22px; text-align: center; letter-spacing: -0.025em; color: #767676; margin-top:15px; font-family:'ONE-Mobile-Regular';}
.sub_cont .pr_video_box {position:relative; margin:20px 20px 0px 20px; background:#fff; overflow:hidden; box-shadow: 6px 6px 16px rgba(4, 204, 0, 0.08); border-radius:10px;}
.sub_cont .pr_video_box ul {margin:20px; }
.sub_cont .pr_video_box ul li {margin-bottom:40px;}
.sub_cont .pr_video_box ul li img {width:100%;}
.sub_cont .pr_video_box ul li p.video_tit {margin:10px 0px 5px 0px; font-family:'ONE-Mobile-Title'; font-size: 18px; line-height: 26px; letter-spacing: -0.025em; color: #04CC00;}
.sub_cont .pr_video_box ul li p.video_txt {font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: #767676;  font-family:'ONE-Mobile-Regular';}





.subvisual .subcont {width:100%; position:relative; background: rgba(239, 239, 239, 0.3); backdrop-filter: blur(20px); border-top-left-radius:25px;  border-top-right-radius:25px; z-index:999;
margin-top:-60px; -webkit-backdrop-filter: blur(20px); overflow:hidden;}
.subcont .s_sitemap {height:100px; width:100%;  align-items: center; text-align: center;  padding-top:20px;}
.subcont .s_sitemap span.sitemap_text {font-weight: 400; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.3);  font-family:'ONE Mobile OTF Light'; letter-spacing: 0.05em; text-transform: uppercase;}



.subcont .n_subTit {font-family:'ONE-Mobile-Regular'; font-weight: 400; font-size: 16px; line-height: 22px; align-items: center; letter-spacing: -0.025em; color:#3A3A3A; margin:60px 20px 30px 20px;}
.subcont .n_subTit p.subImg {float:left; margin:20px 0px;}
.subcont .n_subTit p.subImg img {width:100%;}

.subcont .subTit_1 {font-family:'ONE-Mobile-Regular'; background:url(img/subtit_deco1.png) no-repeat top right; background-size:60px 96px;font-weight: 400; font-size: 16px; line-height: 22px; align-items: center;
letter-spacing: -0.025em; color: #111111; margin:0px 20px 30px 20px;}
.subcont .subTit_1 p {  font-family:'ONE-Mobile-Regular'; font-weight: 600; font-size: 24px; line-height: 32px; align-items: center; letter-spacing: -0.025em; color: #04CC00; margin-top:10px;}
.subcont .subTit_1 p.subTxt {font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.025em; text-transform: uppercase; color: #767676; margin-top:20px;}
.subcont .subImg_1 {position:relative; width:100%; height:408px; background:url(img/subimg_1.png) no-repeat top left; background-size:100% 408px;}
.subcont .subImg_1 span.subImg_1_txt {position:absolute; bottom:0px; left:0px; width:100%; height:56px; line-height:56px; background:rgba(4,204,0,0.7); color:#fff; text-align:center; 
font-family:'ONE-Mobile-Title'; font-style: normal; font-weight: 400; font-size: 18px; letter-spacing: -0.025em; }
.subcont .park_info {text-align:center;}
.subcont .park_info li {padding:10px 0px; font-weight: 700; font-size: 16px; line-height:24px; text-align: center; letter-spacing:-0.025em; color:#111;
font-family:'ONE-Mobile-Regular'; border-bottom:1px solid rgba(219,219,219,0.5);}
.subcont .park_info li:last-child {border-bottom:none;}
.subcont .park_info li p.info_list {font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: #767676; font-family:'ONE-Mobile-Regular';}


.subcont .subTit_2 {background:url(img/subtit_deco2.png) no-repeat top right; background-size:60px 96px;font-weight: 400; font-size: 16px; line-height: 22px; align-items: center;
letter-spacing: -0.025em; color: #111111; margin:0px 20px 30px 20px; font-family:'ONE-Mobile-Regular';}
.subcont .subTit_2 p {font-weight: 600; font-size: 24px; line-height: 32px; align-items: center; letter-spacing: -0.025em; color:#0045CC; margin-top:10px; font-family:'ONE-Mobile-Regular';}
.subcont .subTit_2 p.subTxt {font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.025em; text-transform: uppercase; color: #767676; margin-top:20px;}
.subcont .subImg_2 {position:relative; width:100%; height:408px; background:url(img/subimg_1.png) no-repeat top left; background-size:100% 408px;}
.subcont .subImg_2 span.subImg_1_txt {position:absolute; bottom:0px; left:0px; width:100%; height:56px; line-height:56px; background:rgba(4,204,0,0.7); color:#fff; text-align:center; 
font-family: 'ONE-Mobile-Title'; font-style: normal; font-weight: 400; font-size: 18px; letter-spacing: -0.025em; }
.subcont .park_info {text-align:center;}



.subcont .subTit_3 {background:url(img/subtit_deco3.png) no-repeat top right; background-size:60px 96px;font-weight: 400; font-size: 16px; line-height: 22px; align-items: center;
letter-spacing: -0.025em; color: #111111; margin:0px 20px 30px 20px; font-family:'ONE-Mobile-Regular';}
.subcont .subTit_3 p {font-weight: 600; font-size: 24px; line-height: 32px; align-items: center; letter-spacing: -0.025em; color:#FF5A14; margin-top:10px; font-family:'ONE-Mobile-Regular';}
.subcont .subTit_3 p.subTxt {font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.025em; text-transform: uppercase; color:#767676; margin-top:20px;}





.subcont .subTxt_1 {padding-top:20px; width:100%; height:140px; background:linear-gradient(111.41deg, #34C759 5.16%, #0A84FF 50%, #BF5AF2 95.05%); margin-top:50px; color:#fff; font-weight: 400;
font-size: 16px; line-height: 24px; text-align: center; letter-spacing: -0.025em; color: #FFFFFF;  font-family:'ONE-Mobile-Regular';}
.subcont .subTxt_1 p.subTxt_1_info {margin-top:10px; font-family:'ONE-Mobile-Title'; font-weight: 400; font-size: 34px; line-height: 42px; text-align: center; letter-spacing: -0.025em; color: #FFFFFF;}
.subcont .subImg_2 {position:relative; width:100%; height:100%; background:rgba(255,255,255,0.7); margin:20px 0px; }
.subcont .subImg_2 li {margin:0px 20px; height:238px; border-radius:10px; display:block; margin-bottom:20px; }
.subcont .subImg_2 li.park_img1 {background:url(img/park_img1.png) no-repeat top left; background-size:100%;}
.subcont .subImg_2 li.park_img2 {background:url(img/park_img2.png) no-repeat top left; background-size:100%;}
.subcont .subImg_2 li.park_img3 {background:url(img/park_img3.png) no-repeat top left; background-size:100%;}


.subcont .subImg_2 li.park_img1 div.park_txt {padding:15px 0px 0px 20px; position:relative; border-top-left-radius:10px;  border-top-right-radius:10px;  width:100%; height:78px; background: rgba(52, 199, 89, 0.7); 
backdrop-filter: blur(5px); color:#fff;font-weight: 400; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.7); font-family:'ONE-Mobile-Regular';}
.subcont .subImg_2 li.park_img1 div.park_txt span.btn {position:absolute; top:15px; right:20px; border-radius:8px; background:rgba(255,255,255,0.9); width:56px; height:28px; 
line-height:28px; text-align:center; color:#1BC546; font-size: 14px; letter-spacing: -0.025em; font-family:'ONE-Mobile-Regular'; }
.subcont .subImg_2 li.park_img1 div.park_txt p.park_txt1 {font-size:18px; line-height:26px; color:#fff; font-family:'ONE-Mobile-Regular';}


.subcont .subImg_2 li.park_img2 div.park_txt {padding:15px 0px 0px 20px; position:relative; border-top-left-radius:10px;  border-top-right-radius:10px;  width:100%; height:78px;
background: rgba(10, 132, 255, 0.7); backdrop-filter: blur(5px); color:#fff;font-weight: 400; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.7); font-family:'ONE-Mobile-Regular';}
.subcont .subImg_2 li.park_img2 div.park_txt span.btn {position:absolute; top:15px; right:20px; border-radius:8px; background:rgba(255,255,255,0.9); width:56px; height:28px; 
line-height:28px; text-align:center; color:#0A84FF; font-size: 14px; letter-spacing: -0.025em;  font-family:'ONE-Mobile-Regular';}
.subcont .subImg_2 li.park_img2 div.park_txt p.park_txt1 {font-size:18px; line-height:26px; color:#fff; font-family:'ONE-Mobile-Regular';} 



.subcont .subImg_2 li.park_img3 div.park_txt {padding:15px 0px 0px 20px; position:relative; border-top-left-radius:10px;  border-top-right-radius:10px;  width:100%; height:78px; background: rgba(191, 90, 242, 0.7);
backdrop-filter: blur(5px); color:#fff;font-weight: 400; font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.7); font-family:'ONE-Mobile-Regular';}
.subcont .subImg_2 li.park_img3 div.park_txt span.btn {position:absolute; top:15px; right:20px; border-radius:8px; background:rgba(255,255,255,0.9); width:56px; height:28px; 
line-height:28px; text-align:center; color:#BF5AF2; font-size: 14px; letter-spacing: -0.025em; font-family:'ONE-Mobile-Regular';}
.subcont .subImg_2 li.park_img3 div.park_txt p.park_txt1 {font-size:18px; line-height:26px; color:#fff; font-family:'ONE-Mobile-Regular';}

.subcont .subImg_3 {position:relative; padding:20px; margin:40px 20px; background:#fff; box-shadow:6px 6px 16px rgba(4, 204, 0, 0.08); border-radius:10px; overflow:hidden;}
.subcont .subImg_3 li {position:relative; display:block; padding-top:15px; margin-bottom:30px; float:left;}
.subcont .subImg_3 li img {width:100%;}
.subcont .subImg_3 li span.park_tit {position:absolute; top:0px; width:136px; height:32px; left:50%; margin-left:-68px; font-size:16px; line-height:32px; text-align: center;
letter-spacing: -0.025em; color: #FFFFFF; background: #1BC546; border-radius: 50px; font-family:'ONE-Mobile-Regular';}
.subcont .subImg_3 li span.park_txt2 {font-size:18px; font-weight: 600; line-height:26px; color:#fff; letter-spacing: -0.025em; color: #111111; margin-top:15px; font-family:'ONE-Mobile-Regular';}
.subcont .subImg_3 li p.park_txt3 {font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: #767676;  font-family:'ONE-Mobile-Regular';}

.info_tit {position:absolute; z-index:999; top:-15px; left:50%; margin-left:-120px; width:240px; height:38px; border-radius: 50px; background: linear-gradient(90deg, #97FD47 -39.18%, #06DC23 100%);
font-weight: 600; font-size: 16px; line-height: 38px; text-align: center; letter-spacing: -0.025em; color: #FFF; font-family:'ONE-Mobile-Regular';}
.info_tit_1 {position:absolute; z-index:999; top:-15px; left:50%; margin-left:-104px; width:208px; height:32px; border-radius: 50px; background: linear-gradient(90deg, #2971FF 0%, #0045CC 63.67%);
font-weight: 400; font-size: 16px; line-height: 32px; text-align: center; letter-spacing: -0.025em; color: #FFF; text-transform: uppercase; font-family:'ONE-Mobile-Regular';}



.subcont .main_text {position:relative; margin-top:30px; font-weight:700; font-size:22px; line-height:30px; text-align:center; letter-spacing:-0.025em; color:#111111;  font-family:'ONE-Mobile-Regular';}
.subcont .main_school { position:relative; margin:20px; background: linear-gradient(90deg, #04CC00 37.57%, #72E500 100%); border-radius: 10px; overflow:hidden;}
.subcont .main_school li {width:90%; text-align:left; margin:25px 20px 0px 20px; padding-bottom:25px; border-right:none; border-bottom:1px solid rgba(255, 255, 255, 0.2); 
 letter-spacing: -0.025em; background:url('img/Vector_1.png') no-repeat 100% 15px; background-size:9px 16px; }
.subcont .main_school li:last-child {border-bottom:none;}
.subcont .main_school li a {font-weight: 700; font-size: 18px; color:#fff; width:100%; display:block;  line-height: 26px;  font-family:'ONE-Mobile-Regular';}
.subcont .main_school li p {font-weight: 300; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: rgba(255, 255, 255, 0.7); margin-top:2px;  font-family:'ONE-Mobile-Regular';}


.subcont .m_sns {float:left; width:100%; height:130px;} 
.subcont .m_sns ul{width:180px; margin:40px auto 40px auto; }
.subcont .m_sns li {width:40px; height:40px; border-radius:50%; background:rgba(4,204,0,0.4); line-height:40px; margin-right:30px; text-align:center; float:left; }
.subcont .m_sns li:first-child { padding-top:6px;}
.subcont .m_sns li:nth-child(2) { padding-top:11px;}
.subcont .m_sns li:last-child { margin-right:0px; padding-top:3px;}


.sub_cont .m_sns {float:left; width:100%; height:130px; background: rgba(239, 239, 239, 0.3);} 
.sub_cont .m_sns ul{width:180px; margin:40px auto 40px auto; }
.sub_cont .m_sns li {width:40px; height:40px; border-radius:50%; background:rgba(4,204,0,0.4); line-height:40px; margin-right:30px; text-align:center; float:left; }
.sub_cont .m_sns li:first-child { padding-top:6px;}
.sub_cont .m_sns li:nth-child(2) { padding-top:11px;}
.sub_cont .m_sns li:last-child { margin-right:0px; padding-top:3px;}


.m_sns {float:left; width:100%; } 
.m_sns ul{width:180px; margin:40px auto 0px auto;}
.m_sns li {width:40px; height:40px; border-radius:50%; background:rgba(4,204,0,0.4); line-height:40px; margin-right:30px; text-align:center; float:left; margin-top:0px; }
.m_sns li:first-child { padding-top:6px;}
.m_sns li:nth-child(2) { padding-top:11px;}
.m_sns li:last-child { margin-right:0px; padding-top:3px;}





.subImg_4 {position:relative; padding:20px 0px 0px 0px; margin:60px 20px; background:#fff; box-shadow:6px 6px 16px rgba(4, 204, 0, 0.08); border-radius:10px; overflow:hidden;}
.subImg_4 li {text-align:center; margin:30px 20px; border-bottom:1px solid rgba(219, 219, 219, 0.3); padding-bottom:30px;}
.subImg_4 li:last-child {border-bottom:none;  padding-bottom:0px;}
.subImg_4 li span.icon_i {display:inline-block; width:70px; height:70px; background: linear-gradient(90deg, #97FD47 -31.02%, #06DC23 100%); border-radius:50%; padding-top:17px;}
.subImg_4 li p.info_stit {font-family:'ONE-Mobile-Title'; margin-top:10px; line-height: 26px; color:#04CC00; font-size:18px; }

.subImg_4 li p.info_stit_1 {font-family:'ONE-Mobile-Title'; margin-top:10px; line-height: 26px; color: #FC4A1A; font-size:18px;}
.subImg_4 li p.info_stxt_1 {font-family:'ONE-Mobile-Regular'; font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.05em; color: #767676; margin-top:10px;}

.subImg_4 .in_text {padding:20px; font-size:16px; line-height:26px; letter-spacing:-0.025em; color:#767676; overflow:hidden; font-family:'ONE-Mobile-Regular';}
.subImg_4 p.slider_btn {width:310px;  line-height:40px; text-align:center;  background: #04CC00; border: 1px solid #04CC00; border-radius: 5px; margin:0px auto;}
.subImg_4 p.slider_btn a {color:#fff; font-family:'ONE-Mobile-Regular';}




.subImg_5 {position:relative; margin:40px 20px; background:#fff; border-radius:10px; overflow:hidden; border:1px solid #DBDBDB;}
.subImg_5 span.map_img {position:relative; width:100%; height:224px; overflow:hidden; display:block;}
.subImg_5 span.map_img img {width:100%;}

.subImg_5 p.map_text { float:left; width:100%; padding:20px; background:linear-gradient(90deg, #06DC23 0%, #73FF05 144.86%); border-radius: 0px 0px 10px 10px; height:66px;
overflow:hidden; position:relative;  }
.subImg_5 p.map_text a {color:#fff; font-size: 18px; line-height: 26px; letter-spacing: -0.025em; font-family:'ONE-Mobile-Regular';}
.subImg_5 p.map_text span {float:right; width:9px 16px;}

ul.tabs { padding:0; float:left; list-style:none; height:75px; width:100%; position:relative;}
ul.tabs li {float:left; width:170px; height:70px; margin:0; cursor: pointer; line-height:70px; background-color: #fff; color: #686868; position:relative; border:1px solid #D9D9D9;
	border-radius:10px; text-align:center; font-weight: 400; font-size: 16px; font-family:'ONE-Mobile-Title'; }
ul.tabs li.active {background:#04CC00; color:#fff; display: block; position:relative; border:1px solid #04CC00;}
ul.tabs li.active:after { content:''; position: absolute; bottom:-14px; left:50%; background:url('../images/tab_active.png')no-repeat center top; width:44px; height:14px; 
background-size:44px 14px; margin-left:-22px;  }


.location_info {position:relative; margin:40px 20px;}
.tab_container { border-top:none; clear:both; float:left; width:100%; overflow:auto; margin:10px 0px 30px 0px;}
.tab_content {padding:0px; display: none;}
.tab_content li {color:#04CC00; font-family:'ONE-Mobile-Title'; font-weight: 400;font-size:18px; line-height:24px; border-bottom:1px solid rgba(219, 219, 219, 0.50); padding:20px 0px; }
.tab_content li p.text_area2 {color: #111111; font-weight: 600; font-size: 16px; line-height: 26px; margin-top:10px;  font-family:'ONE-Mobile-Regular'; }
.tab_content li p.text_area3 {color: #686868; font-weight: 300; font-size: 14px; line-height: 22px; margin-top:5px; font-family:'ONE-Mobile-Regular'; }
.tab_drawer_heading { display: none; }



.history_cont {margin-top:40px; float:left;}
.history_cont ul {position:relative;}
.history_cont ul li {margin:0px 60px 0px; position:relative;  background:rgba(255, 255, 255, 0.3); border-radius:10px; line-height:20px; padding-top:35px; float:left;}

.history_cont ul li > span{
    content: "";
    display: block;
    width: 0;
    height: 100%;
    border:1px solid rgba(219, 219, 219, 0.50);
    position: absolute;
    top:30px;
    left:-30px
}

.history_cont ul li > span:before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background:#04CC00;
	position: absolute;
    left:-4px;
	top:0px;
}



.history_cont ul li > span:after{top:95%;}
.history_cont ul li .title {color: #04CC00; margin-top:-20px; font-family:'ONE-Mobile-Title'; font-size: 32px; font-style: normal; margin-bottom:10px; font-weight: 400; line-height: 40px; letter-spacing: -0.8px;}
.history_cont ul li .h_info {color: #767676; font-size: 14px; font-style: normal;font-weight: 400;line-height: 22px; letter-spacing: -0.35px;  margin-bottom:10px; font-family:'ONE-Mobile-Regular';}
.history_cont ul li .h_info span.date {margin-right:7px; color: #111; font-size: 14px; font-weight: 700; line-height: 22px; letter-spacing: -0.35px; font-family:'ONE-Mobile-Regular';}
.history_text {width:100%; margin-top:50px; float:left; background:rgba(219, 219, 219, 0.30); height:93px; text-align:center;  font-size: 14px; line-height: 22px; padding-top:20px; font-family:'ONE-Mobile-Regular';}
.history_text p {color:#111; font-size:18px; line-height:26px; letter-spacing: -0.35px; font-weight:700; font-family:'ONE-Mobile-Regular';}


.t_page {position:relative; color: #767676; padding-bottom:10px; margin:0px 20px 0px 20px; border-bottom:1px solid #DBDBDB; display:block; font-weight:300; font-size:16px; font-family:'ONE-Mobile-Regular';}
.video_list {position:relative; overflow:hidden; }
.video_list li {margin:20px; overflow:hidden; }
.video_list li span.img_list { float:left; width:48%;  margin-right:15px; height:125px;}
.video_list li span.txt_list {  width:45%; border-bottom:1px solid rgba(219, 219, 219, 0.5); margin-top:25px; overflow:hidden; float:left; font-weight:600; font-size: 16px; font-family:'ONE-Mobile-Regular';
line-height: 22px; letter-spacing: -0.025em; color: #111; height:100px;}
.video_list li span.txt_list p.v_date {font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: #767676; font-family:'ONE-Mobile-Regular';}


.new_list {position:relative; overflow:hidden; }
.new_list li {margin:20px; overflow:hidden; }
.new_list li span.img_list { float:left; width:120px;  margin-right:15px; height:90px; }
.new_list li span.txt_list_1 { position:relative; border-bottom:1px solid rgba(219, 219, 219, 0.5);  overflow:hidden; display:block; font-weight:600; font-size: 16px; font-family:'ONE-Mobile-Regular';
line-height: 22px; letter-spacing: -0.025em; color: #111; height:80px;  margin-top:20px;}
.new_list li span.txt_list_1 p.n_date {font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: #767676; margin-top:5px; font-family:'ONE-Mobile-Regular';}
.new_list li span.txt_list_1 p.newspaper { position: absolute; top:48px; right:5px; color: #04CC00;  font-size:14px; font-weight:600; float:right; font-family:'ONE-Mobile-Regular';}



.new_list li a span.txt_list { position:relative; border-bottom:1px solid rgba(219, 219, 219, 0.5);  overflow:hidden; display:block; font-weight:600; font-size: 16px; font-family:'ONE-Mobile-Regular';
line-height: 22px; letter-spacing: -0.025em; color: #111; height:80px;  margin-top:20px;}
.new_list li a span.txt_list p.n_date {font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: #767676; margin-top:5px; font-family:'ONE-Mobile-Regular';}
.new_list li a span.txt_list p.newspaper { position: absolute; top:48px; right:5px; color: #04CC00;  font-size:14px; font-weight:600; float:right; font-family:'ONE-Mobile-Regular';} 


.page { padding-bottom:20px; border-bottom:1px solid rgba(219, 219, 219, 0.5);  margin:20px 20px;}
.page ul {width:95px; height:40px; margin:0px auto;}
.page li a {float:left; width:40px; height:40px; border-radius:50%; color:#fff; color:rgba(17, 25, 40, 0.3); font-size:18px; line-height:40px;  text-align:center;}
.page li.active a {background: #111928; color:#fff; }



.subImg_6 {position:relative; padding:20px 0px 0px 0px; margin:60px 0px; background:#F8F8FA url('img/bg_1.png') no-repeat left top; overflow:hidden; 
border-top:1px solid rgba(219, 219, 219, 0.5);}
.subImg_6 span.subImg_6_text {text-align:center; margin:15px auto; display:block; font-size:24px; line-height:32px; font-weight:400; letter-spacing: -0.025em; font-family:'ONE-Mobile-Regular';}
.subImg_6 span.subImg_6_text p {font-family:'ONE-Mobile-Title';}
.subImg_6 .text_box {background: linear-gradient(90deg, #2971FF 0%, #0045CC 63.67%); backdrop-filter: blur(5px); color:#fff; text-align:center; font-weight: 400; font-family:'ONE-Mobile-Regular';
font-size: 22px; line-height: 30px; letter-spacing: -0.025em; color: #FFFFFF; margin-top:50px; height:70px; line-height:70px; }
.subImg_6 .subImg_6_bg {position: absolute; bottom:0px; right:0px; background:url('img/bg_2.png') no-repeat right bottom; background-size:269px 437px; width:269px; height:437px; z-index:1; }


.subImg_7 {position:relative; padding:36px 20px 20px 20px; margin:60px 20px; background:#fff; overflow:hidden; box-shadow: 6px 6px 16px rgba(0, 78, 230, 0.08); border-radius:10px;
text-align:center; text-transform: uppercase;}
.subImg_7 p.pre_t {font-size: 24px; line-height: 34px; color: #004EE6; text-align:left;}
.subImg_7 p.pre_stxt {font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.05em; text-transform: uppercase; color: #767676; font-family:'ONE-Mobile-Regular';}


.subImg_8 {position:relative; padding:20px 0px 0px 0px; margin-top:60px; background:#F8F8FA url('img/bg_3.png') no-repeat left top; overflow:hidden;  background-size:100% 2022px;
border-top:1px solid rgba(219, 219, 219, 0.5); }
.subImg_8 .subImg_8_text {text-align:center; margin:15px auto; display:block; font-size:24px; line-height:32px; font-weight:400; letter-spacing: -0.025em; color: #111111;  font-family:'ONE-Mobile-Regular';}
.subImg_8 span.subImg_8_text p {font-family:'ONE-Mobile-Title';}
.subImg_8 p.complex_s {overflow:hidden; margin: 20px;  }
.subImg_8 p.complex_stxt {font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.05em; text-transform: uppercase; color: #767676; margin:0px 20px 50px 20px;  font-family:'ONE-Mobile-Regular';}

.swiper-container { height:285px; }
.swiper-container_1 { height:285px; }
.swiper-slide {  text-align: center;  font-size: 18px; border-radius: 10px; height:245px;
	/* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center; 
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;}
.swiper-slide img {width:100%; height:100%;}


.subImg_9 {position:relative; background:url('img/bg_4.png') no-repeat left top,linear-gradient(90deg, #E100FF 0%, #7F00FF 100%); background-size:100%; overflow:hidden; }
.subImg_9 .subImg_9_text {text-align:center; margin:30px auto; display:block; font-size:24px; line-height:32px; font-weight:400; letter-spacing:-0.025em; color:#fff;  font-family:'ONE-Mobile-Regular';}
.subImg_9 .subImg_9_box {margin:20px; background:rgba(255, 255, 255, 0.30); backdrop-filter: blur(4px); height:311px; border-radius:10px; }
.subImg_9 .subImg_9_box li {color:#fff; display:block; text-align:center; margin:0px 20px; border-bottom:1px solid rgba(255,255,255,0.2); padding:20px 0px;  font-family:'ONE-Mobile-Regular';
font-weight: 400; font-size: 22px; line-height: 34px; letter-spacing: -0.025em; color: #FFFFFF;  border-radius:10px;}
.subImg_9 .subImg_9_box li:last-child {border-bottom:none;}
.subImg_9 .subImg_9_box li p.stxt {color:rgba(255,255,255,0.7); font-size:14px; line-height:24px; font-weight:400; letter-spacing: -0.05em;  font-family:'ONE-Mobile-Regular';}
.subImg_9 .subImg_9_box1 {margin:20px; background:rgba(55, 0, 106, 0.10); backdrop-filter: blur(4px); padding:20px; color: #FFF; font-size: 14px; font-style: normal;  font-family:'ONE-Mobile-Regular';
font-weight: 400; line-height: 24px; letter-spacing: -0.35px; text-transform: uppercase; border-radius:10px;}



.subImg_15 {position:relative; height:720px; background:url('img/bg_5.png') no-repeat left top; background-size:100% 720px; overflow:hidden; }
.subImg_15 .subImg_15_text {text-align:center; margin:40px auto; display:block; font-size:24px; line-height:32px; font-weight:400; letter-spacing:-0.025em; color:#fff;
font-family:'ONE-Mobile-Regular';}
.subImg_15 .subImg_15_text1 {margin:300px 20px 30px 20px; fill: rgba(255, 255, 255, 0.30); backdrop-filter: blur(10px); color:#fff;}
.subImg_15 .subImg_15_text1 ul {padding:0px 10px; overflow:hidden;}
.subImg_15 .subImg_15_text1 li {width:100%;float:left; line-height:30px; font-weight:300;font-size:16px; border-bottom:1px solid rgba(255,255,255,0.2); padding:10px 0px;  font-family:'ONE-Mobile-Regular';}
.subImg_15 .subImg_15_text1 li:last-child {border-bottom:none;}
.subImg_15 .subImg_15_text1 li span.num_15 {width:30px; height:30px; color: #FFF; text-align: center; font-family: "ONE-Mobile-Title"; background: #FF5A14; display:block;
font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px; letter-spacing: -0.4px;text-transform: uppercase; border-radius: 6px; float:left; margin-right:10px;}
.subImg_15 .bottom_text {position: absolute; bottom:0px; left:0px; width:100%; background: linear-gradient(90deg, rgba(247, 183, 51, 0.7) 0%, rgba(252, 74, 26, 0.7) 100%); font-family:'ONE-Mobile-Regular';
backdrop-filter: blur(5px); color:#fff; font-weight: 400; font-size: 22px; line-height: 30px; align-items: center; text-align: center; letter-spacing: -0.025em; padding:20px;}
.sport_info_t {width:100%; height:56px; line-height:56px; font-family: "ONE-Mobile-Title"; text-align: center; font-weight:400; font-size:18px; color:#fff;letter-spacing: -0.45px;
background: #FF5A14; backdrop-filter: blur(5px);}
dl.sport_info {text-align:center; padding:10px 0px; border-bottom:1px solid rgba(219, 219, 219, 0.50); overflow:hidden;}
dl.sport_info dt {color: #111; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -0.4px; font-family:'ONE-Mobile-Regular';}
dl.sport_info dd {color: #767676; text-align: center; font-size: 14px; font-weight: 300; line-height: 22px; letter-spacing: -0.35px; margin:0px 20px; font-family:'ONE-Mobile-Regular';}

.source {color: rgba(104, 104, 104, 0.60); font-size: 10px; font-weight: 400; line-height: 18px; letter-spacing: -0.25px; float:right; margin-right:20px; font-family:'ONE-Mobile-Regular';}





.subcont .subTit_4 {font-family:'ONE-Mobile-Title'; font-weight:400; font-size:28px; line-height:36px; text-align:center; letter-spacing:-0.025em; color: #00A0E8;}
.subcont .subTit_4 p.subTxt {font-weight: 300; font-size: 16px; line-height: 22px; text-align: center; letter-spacing: -0.025em; color: #111111; font-family:'ONE-Mobile-Regular';}

.subImg_11 {position:relative; margin:20px; background:#fff; overflow:hidden; box-shadow: 6px 6px 16px rgba(0, 160, 232, 0.08); border-radius:10px;}
.subImg_11 .meier_img {position:relative; background:url('img/meier_img.png') no-repeat left top; background-size:100% 350px; width:100%; height:350px;}
.subImg_11 .meier_img span.meier_txt {position:absolute; bottom:0px; left:0px; width:100%; height:69px; background:rgba(0, 160, 232, 0.7); backdrop-filter:blur(5px); color:#fff; font-weight:500;
font-size: 16px; line-height: 24px; text-align: center; letter-spacing: -0.025em;  padding:12px 0px; font-family:'ONE-Mobile-Regular';}
.subImg_11 .meier_img span.meier_txt p{color: rgba(255, 255, 255, 0.7); font-weight:300; font-size: 14px; line-height: 22px; text-align: center; letter-spacing: -0.025em; font-family:'ONE-Mobile-Regular';}
.subImg_11 .meier_txt {font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.025em; text-transform: uppercase; color: #767676; padding:20px; font-family:'ONE-Mobile-Regular';}

.subImg_11 .meier_photo {padding:0px 20px 20px 20px;}
.subImg_11 .meier_photo li {width:48.1%; float:left; margin-right:10px; margin-bottom:20px; font-family:'ONE-Mobile-Regular';}
.subImg_11 .meier_photo li img {width:100%;}
.subImg_11 .meier_photo li:nth-child(2n) {margin-right:0px; }
.subImg_11 .meier_photo li p.meier_area {font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: -0.025em; color: #767676; margin-top:8px; font-family:'ONE-Mobile-Regular';}
.subImg_11 .meier_photo li p.meier_t {font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.025em; color: #111111; font-family:'ONE-Mobile-Regular';}




.subcont .subTit_5 {background:url(img/subtit_deco4.png) no-repeat top right; background-size:60px 96px;font-weight: 400; font-size: 16px; line-height: 22px; align-items: center;
letter-spacing: -0.025em; color: #111111; margin:50px 20px 30px 20px; font-family:'ONE-Mobile-Regular';}
.subcont .subTit_5 p {font-weight: 600; font-size: 24px; line-height: 32px; align-items: center; letter-spacing: -0.025em; color:#00A0E8; margin-top:10px; font-family:'ONE-Mobile-Regular';}
.subcont .subTit_5 p.subTxt {font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.025em; text-transform: uppercase; color:#767676; margin-top:20px; font-family:'ONE-Mobile-Regular';}

.subImg_12 {float:left; position:relative; background:url('img/meier_bg.png') no-repeat left top; background-size:100% 420px; width:100%;}


.subImg_12 .cont_13 {position: absolute; top:35px; left:20px; color:#00A0E8; font-family:'ONE-Mobile-Title';}
.subImg_12 .cont_12 {width:100%; height:400px;  background: linear-gradient(180deg, rgba(17, 25, 40, 0) 0%, #111928 10.73%, #111928 100%); margin-top:370px;}

.slider{
    position: relative;
    margin: 83px 0px 10px 0px;
   
}
.slide{ 
    position: absolute;
    top:0;
    width: 100%;
    transition: transform 1s;
	
}
.slide .slide_img {height:204px; border-radius: 10px; margin:0px 20px;}
.slide .slide_img > img{
border-radius: 10px;
    width: 100%;
    height: 204px;
    object-fit: cover;
}

.slide .slide_img_c {height:220px; border-radius: 0px; margin:0px 0px;}
.slide .slide_img_c > img{
border-radius: 0px;
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.slide p.slide_txt {text-align:center; color:#00A0E8; font-weight: 400; font-size: 18px; line-height: 26px; font-family: 'ONE-Mobile-Title'; margin-top:22px;}
.slide p.slide_txt_c {text-align:center; color:#04CC00; font-weight: 400; font-size: 18px; line-height: 26px; font-family: 'ONE-Mobile-Title'; margin-top:22px;}
button{
    background: none;
    border: none;
}
button .fas{
    color: rgba(255, 255, 255, .5);
}
.btn-slide{
    position:absolute;
    top:265px;
    z-index: 10;
	height: 5.5rem;
    width: 5.5rem;
    cursor: pointer;
}
.prev{
    left:3rem;
    transform: translate(-50%, -50%);
}
.next{
    right: 3rem;
    transform: translate(50%, -50%); 
}
.dots-container{
  position:absolute; top:260px; z-index:9999; left:50%; width:162px; margin-left:-81px; text-align:center;}
.dot{
	display:block;
	float:left;
    width: 10px;
    height: 10px;
    margin: 0px 5px;
    border-radius: 50%;
    background: rgba(217, 217, 217, 0.3);
    cursor: pointer;
}
.dot.active{background:#00A0E8;}



.slide_zoom { position:absolute; top:310px; left:50%; margin-left:-155px; width:310px; height:40px; line-height:40px; color:#fff; background:#00A0E8; border: 1px solid #00A0E8; border-radius: 5px; text-align:center;}


  .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 9999999999; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
        }
        /* Modal Content/Box */
        .modal-content {
			position:relative;
            margin: 15% auto; 
            padding: 0px;
            width: 100% /* Could be more or less, depending on screen size */
        }
        /* The Close Button */
        .close {
		    position:absolute;
            color: #fff;
            right:10px;
		    top:5px;
            font-size: 36px;
            font-weight: 500;
			z-index:9999999999999;
        }
        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }



.Thema {margin:0px 20px; float:left;}
.Thema h2 span.icon {float:left;}
.Thema h2 span.icon_tit {float:left; margin-left:10px; font-family:'ONE-Mobile-Title'; font-weight: 400;font-size: 16px; line-height: 24px; align-items: center; letter-spacing: -0.025em; color: #111111;}
.Thema ul {width:100%; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; float:left; margin-top:10px; padding:15px 0px;}
.Thema ul li {float:left; width:33%; text-align:center; font-size: 14px; line-height: 23px; letter-spacing: -0.025em;color: #767676; font-weight:600; margin-bottom:10px; font-family:'ONE-Mobile-Regular';}




.school_text {margin:0px 20px; color: rgba(217, 217, 217, 0.3); font-family: 'ONE-Mobile-Title'; font-size:42px; line-height: 50px;}


.boxwrap { margin:30px 20px;}
.boxwrap h2.boxwrap_tit {font-family: 'ONE-Mobile-Title'; font-style: normal; font-weight: 400; font-size:36px; line-height: 48px; color: #111111; letter-spacing: -0.025em;}
.boxwrap p.boxwrap_txt {width:100%; float:left; font-family:'ONE-Mobile-Regular'; font-size:18px; line-height:24px; letter-spacing: -0.025em; color: #111;  font-weight: 600; margin-bottom:20px;}
.boxwrap li {text-align:center; width:47%; background: rgba(217, 217, 217, 0.15);border: 1px solid #D9D9D9; border-radius: 10px;
padding-top:20px; float:left; display:inline-block;  transition:1s ease-in-out; cursor:pointer;}
.boxwrap li p.school_tit1 {font-family:'ONE-Mobile-Regular'; color:#111; font-size:20px; line-height:32px; font-weight:600; margin-top:10px;}
.boxwrap li p.school_txt1 {font-family:'ONE-Mobile-Regular'; color:#686868; font-size:14px; line-height:18px; font-weight:400;  margin:10px;}


.boxwrap li span.icon_img1 {display:block; width:100%; height:40px; line-height:40px; text-align:center;
background: url(../images/school_icon1.png) no-repeat center center; background-size:35px 32px;}
.boxwrap li:hover span.icon_img1 {width:100%; height:40px; line-height:40px; text-align:center;  
background: url(../images/school_icon1_o.png) no-repeat center center; background-size:45px 40px; }

.boxwrap li span.icon_img2 {display:block; width:100%; height:40px; line-height:40px; text-align:center;
background: url(../images/school_icon2.png) no-repeat center center; background-size:32px 32px;}
.boxwrap li:hover span.icon_img2 {width:100%; height:40px; line-height:40px; text-align:center;  
background: url(../images/school_icon2_o.png) no-repeat center center; background-size:40px 40px; }

.boxwrap li span.icon_img3 {display:block; width:100%; height:40px; line-height:40px; text-align:center;
background: url(../images/school_icon3.png) no-repeat center center; background-size:24px 36px;}
.boxwrap li:hover span.icon_img3 {width:100%; height:46px; line-height:46px; text-align:center;  
background: url(../images/school_icon3_o.png) no-repeat center center; background-size:30px 46px; }

.boxwrap li span.icon_img4 {display:block; width:100%; height:40px; line-height:40px; text-align:center;
background: url(../images/school_icon4.png) no-repeat center center; background-size:25px 32px;}
.boxwrap li:hover span.icon_img4 {width:100%; height:40px; line-height:40px; text-align:center;  
background: url(../images/school_icon4_o.png) no-repeat center center; background-size:31px 40px; }

.boxwrap li span.icon_img5 {display:block; width:100%; height:40px; line-height:40px; text-align:center;
background: url(../images/school_icon5.png) no-repeat center center; background-size:28px 37px;}
.boxwrap li:hover span.icon_img5 {width:100%; height:40px; line-height:40px; text-align:center;  
background: url(../images/school_icon5_o.png) no-repeat center center; background-size:36px 47px; }


.boxwrap li:hover {background:#04CC00; border: 1px solid #04CC00; }
.boxwrap li:hover p.school_tit1 {color:#fff; font-family:'ONE-Mobile-Regular'; font-weight:600;}
.boxwrap li:hover p.school_txt1 {color:#fff; font-family:'ONE-Mobile-Regular'; font-weight:400; }


.items_pop {

  padding: 0px;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  user-select: none;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
  background: rgba(255,255,255,0.1);
  font-size: 0;
  perspective: 500px;
  margin-top:0px;
}

.items_pop.active {
  background: rgba(255,255,255,0.3);
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.item_pop {
  width: 200px;
  height: 200px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right:10px;
    background: #fff8ef;
}

.item_pop img {width:100%;}


.school_tit_text {position:relative; float:left; margin-top:0px; font-weight: 300;  line-height: 22px; color: #686868; text-transform: uppercase;}
.school_tit_text span.text1_deco1{position:absolute; top:0px; left:0px;}
.school_tit_text span.text1_deco1 img {width:70%;}
.school_tit_text span.text1_deco2{position:absolute; top:0px; right:0px;}
.school_tit_text span.text1_deco2 img {width:70%;}
.school_tit_text span.text1_cont {overflow:hidden; float:left; font-family:'ONE-Mobile-Regular'; font-size: 14px;}


.school_btn {position:relative;  width:300px; height:89px; border-radius:100px; border:1px solid #DBDBDB; margin:0px auto; padding:13px 0px 0px 30px;
font-weight: 400; font-size: 18px; line-height: 32px; color: #686868; letter-spacing: -0.025em;  font-family:'ONE-Mobile-Regular'; }
.school_btn p {font-weight:600; font-size: 20px; line-height: 32px; align-items: center; letter-spacing: -0.025em;color: #686868;  font-family:'ONE-Mobile-Regular'; }
.school_btn span.school_btn_arrow {position:absolute; width:10px; height:18px; right:20px; top:33px; background: url(../images/arrow_school.png) no-repeat center center; background-size:10px 18px; }
.school_btn:hover span.school_btn_arrow {width:10px; height:18px; background: url(../images/arrow_school_o.png) no-repeat center center; background-size:10px 18px; }
.school_btn:hover {background: #04CC00; color:#fff;}
.school_btn:hover p {color:#fff; font-family:'ONE-Mobile-Regular'; font-weight:600; font-size: 20px; }



.table-fill {
  background: white;
  border-radius:10px;
  border-collapse: collapse;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
  border-spacing: 0;
   border-collapse: separate;
}
.table-fill tr{
  border: 1px solid #04CC00;
}
 
.table-fill th {
  color:#fff;
  background:#04CC00;
  height:60px;
  font-weight: 400;
  font-size: 18px;
  text-align:center;
  
  vertical-align:middle;
  font-family: 'ONE-Mobile-Title';
}
.table-fill tr:first-child td:first-child{
  border-top-left-radius: 10px;
}
/*ð¯ìéÕ±õÌý­Öª£ºñ§ù»*/
.table-fill tr:last-child .table-fill td:first-child{
  border-bottom-left-radius: 10px;
}
/*õÌý­Õ±ð¯ìéÖª£ºéÓß¾*/
.table-fill tr:first-child .table-fill td:last-child{
  border-top-right-radius: 10px;
}
/*õÌý­Õ±ð¯ìéÖª£ºéÓù»*/
.table-fill tr:last-child .table-fill td:last-child{
  border-bottom-right-radius: 10px;
}

.table-fill th:first-child {
  border-top-left-radius: 10px;
  border-right:1px solid rgba(255,255,255,0.3);
}
 
.table-fill th:last-child {
  border-top-right-radius:10px;
  border-right:none;
}
  
.table-fill tr {
  color:#111;
  font-size:16px;
  font-weight:normal;

}

.table_text {width:100%; background: rgba(4, 204, 0, 0.05); border: 2px solid #04CC00; border-radius: 10px; font-family: 'ONE-Mobile-Title'; font-weight: 400;
font-size: 18px; line-height: 32px; text-align: center; letter-spacing: -0.025em; color: #111111; padding:15px;}


.program {float:left;  background: url(../images/school_bg10.png) no-repeat left top; background-size:100% 1200px;  background-position:0px 15px; padding:0px 20px 20px 20px;}
.program span.program_tit {width: 112px; display:block; height:32px; border-radius:50px; font-weight: 500; font-size: 16px; line-height: 32px; text-align: center; 
background:#04CC00; letter-spacing: -0.001em; color: #FFFFFF; font-family:'ONE-Mobile-Regular';}
.program p.program_txt {font-family:'ONE-Mobile-Regular'; font-weight: 700; font-size: 24px; line-height: 32px; letter-spacing: -0.025em; color: #111; margin-top:15px;}
.program p.program_text {font-family:'ONE-Mobile-Regular'; font-weight:300; font-size: 18px; line-height: 26px; letter-spacing: -0.025em; color: #686868; margin-top:20px;}
.program p.program_img {margin-top:10px; float:left;}
 

 


 


 
.table-fill td {
  font-family:'ONE-Mobile-Regular';
  background:#FFFFFF;
  text-align:center;
  vertical-align:middle;
  font-weight:300;
  font-size:15px;
  line-height:22px;
  padding:10px;
  border: 1px solid #D9D9D9;
}

.table-fill td.bg1 {
 background: rgba(217, 217, 217, 0.15);
 border-top:none;
 border-right:none;
}

.table-fill tr td:last-child {border-top:none;}




.fl-table {	width:100%; margin:15px auto; border-radius:10px; border-spacing:0; text-align:Center;  overflow: hidden; border-collapse: collapse;}
.fl-table thead th { color:#fff; background:#2AC204; height:48px; font-weight: 400; font-size:18px; line-height: 26px; vertical-align:middle; font-family: 'ONE-Mobile-Title'; width:100%; }
.fl-table tbody td.table_t { font-family:'ONE-Mobile-Regular'; border-right:1px solid rgba(2, 119, 0, 0.7); background:#f7f7f9; text-align:center; vertical-align:middle; line-height:20px; font-weight:700; font-size:14px; 
letter-spacing:-0.35px; border-collapse:collapse; padding:10px 0px; color:#027700; }
.fl-table tbody td.table_t:last-child {border-right:none;}
.fl-table tbody td { font-family:'ONE-Mobile-Regular'; border-right:1px solid rgba(255, 255, 255, 0.4); border-bottom:1px solid rgba(255, 255, 255, 0.4); background:rgba(2, 125, 0, 0.8); text-align:center; vertical-align:middle;  
line-height:20px; font-weight:400; font-size:12px; letter-spacing:-0.35px; border-collapse:collapse; padding:10px 0px; color:#fff; }
.fl-table tbody td:last-child {border-right:none;}



.contTxt {font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: -0.025em; text-transform: uppercase; color: #767676; margin-top:20px;}


.subTit_10 {font-family:'ONE-Mobile-Regular'; background:url(img/subtit_deco10.png) no-repeat right 50px; background-size:60px 96px;font-weight: 400; font-size: 16px; line-height: 22px;
align-items: center; letter-spacing:-0.025em; color:#fff; margin:0px 20px; padding:50px 0px 10px 0px;}
.subTit_10 p {  font-family:'ONE-Mobile-Regular'; font-weight: 600; font-size: 24px; line-height: 32px; align-items: center; letter-spacing: -0.025em; color: #fff; margin-top:10px;}
.subTit_10 p.subTxt {font-weight:300; font-size: 14px; line-height: 24px; letter-spacing: -0.025em; text-transform: uppercase; color: #fff; margin-top:20px;}
.subImg_16 {position:relative; width:100%; height:408px; background:url(img/subimg_1.png) no-repeat top left; background-size:100% 408px;}
.subImg_16 span.subImg_1_txt {position:absolute; bottom:0px; left:0px; width:100%; height:56px; line-height:56px; background:rgba(4,204,0,0.7); color:#fff; text-align:center; 
font-family:'ONE-Mobile-Title'; font-style: normal; font-weight: 400; font-size: 18px; letter-spacing: -0.025em; }
.subImg_16 .subImg_16_text {margin:0px auto; width:270px; padding-top:30px; text-align:center; font-size:24px; line-height:32px;  font-family:'ONE-Mobile-Regular'; }



.img_btn {font-family:'ONE-Mobile-Regular'; color:#04CC00; font-size:16px; text-align:center; height:40px; line-height:40px; border-radius:5px; background:#FFF; 
filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.08));}
.img_btn_1 {font-family:'ONE-Mobile-Regular'; color:#fff; font-size:16px; text-align:center; height:40px; line-height:40px; border-radius:5px; background:#04CC00; 
filter: drop-shadow(2px 2px 8px rgba(0, 0, 0, 0.08));}
.text_1 {font-family:'ONE-Mobile-Regular'; color: #FFF; font-size: 14px; font-weight: 300; line-height: 24px; letter-spacing: -0.35px; text-transform: uppercase;}




.fl-table_1 {	width:100%; margin:15px auto; border-radius:10px; border-spacing:0; text-align:Center;  overflow: hidden; border-collapse: collapse;}
.fl-table_1 thead th { color:#111; background:#fff; height:56px; font-weight: 400; font-size:18px; line-height: 32px; vertical-align:middle;
font-family: 'OneMobileTitle'; width:100%;  border:1px solid #fff; }
.fl-table_1 tbody td { font-family:'ONE-Mobile-Regular';  background:#f7f7f9; text-align:center; vertical-align:middle; line-height: 22px; font-weight:400;  font-size:14px;
letter-spacing: -0.35px; border-left:1px solid #fff;  border-right:1px solid #fff; border-bottom:1px solid #fff; border-collapse: collapse; padding:5px 0px; color:#111; }
.fl-table_1 tbody td.a1 { background:#03c100; color:#fff; font-size:14px; text-align:center; font-family:'ONE-Mobile-Regular'; }



.ci_img {text-align:center;}
.school_box {margin:20px 20px 50px 20px; height:169px; flex-shrink:0; background:#FFF; box-shadow: 6px 6px 16px rgba(4, 204, 0, 0.08); border-radius: 10px; overflow:hidden; padding:20px;}
.school_box span.box_tit {color:#fff; line-height:30px; display:block; text-align:center; margin:0px auto; width:215px; height:30px; 
background:linear-gradient(90deg, #04CC00 0%, #00D3C6 100%); border-radius:50px; text-transform: uppercase; letter-spacing: -0.025em;}
.school_box p.box_txt {margin-top:18px; font-family: 'ONE-Mobile-Title'; font-size: 18px; line-height: 28px; text-align: center; letter-spacing: -0.025em; color: #111111;}
 


.box_1 {height:166px; border-radius:8px; background:linear-gradient(90deg, #04CC00 0%, #00D3C6 100%), #FFF; box-shadow:6px 6px 16px 0px rgba(4, 204, 0, 0.08); text-align:center; 
color:#fff; overflow:hidden; padding:0px 17px; margin-bottom:10px;}
.box_2 {width:48.5%; height:166px; border-radius:8px; background:#04CC00; box-shadow:6px 6px 16px 0px rgba(4, 204, 0, 0.08); float:left; margin-right:10px; text-align:center;
color:#fff; overflow:hidden; padding:0px 17px; margin-bottom:10px;}
.box_3 {width:48.5%; height:166px; border-radius:8px; background:#00D3C6; box-shadow:6px 6px 16px 0px rgba(4, 204, 0, 0.08); float:right; margin-bottom:10px; text-align:center;
color:#fff; overflow:hidden; padding:0px 17px; margin-bottom:10px;}

.box_4 {height:166px; border-radius:8px; background:linear-gradient(90deg, #04CC00 0%, #00D3C6 100%), #FFF; box-shadow:6px 6px 16px 0px rgba(4, 204, 0, 0.08); text-align:center; 
color:#fff; overflow:hidden; padding:0px 17px;}



.cont_bg3 {margin-top:20px; background: url(img/story_bg3.png) no-repeat left top; background-size:100% 156px; float:left;}
.tit_bg3 {background: url(img/story_bg4.png) no-repeat left top; width:113px; height:30px; line-height:30px; margin:20px auto 5px auto; text-align:center; color:#fff; 
font-family:'ONE-Mobile-Regular'; font-size:16px;}

.story_pop_x {position:absolute; right:20px; width:35px; height:35px; background:rgba(0,0,0,0.9); top:20px;  border-radius:50%; padding:10px; z-index:999999;}
	



a.pop_d {position:relative; }

a.pop_d .pop_img_t  {position:absolute; top:190px; left:10px; font-size:10px; color:#fff; }


.main_text_0424 {position:absolute; top:80px; left:50%; margin-left:-135px; width:270px; height:65px; background:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.6); border-radius:100px; 
z-index:9999; text-align:center; padding-top:12px;}
.main_text_0424 a { color:#FFFFFF; font-family:'ONE-Mobile-Title'; font-weight:400; font-size:18px; line-height:22px;}
.main_text_0424 a p {font-weight: 200; font-size: 14px; font-family:'ONE-Mobile-Regular';}




.story_bg1 { background:url(../images/school/bg_14.png) no-repeat left top; background-size:cover; width:100%; margin-top:40px; overflow:hidden; padding:50px 0px;}
.story_bg6 { background:url(../images/school/bg_29.png) no-repeat left top; background-size:cover; width:100%; margin-top:40px; overflow:hidden; padding:50px 0px;}
.story_bg7 { background:url(../images/school/bg_32.png) no-repeat left top; background-size:cover; width:100%; margin-top:40px; overflow:hidden; padding:50px 0px;}
.s_tit_area1 {  margin:0px 30px 30px 30px;  text-align:left; font-family:'ONE Mobile OTF Regular'; color: #FFFFFF; font-weight:400; font-size:20px; line-height:140%;  letter-spacing: -0.025em;}
.s_tit_area1 p.s_tit_txt2 {font-family:'ONE Mobile Title OTF'; font-size:30px; line-height: 140%; font-weight: 400; margin-top:10px; color: #FFFFFF;}
.s_tit_area1 p.s_tit_txt3 {font-family:'ONE Mobile OTF Light'; font-size:15px; line-height: 160%; font-weight: 200; margin-top:20px; color: #FFFFFF; }

.s_img_area1 { margin:10px 30px; float:left;}
.s_img_area1 img {width:100%; height:100%;}
.s_img_area2 { width:100%; height:210px; padding:0px; margin:0px;}
.s_img_area2 img {width:100%; height:100%;}
.s_img_area3 { margin:10px 30px; float:left;}
.s_img_area3 img {width:100%; height:100%;}

.s_img_area4 { margin:10px 10px; float:left;}
.s_img_area4 img {width:100%; height:100%;}


.s_img_area5 { margin-top:10px; float:left;}
.s_img_area5 img {width:100%; height:100%;}




.story_bg2 { background:url(img/m_bg2.png) no-repeat left top; background-size:cover; width:100%; float:left; font-family:'ONE Mobile OTF Regular'; font-size:14px; line-height:20px; text-align:center; padding:10px 30px;}
.story_bg2 img {width:100%;}
.story_bg3 { width:100%; background:url(img/m_bg1.png) no-repeat left top; background-size:cover; font-family:'ONE Mobile Title OTF'; text-align:center; padding:50px 20px; line-height:140%; float:left; font-size:20px;}
.story_bg3 p {line-height:18px; text-transform:uppercase; font-size:14px; margin-top:10px; font-family:'ONE Mobile OTF Regular';}


.story_bg4 { width:100%; background:url(../images/school/bg_26.png) no-repeat left top; background-size:cover; padding:40px 20px; float:left; }
.story_bg4 img {width:100%;}

.story_bg8 { width:100%; background:url(../images/school/bg_33.png) no-repeat left top; background-size:cover; padding:40px 20px; float:left; }
.story_bg8 img {width:100%;}


.cont_box1 {border:1px solid #dbdbdb; border-radius:10px; float:left; padding:30px 20px 15px 30px; margin-bottom:30px; font-family:'ONE-Mobile-Regular'; color:#00BBFF; background:url('img/Vector_1479.png') no-repeat 16px 16px; 
background-size:14px 14px; overflow:hidden; }
.cont_box1 p {margin-top:10px; color:#3A3A3A;}


.cont_box2 {margin:20px; float:left;}


.story_bg9 { width:100%; background:url(../images/school/bg_7.png) no-repeat center center; background-size:cover;  float:left; padding:50px 0px; }
.story_bg9 img {width:100%;}

.text-tit1 {color:#fff; font-weight:400; font-size:15px; line-height:140%; margin-top:10px; font-family:'ONE Mobile OTF Regular'; text-align:center; font-size:18px; margin:0px 20px; }
.text-tit2 {color:#fff; font-weight:400; line-height:140%;  font-family:'ONE Mobile Title OTF'; text-align:center; font-size:22px; margin:20px 20px;}
.text-tit3 {color:#fff; font-weight:400; line-height:20px;  font-family:'ONE Mobile OTF Regular'; text-align:left; font-size:12px; margin:20px 10px;}
.cont_box3 {margin:20px; float:left;color:#fff; font-family:'ONE Mobile OTF Regular'; }


.cont_box2 h3 {font-family:'ONE Mobile Title OTF'; color:#3A3A3A; font-size:20px;  background:url('img/Vector_1480.png') no-repeat 0px 0px;  background-size:14px 14px; 
float:left; padding:15px 15px 0px 15px; line-height:130%; margin-top:20px;}

.cont_box2_2 {margin:0px; float:left;}
.cont_box2_2 img {width:100%;}

.cont_box2_3 {float:left;}


.cont_box4 {border:1px solid #dbdbdb; border-radius:10px; float:left; padding:30px 20px 15px 30px; margin-bottom:56px; font-family:'ONE-Mobile-Regular'; color:#52FF00; background:url('img/Vector_1481.png') no-repeat 16px 16px; 
background-size:14px 14px; overflow:hidden; }
.cont_box4 p {margin-top:10px; color:#3A3A3A;}


.story_bg10 { width:100%; background:url(../images/school/bg_15.png) no-repeat center center; background-size:cover;  float:left; padding:50px 0px; }
.story_bg10 img {width:100%;}


.story_bg11 { position:relative; width:100%; background:url(img/bg_7.png) no-repeat center center; background-size:100% 100%;  float:left; padding:50px 0px; height:620px; }
.story_bg11 img {width:100%;}
.story_bg11 span.sign {position:absolute; top:420px; right:0px;}
.story_bg11 span.sign img {width:80%;}

.cont_box5 {font-family:'ONE Mobile Title OTF'; font-size:18px; background:url('img/Vector_1482.png') no-repeat 0px 0px; background-size:8px 8px; padding:8px; margin-top:35px;}
.cont_box5 p {color:#fff; font-weight:200; line-height:22px;  font-family:'ONE Mobile OTF Regular'; text-align:left; font-size:14px; margin-top:10px;}



.story_bg12 { position:relative; width:100%; background:url(../images/school/accordion_img1.png) no-repeat center center; background-size:100% 100%;  float:left; padding:50px 0px; height:520px; }
.story_bg13 { position:relative; width:100%; background:url(../images/school/accordion_img2.png) no-repeat center center; background-size:100% 100%;  float:left; padding:50px 0px; height:520px; }
.story_bg14 { position:relative; width:100%; background:url(../images/school/accordion_img3.png) no-repeat center center; background-size:100% 100%;  float:left; padding:50px 0px; height:520px; }
.story_bg15 { position:relative; width:100%; background:url(../images/school/bg_3.png) no-repeat center center; background-size:100% 100%;  float:left; padding:30px 0px; height:150px; }
.story_bg16 { position:relative; width:100%; background:url(../images/school/bg_5.png) no-repeat center center; background-size:100% 100%;  float:left; padding:30px 0px; height:150px; }

.story_bg17 { width:100%; background:url(../images/school/bg_12.png) no-repeat center center; background-size:cover;  float:left; padding:50px 0px; }
.story_bg17 img {width:100%;}


.s_tit_area2 {  margin:0px 30px 30px 30px;  text-align:left; font-family:'ONE Mobile Title OTF'; text-align:left; line-height:140%; float:left; font-size:24px; color:#fff;}
.s_tit_area2 p.s_tit_txt11 { font-weight:200; line-height:22px;  font-family:'ONE Mobile OTF Regular'; text-align:left; font-size:14px; margin-top:5px;}
.s_tit_area2 p.s_tit_txt12 { font-weight:200; line-height:22px;  font-family:'ONE Mobile OTF Regular'; text-align:left; font-size:18px;}
.s_tit_area2 p.s_tit_txt13 { font-weight:400; line-height:26px;  font-family:'ONE Mobile Title OTF'; text-align:left; font-size:20px;  text-transform:uppercase; margin-top:30px;}
.s_tit_area2 p.s_tit_txt14 { font-weight:200; line-height:22px;  font-family:'ONE Mobile OTF Regular'; text-align:left; font-size:12px; margin-top:30px;}


.s_tit_area3 {  margin:0px 30px 30px 30px;  text-align:left; font-family:'ONE Mobile Title OTF'; text-align:left; line-height:140%; float:left; font-size:18px; color:#fff;}
.s_tit_area3 p.s_tit_txt15 { font-weight:200; line-height:20px;  font-family:'ONE Mobile OTF Regular'; text-align:left; font-size:12px; margin-top:5px;}

.s_tit_area4 {float:left; font-family:'ONE Mobile OTF Regular'; font-size:16px; background:url('img/Vector_1483.png') no-repeat 0px 0px; background-size:12px 12px; padding:10px 10px 0px 16px; margin:30px 10px;}
.s_tit_area4 p.s_tit_txt16 { font-weight:200; line-height:140%;  font-family:'ONE Mobile Title OTF'; text-align:left; font-size:20px; margin-top:5px;}
.s_tit_area4 p.s_tit_txt17 { font-weight:200; line-height:140%;  font-family:'ONE Mobile OTF Regular'; text-align:left; font-size:14px; margin-top:30px;}



.cont_box6 {margin:50px 20px 20px 20px; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); backdrop-filter: blur(25px); color:#fff; font-family:'ONE Mobile Title OTF'; font-size:12px; font-weight:200;
line-height:140%; text-align:center; padding:15px 15px 10px 15px; border-radius: 10px;}