@import url('http:/fonts.googleapis.com/earlyaccess/notosanskr.css');
 @import url('https:/fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700&display=swap');


/* NotoSans KR */
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 300;
	src:url(font/NotoSansKR-Light.woff2) format('woff2'),
	url(font/NotoSansKR-Light.woff) format('woff'),
	url(font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 400;
	src:url(font/NotoSansKR-Regular.woff2) format('woff2'),
	url(font/NotoSansKR-Regular.woff) format('woff'),
	url(font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 700;
	src:url(font/NotoSansKR-Medium.woff2) format('woff2'),
	url(font/NotoSansKR-Medium.woff) format('woff'),
	url(font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 800;
	src:url(font/NotoSansSC-ExtraBold.ttf) format('ttf'),
}
/* NotoSans JP */
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 300;
	src:url(font/NotoSansJP-Light.woff2) format('woff2');
}
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 400;
	src:url(font/NotoSansJP-Regular.woff2) format('woff2');
}
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 700;
	src:url(font/NotoSansJP-Medium.woff2) format('woff2');
}
@font-face {
	font-family: 'NotoSansJP';
	font-style: normal;
	font-weight: 800;
	src:url(font/NotoSansJP-Bold.woff2) format('woff2');
}

@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 400;
	src:url(font/NanumMyeongjo-Regular.ttf) format('ttf');
}

@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 600;
	src:url(font/NanumMyeongjo-Bold.ttf) format('ttf');
}

@font-face {
	font-family: 'Nanum Myeongjo';
	font-style: normal;
	font-weight: 800;
	src:url(font/NanumMyeongjo-ExtraBold.ttf) format('ttf');
}


@font-face {
	font-family: 'NotoSansSC';
	font-style: normal;
	font-weight: 600;
	src:url(font/NotoSansSC-Regular.ttf) format('woff2');
}

@font-face {
	font-family: 'NotoSansSC';
	font-style: normal;
	font-weight: 400;
	src:url(font/NotoSansSC-Light.ttf) format('woff2');
}

@font-face {
	font-family: 'NotoSansSC';
	font-style: normal;
	font-weight: 800;
	src:url(font/NotoSansSC-ExtraBold.ttf) format('woff2');
}


 /*
    html,
    body {
      position: relative;
      height: 100%;
    }
*/
	body {margin:0;}
	button{ background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
	ul, li {list-style:none; padding: 0; margin:0}

	p {margin:0; padding:0;}

	/*
	.wrap {
		overflow: hidden;
	}
*/
	.wrap * {font-family: NotoSansKR,NotoSansJP,NotoSansSC,"돋움",Dotum,AppleGothic,Tahoma,sans-serif ; font-weight: 300; word-break: break-word; }
    .con_body {
      background: #eee;
      color: #000;
      margin: 0;
      padding: 0;
      position: relative;
      height: 100%;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

 .gnb{    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
   /* max-width: 1920px; */
    margin: 0 auto;
    z-index: 100;
    transform: translate(-50%, 0);
    color: #fff;
    font-size: 1.0vw;
    font-weight: 500;
    padding-top: 1.8%;
    border-bottom: 1px solid #fff;
    padding-bottom: 1.1%;}

.gnb li, .gnb img {cursor:pointer;}

.gnbchage {
	background-color:#4b4d4c;
}
/*
.lang_icon_change {
	content: url('../img/lang_black.png');
}
*/
 .language_toggle span:nth-child(1){
    width: 20%;
    display: inline-block;
    vertical-align: middle;
	padding-right: 5%;
 }

  .language_toggle span:nth-child(2), #lan_arrow{
    width: 10%;
    display: inline-block;
    vertical-align: middle;
 }

#langword {
	font-style: normal;
    padding: 0% 5%;
    font-size: 0.8vw;
    vertical-align: middle;
    font-weight: 600;
}

  .language_toggle span > img {
	width:100%;
  }
 .footer {    position: fixed;
    bottom: 0%;
    right: 00%;
    width: 100%;
    text-align: right;
    z-index: 100;
    color: #fff;
    padding: 1.5% 0%;}
