html,body {width:100%}
.wrap{
		width: 100%;
		position: relative;
		overflow-x:hidden
}
[id*='mbody'] {
	position:relative;
	padding:2rem 0 3rem;
}
.sceTit {position:relative; font-family:var(--eng-title); color:var(--font-color-3); margin-bottom:var(--secgap)}
.sceTit > h2 {font-size:2rem; font-weight:var(--font-weight-9)}
.sceTit > p {font-family:var(--default-font); letter-spacing:-0.06em;; color:var(--font-color-6); margin-top:1rem}
.sceTit > p > span {font-weight:var(--font-weight-7)}


/* =====================================
   메인 비쥬얼 슬라이드
===================================== */
/* msec-visual */
.msec-visual{
	position:relative; 
	overflow:hidden; 
	width:100%; /*margin-left:4%;*/ 
	height:25rem; 
}

.msec-visual .swiper-wrapper {
    transition-timing-function: cubic-bezier(.5,0,0,1)
}


.msec-visual .swiper-slide { 
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
	}
.msec-visual .pic {
	width: 100%;
    height: 100%; 
	position: absolute;
    transform: scale(1.0);
    transition-duration: 2s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.5,0,0,1);
	}
/*.msec-visual .pic{
	width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.0) translate(0);
    transition-timing-function: cubic-bezier(.5,0,0,1);
    transition-property: transform
    
}*/

.msec-visual .swiper-slide-active .pic {transform:scale(1.1);}
.msec-visual .pic img {width:100%; height:100%; object-fit:cover;}
.msec-visual .slogun{
	min-width:320px;
	position:absolute;
	width:90%; 
	max-width:var(--container); 
	margin:0 auto;
	/*text-shadow: 0px 1px 6px rgba(0,0,0,0.5);*/
	left:50%;
	top:50%; 
	z-index:3; 
	-webkit-transform: translate(-50%, -50%);  
	-moz-transform: translate(-50%, -50%);  
	-ms-transform: translate(-50%, -50%);  
	-o-transform: translate(-50%, -50%);  
	transform: translate(-50%, -50%);
	}

#section1 h1,   #section1 p {text-align:center}
#section1  h1{
 	font-family:var(--title-font);
	font-size: 2.5em;
	color:#fff;
	-webkit-text-shadow: none;
	text-shadow: none;
	letter-spacing:-0.06em;
	}
#section1  h1 span {
 	display:block;
 	font-family:var(--sub-title-font);
	font-size:0.825em;
 }

#section1  h1 em {
	color:var(--pcolor-blue);
}

#section1 p {
	font-family:var(--default-font);
	/*color:transparent;*/
	font-size:2em;
	font-weight:800;
}

.text-animated{ 
	transform: translate(0,-200%);
    transition: transform 600ms ease;
	color:transparent;

}
.swiper-slide-active .text-animated{
      transform: translate(0,0);
	  transition: transform 600ms ease;  
	  color:#fff;

}

.text-animated2{ 
	transform: scale(1.0);
	color:#fff;
}
.swiper-slide-active .text-animated2{
      transform: scale(1.2);
	  color:transparent;
	  -webkit-text-stroke: 1px #fff;
	  transition:all .2s ease-out;
	  transition-delay: 1s;
}
.cv_button {
	width:90%;
	min-width:320px;
	margin:1rem auto;
	display:flex; 
	flex-flow:row wrap; 
	justify-content:flex-start;
	align-items:center; 
	position:absolute;
	z-index:5002;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)
	
}
.cv_button>div {position:relative; width:100%; display:flex; justify-content:space-between}
.progressW {flex-flow:column wrap; justify-content:center; margin-top:1rem}
.swiper-pagination-cv {display:none; width:100%; margin-top:1rem; text-align:center}
.buttonW>div {
	display:flex;
	align-items:center;
	justify-content:center;
	width:60px; 
	height:60px;
	line-height:60px;
	border:2px dashed #fff;
	border-radius:50px;
	padding:0.333rem;
	margin:0 2px;
	text-align:center; 
	cursor:pointer; 
	opacity:0.4; 
	transition: opacity 0.6s, width 0.6s, height 0.6s;
}

.buttonW>div:before {
	content:"";
	font-family: 'Linearicons-Free';
	color:#fff;
	font-size:var(--15ltxt);
}