.footer_change {
	    background-color: #333333;
	}
 .logo, .sns_wrap, .language, .menu_wrap {display:inline-block;}
 .logo {
    margin-left: 4.5%;
    width: 16%;
    vertical-align: middle;
}
.logo img {width:100%;}

 .menu_wrap {       width: 57.6%;
    margin-left: 0%;
	text-align: center;
	}
 .menu_wrap li {      display: inline-block;
    text-align: center;
    margin: 0px;
    letter-spacing: -1.6px;
    padding: 0% 1%;
    font-size: 1.15vw;
    font-weight: 700; }
 .sns_wrap {            width: 11%;
    margin-left: 0%;
    vertical-align: middle;}
 .sns_wrap div {width:20%; display:inline-block;}
 .sns_wrap img {    width: 100%;}
 .language {    cursor: pointer;
    font-size: 0.8vw;
    position: absolute;
    margin-top: 0.1%;
    right: 3%;
    width: 11%;
    display: inline;}
 .lan_choice {
    padding: 1%;
    position: absolute;
    right: 3.7%;
    background-color: #fff;
    z-index: 101;
    top: 75%;
    font-size: 0.7vw;
    color: #848484;
    display: none;
    width: 5%;
}

 .btn {
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 0.5% 2%;
    font-size: 1vw;
}
 .lan_choice ul {    list-style: none;     padding: 0; }
 .lan_choice li {    margin: 5% 0;
    text-align: center;
    cursor: pointer;
    font-size: 0.8vw;
    font-weight: 500;  }
 .etc_logo {   
	 width: 38.5%;
    display: inline-block;
 }
 .etc_logo img:nth-child(1) {width:25%;}
 .etc_logo img:nth-child(2) {width:16.2%;}
.footer_con {       
     display: inline-block;
    margin-left: 2%;
    margin-right: 3%;
    text-align: left;
    font-size: 0.8vw;
    color: #fff;
    font-weight: 400;
    vertical-align: bottom; }
.dimed {display:none; width: 100%;    height: 100%;    position: absolute;    background-color: #000;    z-index: 100;    top: 0;    opacity: 0.7;}



.menu01 {background-image:url('../img/pc_1_bg.jpg'); background-size:cover; background-position:center;background-repeat:no-repeat;}
/*.menu01 {background-image:url('../img/p_01.png'); background-size:cover; background-position:center;background-repeat:no-repeat;}*/
.menu02 {background-color:#f7f8f3;}
/*.menu02 {background-image:url('../img/pc_02.png'); background-size:cover; background-position:center;background-repeat:no-repeat;}*/
.menu03 {background-image:url('../img/pc_3_bg.jpg'); background-size:cover; background-position:center;background-repeat:no-repeat;}
.menu04 {background-image:url('../img/pc_4_bg.png'); background-size:cover; background-position:center;background-repeat:no-repeat;}
/* .menu04 {background-image:url('../img/p_04.png'); background-size:cover; background-position:center;background-repeat:no-repeat;} */
.menu05 {background-image:url('../img/pc_5_bg.png'); background-size:cover; background-position:center;background-repeat:no-repeat;}
/* .menu06 {background-image:url('../img/p_06.png'); background-size:cover; background-position:center;background-repeat:no-repeat;} */

.active::after {
	content: "";
	background-image: url("../img/active.png");
	background-size:100% 100%;
	width:100%;
	height:100%;
    max-width: 7px;
	max-height: 7px;
    display: inline-block;
    max-width: 7px;
    position: absolute;
    margin-left: 0.5%;
}

.active img {width:100%;}

.con_wrap {
    text-align: left;
    width: 66.666%;
    color: #fff;
    margin: 0 auto;
	position:absolute; top: 19%;
}

.context_wrap.tit {   position:relative; }

/* #lang01 {font-family: 'Nanum Myeongjo', serif; font-size:1.2vw; } */
#lang01 {font-size:1.2vw; } 
#lang02 {     font-size: 1.93vw;  margin-top:0.7%; font-weight: 700;}
/* #lang03 {  font-size: 1vw;     font-family: 'Nanum Myeongjo', serif;     margin-top: 0.4%;} */
#lang03 {  font-size: 1vw;    margin-top: 0.4%;}
/* #lang04 {     margin-top: 3.4%;     font-family: 'Nanum Myeongjo';     font-size: 1.2vw; } */
#lang04 {     margin-top: 3.4%;     font-size: 1.2vw; }
.menu01 .btn {     margin-top: 1.8%; }
#lang05 {    font-size: 1.1vw;    font-weight: 700; }
#lang06 {    margin-top: 0.8%;
    font-size: 0.8vw;}
#lang07 {     margin-top: 3.4%;     font-size: 1.1vw; font-weight:700;}
#lang08, #lang09, #lang10, #lang11, #lang12, #lang107 {font-size:0.8vw;  line-height: 1.6;}
#lang08 {margin-top:0.5%;}

#lang13 {
    text-align: center;
    margin-top: 0%;
    color: #000;
}

#lang13 p:nth-child(1){
/*	font-family: 'Nanum Myeongjo', serif; */
    font-size: 1.2vw;
    font-weight: 700;
    letter-spacing: -1.9px;
    color: #747472;
}
#lang13 p:nth-child(2){
	font-size: 2.5vw;
    font-weight: 700;
    letter-spacing: -0.9px;
    margin-top: 0.3%;
}

#lang13 p:nth-child(3){
 /*   font-family: 'Nanum Myeongjo', serif; */
    font-size: 1vw;
    margin-top: 0.2%;
    color: #878785;
    font-weight: 600;
    letter-spacing: -0.8px;
}
.menu03 .con_wrap {
    margin-top: 0.9%;
}
#lang14 {
    font-size: 1.7vw;
    font-weight: 700;
}
#lang15 {
    margin-top: 2.1%;
    margin-bottom: 0.7%;
}

#lang33 {
    font-size: 1.7vw;
    font-weight: 600;
    letter-spacing: -1px;
}

#lang35 p, #lang34 p  {
    width: 80%;
    clear: both;
    display: inline-block;
}

li#lang35 {
    margin-top: 2%;
}


.movie {
	width: 79.5vh;
    margin: 1.6% auto 0% auto;
    overflow: hidden;
    height: 0;
    padding-bottom: 45.2vh;
    position: relative;
    display: block;
}

.movie iframe {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    height: 100%;
    width: 100%;
}

.new_pagination {
	display: block;
    position: absolute;
    bottom: 20%;
    right: 5%;
    z-index: 101;
}
.new_pagination li {
	width: 25px;
    height: 25px;
    border-radius: 100%;
    display: block;
    position: relative;
    margin: 50% 0%;
	cursor:pointer;
}

.new_pagination li > div {
    width: 5px;
    height: 5px;
    background-color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    border-radius: 100%;
}

.new_pagination li.pactive {
    border: 1px solid #fff;
}

.menu03 .con_qu {
    margin-top: 5.9%;
    font-size: 0.8vw;
	line-height: 1.8;
	width: 55%;
}
.menu03 .btn {
    margin-top: 2.7%;
}
.menu04 .con_wrap {    display: block;     text-align: center;     top: 2.9%; overflow:hidden;}
.menu04 .strong {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
	position: relative;
    margin-top: -20%;
	height: 50vh;
	padding: 0% 10%;
	text-align: left;
}
.menu04 .info {
	width: 31.5%;
    display: inline-block;
    background-color: #fff;
    color: #000;
    margin: 0% 0.5%;
}

.menu04 .info img {
	border-radius:20px;
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {     right: 5%;     top: 66.2%; }

.menu04 .context_wrap.info {
    margin-top: 11%;
    display: inline-block;
    vertical-align: top;
 /*   box-shadow: 0px 10px 20px 12px #ddd; */
    border-radius: 20px;
}
.menu04 em {
   font-style: normal;
    font-size: 0.5vw;
    color: #ccc;
    font-weight: 400;
    line-height: 1.3;
}
.menu04 .tit_li {
    font-size: 0.9vw;
    font-weight: 500;
    margin-top: 6%;
    line-height: 1.8;
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2% 0%;
}

.menu04 .tit_li span {
	font-weight: 700;
    margin-right: 4%;
	    display: inline-block;
}

.menu04 .con_qu {
	font-size: 0.8vw;
    letter-spacing: 0.1px;
    line-height: 1.5;
    color: #666666;
    font-weight: 300;
    margin-top: 7%;
    text-align: justify;
}

.menu04 .strong .st_titl {
    text-align: left;
    font-size: 1.2vw;
    font-weight: 800;
    letter-spacing: -0.9px;
    margin-top: 9%;
}

.menu04 .swiper-slide img {
    border-radius: 20px;
}
.menu04 .tit_li li {
	display:block;
}
.menu04 .tit_li p {
	display:inline-block;
}


#lang24 p {
/*
    width: 75%;
    vertical-align: top;
	letter-spacing: -0.5px;
	*/
}
/*
#lang25 p{
    width: 75%;
    vertical-align: top;
}
*/