.buttonW>div>svg {
	 position: relative;
	 top: 0;
	 fill: #fff;
	 stroke-linecap: round;
	 stroke-linejoin: round;
	 stroke: none;
	 stroke-width: 2;
	 transform: translateX(0);
	 transition: all 0.3s ease;
	 scale:0.6;

}

.buttonW>div.swiper-button-next-cv:before {content:"\e87a";}
.buttonW>div.swiper-button-prev-cv:before {content:"\e879";}
.buttonW>div.swiper-button-prev-cv>svg {
 transform: translateX(0);

}
.buttonW>div>svg:hover:before {
 background: #ffab9d;

}

.buttonW>div:hover {background-color:#fff;}
.buttonW>div:hover:before {color:#333}
.buttonW>div:hover svg {fill:#333}
.buttonW>div:hover svg {
	transform: translateX(0px);

}


.buttonW>div.swiper-button-prev-cv:hover svg{
	transform: translateX(0px);

}

.buttonW>div>img:active {

}
/*.swiper-button-prev-cv{transform: rotateY(180deg)}*/
.cv_button [class*='swiper-button-']:hover {opacity:1}
.msec-visual .swiper-pagination {position:relative; font-family:var(--num-font-name); font-size:12px; color:#fff}
.swiper-pagination-cv .swiper-pagination-bullet {margin:0.222rem; width:4px; height:4px; background:none}
.swiper-pagination-cv .swiper-pagination-bullet-active {background:#c6a582;}

.swiper-progress-bar {position:relative;width:100%; margin-bottom:0.666rem;/*position: absolute; left: 50%; transform: translate(-50%); max-width: var(--container);*/ display: block; z-index: 1; height:.5rem; }
.swiper-progress-bar .slide_progress-bar {position:absolute; width: 100%; height: .3rem; background:rgba(255,255,255,0.5);opacity:1; max-width: 4.5rem;}
.swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background:#fff; height: 100%; width: 0; content: ""; transition: 0.1s width linear;}
.swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;transition-delay: unset; width: 100%; transition-duration: 5s;}
.cv_button .swiper-pagination {text-align:left}


@media (min-width:1200px){
	.sceTit > h2 {font-size:3rem;}
	
	
}

@media (min-width: 1400px){

	[id*='mbody'] {
		padding:4rem 0 6rem;
	}
.sceTit > h2 {font-size:4rem;}
.msec-visual {height:40rem;}
.msec-visual .pic { height:40rem;}
	
#section1 h1{font-size:4em}
#section1 p {font-size:3em}

}

@media (min-width: 1600px){
#section1 h1{font-size:5em}
.msec-visual {height:50rem;}
.msec-visual .pic { height:50rem;}

}

@media (min-width: 2000px){
	[id*='mbody'] {
		padding:5rem 0 7rem;
	}
.msec-visual {height:60rem;}
.msec-visual .pic { height:60rem;}
}




/* mbody2 */

#mbody2 {min-height:50vh}
.m2Sec {display:flex; flex-flow:row wrap; gap:1rem; width:calc(100% + 1rem);}
.m2Sec div {
	width:calc(50% - 1rem);
	background-color:#08578d;
	transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.m2Sec div:nth-of-type(2n) {background-color:#08858d}
.m2Sec div a {
	display:flex; 
	flex-flow:column wrap; 
	align-items:center; 
	color:#fff; 
	padding:var(--boxpd);
	
	}

.m2Sec div h3 {
	font-family:var(--title-font);
	font-size:1.5rem;
	margin-bottom:var(--margin-1)
}

.m2Sec div ul li {font-size:0.875rem; margin-bottom:0.333rem}
.m2Sec div h3:before {
	content:"";
	width:40px;
	height:40px;
	display:block;
	margin:0 auto;
	background-position:center center;
	background-size:100%; 
	background-repeat:no-repeat;
	margin-bottom:var(--margin-1)
}

.m2Sec div:nth-of-type(1) h3:before {background-image: url('/images/main/do1.svg');}
.m2Sec div:nth-of-type(2) h3:before {background-image: url('/images/main/do2.svg');}
.m2Sec div:nth-of-type(3) h3:before {background-image: url('/images/main/do3.svg');}
.m2Sec div:nth-of-type(4) h3:before {background-image: url('/images/main/do4.svg');}
/*.typed-cursor.typed-cursor--blink {color:#ccc; font-size:1rem}*/



@media (min-width: 768px){

}

@media (min-width: 1200px){
	.m2Sec {gap:2rem}
	.m2Sec div {width:calc(33.333% - 2rem);}
	.m2Sec div ul li {font-size:1rem;}
	.m2Sec div:hover {transform:translateY(-50px); transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);}

}
@media (min-width: 1400px){
	.m2Sec div {width:calc(25% - 2rem);}
	.m2Sec div h3:before {width:80px; height:80px}

}

@media (min-width: 1600px){

}


/* mbody3 */

#mbody3 {background:#f5f5f5}
#mbody3 .container {overflow:hidden;}

/*갤러리*/

.poster-container div.swiper-slide {
	position:relative; 
	/*box-shadow:0 0px 8px rgba(0,0,0,0.15);*/
	cursor:pointer;
}
.poster-container div.swiper-slide:hover {border-color:#999;}
.poster-container div.swiper-slide:hover .pic img { transform:scale(1.1); transition:0.3s;}
.poster-container div.swiper-slide .pic {margin-bottom:0 !important; overflow:hidden}
.poster-container div.swiper-slide .pic img {width:100%; object-fit:cover; transition:0.3s;}
.poster-container div.swiper-slide .cont {
	width:100%; 
	background:#fff; 
	padding:1em; 
	text-align:center;
	font-family:var(--sub-title-font);
	font-size: var(--lmtxt);
}

.ps_button {position:absolute; z-index:10; right:0; top:50%; transform:translateY(-50%); display:flex; align-items:center; gap:1rem}
.ps_button .more {transform: rotate(45deg); color:#777; margin-right:1rem}
.ps_button .more span{font-size:2rem;}
.swiper-button-prev-ps,.swiper-button-next-ps {width:50px; height:20px; padding:1rem; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:0.4; transition: opacity 0.6s, width 0.6s, height 0.6s;}
.swiper-button-prev-ps {background-image:url(/images/main/icon-next.svg); transform: rotate(180deg);}
.swiper-button-next-ps {background-image:url(/images/main/icon-next.svg);}
.swiper-button-next-ps .cursor{position: absolute; border-radius: 50%; border: 1px solid white; top: 0; left: 0; pointer-events: none; user-select: none; transform: translate(-50%,-50%); opacity: 0; width: 40%; height: 40%; transition: opacity 0.6s, width 0.6s, height 0.6s;}
.swiper-button-next-ps .cursor.on{opacity: 1; width: 100%; height: 100%;}
.swiper-button-prev-ps:hover,.swiper-button-next-ps:hover {opacity:1}



/* mbody4 */

[class*='contact'] p a, [class*='contact'] p span {
	font-family:var(--eng-title);
	font-weight:var(--font-weight-7);
	color:#333;
}

#mbody4{padding-bottom:0}
#mbody4:before {
	content:"";
	position:absolute;
	object-fit: cover;
    object-position: 50% 50%;
	backface-visibility: hidden;
	right:0;
	bottom:0;
	transform:translate(0,-50%);
	width:150px;
	height:160px;
	background-image: url('/images/main/mbody4-illust.svg');
	background-repeat:no-repeat;
	background-size:cover;

}

.contactNumber {margin-bottom:var(--margin-1)}
.sceTit .btn-4 {font-family:var(--title-font);}
.fullmapW {position:relative}
.fullmap {
	width:100% !important;
	height:360px;
	overflow:hidden;
	padding-top:var(--secgap);
	scale:1.2;
}
.fullmapW a {position:absolute; z-index:5; right:1rem; bottom:1rem}
@media (min-width: 980px){

	#mbody4:before {
		width:300px;
		height:320px;
		right:0;
		top:50%;
		transform:translate(-50%,-50%);
	}

	.contactNumber p a {font-size: 2.0em;}
	.contactMail p span {font-size: 1.25em;}

}


@media (min-width: 1200px){

	#mbody4:before {
		width:600px;
		height:640px;
	}

	.contactNumber p a {font-size: 3.0em;}
	.sceTit .btn-4 {font-size:2.0rem; padding: 1.0em 3em;}
}