li#lang25 {
	margin-top: 4%;
    font-size: 0.8vw;
    font-weight: 500;
}

#lang24, #lang25 {
  /*  line-height: 1.3; */
}

.menu04 .tit_li p {
    display: inline-block;
    font-size: 0.8vw;
    font-weight: 400;
	word-break: break-word;
}

.menu05 .con_wrap {
	color:#000;
	display: block;
}

.menu05 .s_img {
    width: 47.2%;
    display: inline-block;
    vertical-align: top;
    margin-top: 3.2%;
    margin-left: 7.4%;
}

.menu05 .con_qu {
    margin-top: 16%;
    font-size: 0.9vw;
    letter-spacing: -1.1px;
    color: #333333;
    line-height: 1.6;
}
.menu05 .context_wrap.info {
	width: 38%;
    margin-top: 4.4%;
    margin-left: 3%;
	display: inline-block;
	vertical-align:top;
}

.menu05 span {
	float: left;
    width: 20%;
    font-weight: 700;
}
.menu05 ul {
	margin-top: 6.5%;
	font-size: 0.9vw;
}
.menu05 em {
	font-style: normal;
    font-size: 0.8vw;
    letter-spacing: -0.5px;
    color: #666666;
}
.menu04 .btn {
    width: 34%;
    background-color: #00c06f;
    padding: 3%;
    color: #fff;
    font-size: 0.8vw;
    font-weight: 600;
    display: block;
    bottom: 2%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.menu05 .btn {
    width: 13%;
    background-color: #00c06f;
    padding: 1%;
    color: #fff;
    font-size: 0.8vw;
    font-weight: 600;
    display: block;
/*    bottom: 10%;*/
	margin-top:3%;
    position: absolute;
}

.context_wrap.info {  margin-top: 9%; }
 .language.mo {
    display: none;
}

.menu04 ul.tit_li {
    height: auto;
	display:block;
}

span#etc01 {
    margin-top: 5%;
    font-weight: 300;
	 font-size: 0.8vw;
}

li#lang25 span {
	font-size:0.9vw;
}
 .mo {display:none;}


	/* 반응형 */

	@media screen and (max-width: 799px){
		.mo {display:block;}
		.pc {display:none;}


.menu01 {background-image:url('../img/mo_01.jpg'); background-size:cover; background-position:center;background-repeat:no-repeat;}
.menu02 {background-color:#f7f8f3;}
.menu03 {background-image:url('../img/mo_03.jpg'); background-size:cover; background-position:center;background-repeat:no-repeat;}
.menu04 {background-image:url('../img/mo_04.jpg'); background-size:cover; background-position:center;background-repeat:no-repeat;}
.menu05 {background-image:url('../img/mo_05.jpg'); background-size:cover; background-position:center;background-repeat:no-repeat;}

.gnb {background-color:#fff; padding: 3% 0%;}
.logo {
    margin-left: 4.5%;
    width: 40%;
    vertical-align: middle;
}
.logo img {
	content:url('../img/logo.png');
}
.sns_wrap {
	width: 40%;
    margin-left: 10%;
    vertical-align: middle;
    display: inline-block;
    text-align: right;
}
.language.mo {
    cursor: pointer;
    width: 20%;
    display: inline-block;
    position: relative;
    right: 0;
    margin-top: 0;
}
		.language img { width:100%;}

		.mo_menu_wrap {
			width: 100%;
			display: inline-block;
			position: fixed;
			bottom: 0px;
			background-color: #fff;
			z-index: 100;
		    padding: 0;
			margin:0;
			font-size:0;
			text-align: center;
			border-top: 1px solid #ccc;
		}

	.mo_menu_wrap li {
		list-style: none;
		width: 20%;
		display: inline-block;
		margin: 0;
		box-sizing: content-box;
		font-size: 0;
		padding: 3% 0%;
		vertical-align: top;

	}

		.lan_choice {
		width: 85%;
		border: 2px solid #ccc;
		border-radius: 20px;
		position: absolute;
		left: 50%;
		top: 43%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		height: 70%;
		z-index: 101;
		}

	.close_btn.mo {
		position: absolute;
		display: inline-block;
		right: 7%;
		top: 6%;
		width: 7%;
	}

	.close_btn.mo img {
		width: 100%;
	}

	.lan_choice ul {
		margin-top: 30%;
		font-size: 6vw;
	}

	.lan_choice ul {
		margin-top: 30%;
		font-size: 6vw;
	}

	.langtit {
    font-size: 5vw;
    font-weight: 800;
    color: #000;
    padding-bottom: 5%;
}

.mo_menu_wrap li > p {
    color: #ccc;
    font-size: 2.5vw;
    font-weight: 500;
}


	.mo .etc_logo {     width: 100%;      text-align: center;}
	.mo .etc_logo img {   width: 30%;    margin: 0;    font-size: 0;    padding: 3%; }
	.info {
		text-align: center;
		margin-top: 5%;
		font-weight: 700;
		color: #000;
		font-size: 3vw;
	}

.mo_menu_wrap span {
    width: 40%;
    display: inline-block;
}

.mo_menu_wrap span > img {
    width: 100%;
}

.mo_active p {
	color:#000 !important;
	font-weight:700  !important;
}

	.con_wrap {
	width: 100%;
    height: 100%;
    display: block;
    top: 0%;
	overflow:hidden;
	}

	.context_wrap.tit {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: transparent;
		top: 15%;
		left: 5%;
	}

	.context_wrap.info {
		position: absolute;
		background-color: #fff;
		top: 70%;
		width: 100%;
		height: 100%;
		margin-top: 0%;
		text-align: left;
	}

	.drag_btn_wrap.mo {
		width: 30%;
		height: 5%;
		top: -5%;
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0%);
	}

#lang01 {

/*    font-family: 'Nanum Myeongjo', serif; */
    font-size: 4.0vw;
}

#lang02 {
    font-size: 5vw;
    font-weight: 600;
	letter-spacing: -1px;
}

#lang03 {
    font-size: 2.7vw;
}

#lang04 {
    margin-top: 10%;
    font-size: 3.3vw;
    font-weight: 300;
	letter-spacing: -1px;
}

.menu01 .btn {
    margin-top: 6%;
    width: 25%;
    padding: 1.5%;
	    font-size: 3vw;

}
.strong {
    margin: 0% 5%;
	/*
	overflow-y: overlay;
	*/
}


.lan_choice li {font-size: 6vw; }
/* 타이틀 */

#lang05, #lang07, #lang14, #lang33 {
    font-size: 5vw;
    font-weight: 700;
    margin-top: 5%;
}

#lang06, #lang08, #lang15, #lang16, #lang17, #lang34, #lang35, #lang36 {
    margin-top: 1%;
    font-size: 3.5vw;
    font-weight: 500;
}

#lang08, #lang09, #lang10, #lang11, #lang12, #lang107 {
    font-size: 3.5vw;
    line-height: 1.6;
    word-break: break-all;
    letter-spacing: -0.2px;
    font-weight: 500;
    list-style: circle;
    width: 90%;
    margin: 4% auto;
}

#lang13 {
	text-align: center;
    color: #000;
    position: absolute;
    width: 100%;
    top: 25%;
    left: 50%;
    transform: translate(-50%, 0);
}

#lang13 p:nth-child(1) {
/*    font-family: 'Nanum Myeongjo', serif; */
    font-size: 5vw;
    font-weight: 700;
    letter-spacing: -1.9px;
    color: #747472;
}

#lang13 p:nth-child(2) {
    font-size: 5vw;
    font-weight: 700;
    letter-spacing: -0.3vw;
    margin-top: 1.3%;
}

#lang13 p:nth-child(3) {
/*    font-family: 'Nanum Myeongjo', serif; */
    font-size: 2.5vw;
    margin-top: 0.2%;
    color: #878785;
    font-weight: 600;
    letter-spacing: -0.8px;
}


.movie {
	width: 90%;
    max-width: none;
    margin: 0;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 0);
    padding-bottom: 50%;
    overflow: hidden;
    height: 0;
}

.moqu {
    position: absolute;
    top: 70%;
    font-size: 4vw;
    color: #000;
    text-align: center;
    left: 50%;
    font-weight: 700;
    transform: translate(-50%, 0);
    width: 80%;
    word-break: keep-all;
}

.menu03 .btn {
    width: 30%;
    margin-top: 7%;
    background-color: #00c06f;
    padding: 2%;
    color: #fff;
    font-size: 0.8vw;
    font-weight: 600;
    display: block;
    bottom: unset;
    position: relative;
	    font-size: 3vw;
}

	#bukchon_img {
		display: none;
	}

.menu05 .tit {
    color: #fff;
}

.menu05 .context_wrap.info {
    position: absolute;
    background-color: #fff;
    top: 70%;
    width: 100%;
    height: 100%;
    margin-top: 0%;
    text-align: left;
	margin-left: 0;
}
.menu05 .con_qu {
    margin-top: 6%;
}

.card {
    margin: 0;
    width: 100%;
    position: absolute;
    left: 0;
	top: 6%;
	    padding: 0% 5%;
}

.menu04 .context_wrap.info {
    display: block;
}
.menu04 .context_wrap.info {
    position: relative;
    background-color: #fff;
    top: unset;
    width: 100%;


	}
.card .swiper-slide {
    background-color: transparent;
}

.card .strong {
	margin: -7% 0% 0% 0%;
    height: 40vh;
    padding: 0% 6%;
}


.card .swiper-wrapper{
	margin-right:5%;
}
.card .swiper-horizontal>.swiper-pagination-progressbar, .card .swiper-pagination-progressbar.swiper-pagination-horizontal, .card .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .card .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 85%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 3%;
    margin: 0 auto;
    top: 5%;
}

.menu04 .swiper-slide img {
	border-radius: 20px 20px 0 0;
	height:unset;
}

.menu04 .strong .st_titl {
    font-size: 6vw;
	margin-top:4%;
}

.menu04 .tit_li span {
    font-weight: 600;
    margin-right: 4%;
    display: inline-block;
    font-size: 4vw;
}

.menu04 .tit_li p {
    display: inline-block;
    font-size: 4vw;
    font-weight: 400;
	letter-spacing: -0.2px;
}

.menu04 .con_qu {
    font-size: 3.5vw;
	margin-top:3%;
}

.menu04 .btn {
    width: 50%;
    font-size: 4vw;
    padding: 1.5% 0%;
	    font-size: 4vw;
}

.menu04 .tit_li {
    padding: 1% 0%;
    margin-top: 3%;
}

.info p {
    font-weight: 500;
}

.menu03 .con_qu {
    margin-top: 5.9%;
    font-size: 0.8vw;
    line-height: 1.8;
    width: 100%;
    text-align: justify;
}

.menu04 .tit_li li {
    display: block;
    font-size: 4vw;
    font-weight: 400;
}

#lang24 p {
    width: unset;
    vertical-align: unset;
    display: inline-block;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: -0.2px;
}

span#etc01 {
	 font-size: 3.5vw;
}

.etc_logo {
    width: 100%;
    display: inline-block;
    text-align: center;
}

li#lang25 {
    font-size: 3vw;
}

.menu04 em {
    font-style: normal;
    font-size: 3.5vw;
    color: #ccc;
    font-weight: 400;
    line-height: 1.3;
}

.menu05 em {
    font-size: 3.5vw;
}

.menu04 .strong {
	height:100%;
}

.moqu#lang90 {
    margin-top: 5%;
}

li#lang25 span {
    font-size: 4vw;
}

.menu05 .btn {
	width:30%;
	font-size:4vw;
}

:root {
    --swiper-theme-color: #000;
}


	.height_su {
		min-height: 700px;
		overflow: overlay;
	}

	.menu04 .strong {
		height: 100%;
		min-height: 350px;
	}

}