/* ::::::::::::: =========== 게시판 START ~ =========== ::::::::::::: */
.subWrap {
    position: relative;
}
.subvbox {
	padding-top:10rem;
    width: 100%;
    height: 50rem;
    background: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.subvt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.subvt h1 span{
	    letter-spacing: 0.2rem;
	font-style: normal;
    font-family: 'Pretendard-SemiBold';
}
.subvt h1{
	position:relative;
	
	color: #FFF;
	text-align: center;
	font-family: "Outfit", sans-serif;
	font-size: 5rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.5rem;
	text-transform: uppercase;
}
.subvt dl{
	position:relative;
	
	color: #FFF;
	text-align: center;
	font-family: "Outfit", sans-serif;
	font-size: 5rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.5rem;
	text-transform: uppercase;
}


.prbg{
	background-image: url(../img/sub/pr_bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media(max-width: 1700px){
	.subvbox {
		padding-top: 8.3rem;
	}
}
@media(max-width: 991px){
	.subvbox {
		height:40rem;
		padding-top: 6rem;
	}
}
@media (max-width:767px) {
	.subvbox {
		height:24rem;
		padding-top: 5.6rem;
	}
	.prbg{
		background-image: url(../img/sub/pr_bg_mo.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
	.subvt h1{
		font-size: 3rem;
		line-height: 4rem;
		letter-spacing: 0.3rem;
	}
	.subvt h1 span {
		letter-spacing: 0.1rem;
	}
	.subvt dl{
		font-size: 3rem;
		line-height: 4rem;
		letter-spacing: 0.3rem;
	}
}



.subbreadbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.homeicon{
	height:3.6rem;
	margin-right:1.4rem;
}
.homearrow{
	height:0.8rem;
	margin:0rem 1rem;
}
.subbreadbox dl{
	color: #2F2C2C;
	font-family: Pretendard;
	font-size:1.7rem;
	font-weight: 400;
}
.subbreadbox span{
	color: #2F2C2C;
	font-family: Pretendard;
	font-size:1.7rem;
	font-weight: 600;
}
.subcbox{
	display:block;
}
.subcbox h1{
color:#2F2C2C;
font-family: MaruBuri;
font-size: 6rem;
font-weight: 400;
line-height: 7rem;
letter-spacing: -0.18rem;
text-transform: uppercase;
}
.subcbox h2{
	display:block;
	margin-top:3rem;
color: #2F2C2C;
font-family: Pretendard;
font-size:2.2rem;
font-weight: 400;
line-height: 3.2rem;
letter-spacing: -0.66px;
text-transform: uppercase;
}


.contTitle {font-size: 4rem; font-family: "Pretendard-Semibold";}


.newswrap {
    padding: 12rem 0rem 12rem 0rem;
    position: relative;
}


.casetype .seatopbox{
	position:relative;
}
.seatopboxInner {
    margin-bottom: 2rem;
    display: flex;
    justify-content: flex-end;
}

.seatopbox{
	z-index:10;
	width:27rem;
	position:absolute;
	right:0rem;
	top:0rem;
}
.seatopbox:before{
	z-index:30;
	content:'';
	position:absolute;
	left:0rem;
	bottom:0rem;
	width:100%;
	height:1px;
	background:#000;
}
.seatin{
	width:100%;
	position:relative;
	display:flex;
	padding-right:7rem;
}

.seatin input {
    margin: 0;
    border: none;
    height: 6rem;
    width: 100%;
	
	font-size:1.8rem;
    color: #2F2C2C;
	font-family: 'Pretendard';
}
.seatin input:-webkit-autofill,
.seatin input:-webkit-autofill:hover,
.seatin input:-webkit-autofill:focus,
.seatin input:-webkit-autofill:active {
	transition: background-color 5000s;
	-webkit-text-fill-color: #263238 !important;
}
.seatin input:focus{
	outline: none;
}
.seatin input:read-only{
	background:#fff;
}
.seatin input::placeholder{
	font-size:1.8rem;
	color:#aaa;
	font-family: 'Pretendard-Light';
}
.seatin button{
	cursor:pointer;
	background:#fff;
	position:absolute;
	right:0rem;
	top:0rem;
	width:6rem;
	height:6rem;
	border:none;
	padding:0;
	margin:0;
	background-image: url(../img/common/seatopicon.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.seatin button:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0rem;
    border: 1px solid #fff;
    border-top-color: #fff;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #fff;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #fff;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 6;
}
.seatin button:hover:after{
	border: 1px solid #000;
}
.result_noneBox {
    width: 100%;
    position: relative;
    padding: 15rem 0rem 15rem 0rem;
}
.seattext {
    display: flex;
    font-family: Pretendard;
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: 0em;
    text-align: center;
    color: #aaa;
    align-items: center;
    justify-content: center;
    margin-bottom: 0rem;
}
.seattext span {
	color:#2F2C2C;
    font-family: 'Pretendard-Bold';
}
.result_noneInner {
    display: block;
    font-size: 2.4rem;
    font-family: Pretendard;
    line-height: 2rem;
    letter-spacing: 0px;
    text-align: center;
    color: #aaa;
}


.coninqInner{
	width:100%;
	padding:10rem 0 0 0;
}

.boacatebox {
    display: flex;
    position: relative;
    margin-bottom: 0rem;
    align-items: center;
    justify-content: center;
}
/* .boacatebox:before{ */
	/* content:''; */
	/* position:absolute; */
	/* left:0rem; */
	/* bottom:0rem; */
	/* width:100%; */
	/* height:1px; */
	/* background:#eee; */
/* } */
.boacate{
	position:relative;
}
.boacate:before{
	content:'';
	position:absolute;
	left:0rem;
	bottom:0rem;
	width:100%;
	height:1px;
	background:#eee;
}
.boacate ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.boacate ul li{
	text-align: left;
	display:inline-block;
	margin-right:7rem;
}
.boacate ul li.oncl a{
	color: #2F2C2C;
	opacity: 1;
	font-family: 'Pretendard-SemiBold';
}
.boacate ul li.oncl a:before{
	content:'';
	position:absolute;
	left:0rem;
	bottom:0rem;
	width:100%;
	height:2px;
	border-radius: 2px 2px 0px 0px;
	background: #C7AD6E;
}


.boacate ul li a{
	padding:1.4rem 0rem;
	display:inline-block;
	position:relative;
	color: #2F2C2C;
	font-family: 'Pretendard';
	font-size: 2.2rem;
	line-height: 3.2rem;
	opacity: 0.5;
}

.boacate ul li.oncl a {
    color: #2F2C2C;
    opacity: 1;
    font-family: 'Pretendard-SemiBold';
}
.boacate.tabslideer .swiper-wrapper{
	
}
/* .boacate.tabslideer .swiper-wrapper:before{ */
	/* content:''; */
	/* position:absolute; */
	/* left:0rem; */
	/* bottom:0rem; */
	/* width:100%; */
	/* height:1px; */
	/* background:#eee; */
/* } */
.boacate.tabslideer .swiper-slide {
    margin: 0 5rem 0 0;
    width: auto;
}
.boacate.tabslideer .swiper-slide:last-child{
	margin: 0;
}

.boacate .oncl span {
    color: #2F2C2C;
    opacity: 1;
    font-family: 'Pretendard-SemiBold';
}


.boacateT {
    padding: 1rem 0rem;
    display: inline-block;
    position: relative;
    color: #111;
	font-weight: 400;
    font-family: 'Pretendard';
    font-size: 2rem;
    line-height: 4rem;
    /* opacity: 0.5; */
}

.boacate .oncl a{
	color: #111;
	opacity: 1;
	font-weight: 600;
	font-family: 'Pretendard-SemiBold';
}
.boacate .oncl a:before {
    content: '';
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    width: 100%;
    height: 2px;
    border-radius: 0;
    background: #ED1C24;
}




.borsInner {
	padding: 6rem 6rem 10rem 6rem;
    width: 100%;
    max-width: 192rem;
    margin: 0 auto;
}
.borsCont {
    display: flex;
    margin-top: 0rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.endevent {
    z-index: 10;
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    height: 100%;
}

.endeventDIm {
	background: rgba(0, 0, 0, 0.70);
backdrop-filter: blur(5px);
	
display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.endeventDIm dl {
    text-align: center;
    display: block;
    color: #fff;
font-family: 'Pretendard-Medium';
	font-size: 2.2rem;
	line-height: 3.4rem;
}

.nonecus{
	cursor: inherit!important;
}
.nonecus .bors_title{
	text-decoration:none!important;
	color: #999!important;
}
.nonecus .bors_h3title{
	color: #999!important;
}
.borsBox {
    width: calc(100%/2 - 3rem);
    position: relative;
    cursor: pointer;
    margin-right: 6rem;
    margin-bottom: 10rem;
}
.borsBox:nth-child(2n) {margin-right:0;}
.borImg {
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.322%;
    border-radius: 0.6rem;
}
.borImg:after {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.6rem;
    border: 1px solid #eee;
    border-top-color: #eee;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #eee;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #eee;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #eee;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    z-index: 6;
}
.borImg img {
	z-index:5;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.boatextbox{
	display:block;
	margin-top:3rem;
}
.bncateflex {
    display: flex;
    justify-content: space-between;
}
.bncate{
	color: #CB8E62;
	font-family: 'Pretendard-Bold';
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8rem;
	letter-spacing: 1.08px;
}
.bndur {
    letter-spacing: -0.3px;
    font-family: 'Pretendard-Light';
    color: #2F2C2C;
    font-size: 1.7rem;
    line-height: 2.2rem;
}
.bors_title {
	color: #111;    
	font-family: 'Pretendard-Bold';
	font-weight: 700;
	font-size: 3.5rem; line-height: 5rem; margin:1.6rem 0 1rem 0;
	display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.bors_h3title {
	color: #666;    
		font-family: 'Pretendard-Light';
	font-size: 3.5rem; line-height: 5rem; 
	margin:0;
	    display: block;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bors_stxt span{
	color: #888;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	display:inline-block;
	margin-right:1rem;
}
.bors_stxt {
	display:flex;
	color: #111;
	font-family: 'Pretendard-SemiBold';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height:2.4rem;
}
.borsBox:hover .bors_title {text-decoration:underline;}

.recntbox {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
}
.recntbox dl{
	position:relative;
	display:flex;
	width:50%;
}
.recntbox dl span{
	font-size: 1.8rem;
	font-family: 'Pretendard';
	line-height: 3rem;
	letter-spacing: 0em;
	text-align: left;
	color:#888;
	margin-right:3rem;
	display:inline-block;
}
.recntbox dl b{
	margin:0;
	padding:0;
	display:inline-block;
	font-size: 1.8rem;
	font-family: 'Pretendard-SemiBold';
	line-height: 3rem;
	letter-spacing: 0em;
	text-align: left;
	color: #2F2C2C;
}


.casecntbox {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
    display: block;
    position: relative;
}
.casecntbox dl{
	position:relative;
	display:flex;
	width:100%;
}
.casecntbox dl span{
	font-size: 1.6rem;
	font-family: 'Pretendard';
	line-height: 2.8rem;
	letter-spacing: 0em;
	text-align: left;
	color:#888;
	margin-right:0rem;
	display:inline-block;
	width:12rem;
}
.casecntbox dl b{
	display: block;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:0;
	padding:0;
	font-size: 1.6rem;
	font-family: 'Pretendard-SemiBold';
	line-height: 2.8rem;
	letter-spacing: 0em;
	text-align: left;
	color: #2F2C2C;
	width:100%;
}
@media (max-width:1600px) {
	.borsInner {
		padding: 6rem 2rem 10rem 2rem;
	}
}
@media (max-width:1400px) {
	.borsBox {
		width: calc(100%/2 - 2rem);
		position: relative;
		cursor: pointer;
		margin-right: 4rem;
		margin-bottom: 10rem;
	}
	.borsBox:nth-child(2n) {margin-right:0;}
}
@media (max-width:991px) {
	
	.seatopbox {
		width: 22rem;
	}
	.seatin {
		padding-right: 6rem;
	}
	.seatin input {
		height: 5rem;
		font-size: 1.6rem;
	}
	.seatin input::placeholder{
		font-size:1.6rem;
	}
	.seatin button {
		width: 5rem;
		height: 5rem;
	}
	
	
	.coninqInner {
		padding: 8rem 0 0 0;
	}
	.borsBox {
		width: calc(100%/2 - 1rem);
		margin-right: 2rem;
		margin-bottom: 8rem;
	}
	.boatextbox {
		margin-top: 2rem;
	}
	.bncate {
		font-size: 1.6rem;
		line-height: 1.8rem;
		letter-spacing: 1px;
	}
	.bors_title {
		font-size: 2.8rem;
		line-height: 4rem;
		margin: 1.2rem 0 1rem 0;
	}
}
@media (max-width:860px) {
	.borsInner {
		padding: 6rem 2rem 8rem 2rem;
	}
	.borsBox {
		width: calc(100%/1 - 0rem);
		position: relative;
		cursor: pointer;
		margin-right: 0rem;
		margin-bottom: 8rem;
	}
	.borsBox:nth-child(2n) {margin-right:0;}
	.borsBox:last-child{margin-bottom:0rem;}
}
@media (max-width:767px) {
	.borsInner {
		/* padding: 4rem 2rem 4rem; */
	}
	
	
	.seatopbox {
		margin-bottom: 2rem;
		position: relative;
		width: 100%;
	}
	.seatin {
		padding-right: 5rem;
	}
	.seatin input {
		height: 4rem;
		font-size: 1.5rem;
	}
	.seatin input::placeholder{
		font-size:1.5rem;
	}
	.seatin button {
		width: 4rem;
		height: 4rem;
	}
	
	
	.coninqInner {
		padding: 0rem 0 0 0;
	}
	
	
	.boacatebox {
		display: flex;
		position: relative;
		margin-bottom: 0rem;
		align-items: center;
		justify-content: flex-start;
	}
	.boacate {
		width: 100%;
		position: relative;
	}
	.boacateT {
		padding: 1rem 0rem;
		font-size: 1.5rem;
		line-height: 3rem;
	}
	.boacate.tabslideer .swiper-wrapper {
		padding: 0 2rem;
	}
	.boacate.tabslideer .swiper-slide {
		margin: 0 2rem 0 0;
		width: auto;
	}
	
	
	.borsInner {
		padding: 2rem 2rem 4rem 2rem;
	}
	.borsBox {
		width: calc(100%/1 - 0rem);
		position: relative;
		cursor: pointer;
		margin-right: 0rem;
		margin-bottom: 4rem;
	}
	.borsBox:nth-child(2n) {margin-right:0;}
	.borImg:after {
		border-radius: 0.3rem;
	}
	.bncate {
		font-size: 1.3rem;
		line-height: 1.5rem;
		letter-spacing: 0.78px;
	}
	.bors_title {
		font-size: 1.8rem;
		line-height: 2.6rem;
		margin: 1rem 0 0.6rem 0;
	}
	.bors_stxt {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	.bors_stxt span {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
}
/* ::::::::::::: =========== // ~ 게시판 END  =========== ::::::::::::: */


/*--------------------------------------------------------------
# 게시판 상세
--------------------------------------------------------------*/
.prtopslwrap.solopr .prsumslbox{display:none!important;}

.prtopslwrap.solopr .primgsildBox{
	padding:0rem 2rem!important;
}
.prtopslwrap.solopr .primgsildBox .swiper .swiper-slide{
	margin:0!important;
}
.prtopslwrap.solopr .primgsildBox .swiper .swiper-slide .primgsBox:before{
	content:none;
}
.prtopslwrap.solopr .primBtn{display:none!important;}




.prtopslwrap{
	width:100%;
	position:relative;
	overflow:hidden;
}


.primgsildBox{
	z-index:10;
	max-width:148rem;
	width:100%;
	position:relative;
	margin:0 auto;
	padding:0rem 2rem;
}
.primgsildBox .swiper{
	overflow:unset;
	max-width:120rem;
}
.primgsildBox .swiper-wrapper{
	height:auto!important;
}
.primgsildBox .swiper .swiper-slide{
	margin:0 1.5rem;
}
.primgsBox{
	width:100%;
	position:relative;
}

/* .swbotdim { */
    /* z-index: 10; */
    /* position: absolute; */
    /* left: 0rem; */
    /* bottom: 0rem; */
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); */
    /* width: 100%; */
    /* height: 12.5rem; */
/* } */

.primgsBox:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    z-index: 10;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    width: 100%;
	height: 10rem;
    /* height: 40rem; */
}
.primg {
	/* background:rgba(0,0,0,0.9); */
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 75%;
    border-radius: 1rem;
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
}
.primg:before{
	border-radius: 1.1rem;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0rem;
	top:0rem;
	z-index:4;
	background:rgba(0,0,0,0.9);
}
/* .primg:after { */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* border-radius: 1rem; */
    /* border: 1px solid #eee; */
    /* border-top-color: #eee; */
    /* border-top-style: solid; */
    /* border-top-width: 1px; */
    /* border-right-color: #eee; */
    /* border-right-style: solid; */
    /* border-right-width: 1px; */
    /* border-bottom-color: #eee; */
    /* border-bottom-style: solid; */
    /* border-bottom-width: 1px; */
    /* border-left-color: #eee; */
    /* border-left-style: solid; */
    /* border-left-width: 1px; */
    /* border-image-source: initial; */
    /* border-image-slice: initial; */
    /* border-image-width: initial; */
    /* border-image-outset: initial; */
    /* border-image-repeat: initial; */
    /* width: 100%; */
    /* height: 100%; */
    /* box-sizing: border-box; */
    /* pointer-events: none; */
    /* content: ""; */
    /* z-index: 6; */
/* } */
.primg img {
    transform: translateX(-50%);
    height: 100%;
    max-width: 100%;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 50%;
}
.primBtn {
    z-index: 10;
    transform: translateY(-50%);
    top: 50%;
    height: 1px;
    display: flex;
    position: absolute;
    width: 100%;
    left: 0rem;
    justify-content: space-between;
}
.primBtn .swiper-button-prev {
    border-radius: 0.4rem;
    left: 2rem;
    margin: 0;
    top: -3rem;
    height: 6rem;
    width: 6rem;
    position: relative;
    background-image: url(../img/sub/pr_prev_off.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	backdrop-filter: blur(5px);
}
.primBtn .swiper-button-next:after, 
.primBtn .swiper-button-prev:after{
	content:none;
}
.primBtn .swiper-button-next {
    border-radius: 0.4rem;
    right: 2rem;
    margin: 0;
    top: -3rem;
    height: 6rem;
    width: 6rem;
    position: relative;
    background-image: url(../img/sub/pr_next_off.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	backdrop-filter: blur(5px);
}







.prsumslbox {
    z-index: 15;
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
	max-width:78rem;
	display:flex;
	overflow:hidden;
}
.prsumslbox .swiper{
	overflow:unset;
}
.prsumslbox .swiper-wrapper{
	overflow: unset;
	height:auto!important;
}
.prsumslbox .swiper-slide{
	width:auto;
	margin:0 0.5rem;
	opacity:1;
	cursor:pointer;
}
.prsumslbox .swiper-slide .sumprimgsBox:before {
    z-index: 10;
    content: none;
    position: absolute;
    left: 0rem;
    bottom: 0rem;
    width: 100%;
    height: 3px;
    background: #ED1C24;
}
.prsumslbox .swiper-slide.swiper-slide-thumb-active .sumprimgsBox:before{
	content:'';
}
.prsumslbox .swiper-slide.swiper-slide-thumb-active{
	opacity:1!important;
}
.sumprimgsBox{
	width:12rem;
	height:auto;
	position:relative;
	overflow:hidden;
	border-radius: 0.4rem;
}

.sumprimg {
    position: relative;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 75%;
    border-radius: 0.4rem;
}
.sumprimg:before{
	border-radius: 0.5rem;
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0rem;
	top:0rem;
	z-index:4;
	background:rgba(0,0,0,0.9);
}
.sumprimg img {
    transform: translateX(-50%);
    height: 100%;
    max-width: 100%;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 50%;
}
@media (max-width:1200px) {
	.primgsildBox {
		padding: 0rem 14rem;
	}
}
@media (max-width:991px) {
	.prtopslwrap {
		padding-bottom: 10rem;
	}
	.primgsildBox {
		padding: 0rem 9rem;
	}
	.primgsildBox .swiper .swiper-slide {
		margin: 0 0.7rem;
	}
	.primgsBox:before {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
		height: 30rem;
	}
	.primgsBox:before{
		content:none;
	}
	.primBtn .swiper-button-prev {
		border-radius: 0.4rem;
		left:1rem;
		top: -2.5rem;
		height: 5rem;
		width: 5rem;
	}
	.primBtn .swiper-button-next {
		border-radius: 0.4rem;
		right: 1rem;
		top: -2.5rem;
		height: 5rem;
		width: 5rem;
	}
	
	
	
	.prsumslbox {
		bottom: 0rem;
	}
	.sumprimgsBox {
		width: 11rem;
		border-radius: 0.2rem;
	}
}
@media (max-width:767px) {
	.prtopslwrap {
		display: flex;
		padding-bottom: 0rem;
		flex-direction: column-reverse;
	}
	
	.primgsildBox {
		padding: 0rem 2rem;
	}
	.primgsildBox .swiper .swiper-slide {
		margin: 0 0.25rem;
	}
	.primg {
		border-radius: 0.3rem;
	}
	.primg:before {
		border-radius: 0.4rem;
	}
	.primg:after {
		border-radius: 0.3rem;
	}
	
	
	
	.prsumslbox {
		padding: 2rem 1.75rem;
		transform: inherit;
		left: inherit;
		display: block;
		position: relative;
		bottom: 0rem;
	}
	.prsumslbox .swiper-slide {
		margin: 0 0.25rem;
	}
	.sumprimgsBox {
		width: 8rem;
		border-radius: 0.2rem;
	}
	.prsumslbox .swiper-slide .sumprimgsBox:before {
		height: 2px;
	}
	
	
	.primBtn{display:none;}
}





















.pmWrap{
	padding: 10rem 0rem 0rem 0rem;
    position: relative;
}
.prcontwrap {
    width: 100%;
    position: relative;
	padding:10rem 2rem;
}
.prcontSidebox {
    max-width: 940px;
    padding: 0rem 0rem;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.prcontwrap .nxb_title h3 a{color: #ED1C24;}

.princont{
	position:relative;
	padding:6rem 0 0 0;
}
.pr_backbtnBox {
    display: flex;
    margin: 6rem 0 0 0;
    align-items: center;
    justify-content: center;
}
.pr_backbtn{
	width:18rem;
	height:6.1rem;
	position:relative;
}
.pr_backbtn a {
    height: 100%;
    width: 100%;
    border-radius: 0.4rem;
    border: 1px solid #F6F6F6;
    background: #F6F6F6;
    display: flex;
    color: #222;
    font-family: Pretendard;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.5rem;
    letter-spacing: 0.72px;
    align-items: center;
    justify-content: center;
}
.pr_backbtn a:hover{
	border: 1px solid #ED1C24;
	color:#ED1C24;
	background:#fff;
}
@media (max-width:1700px) {
	.pmWrap {
		padding: 9rem 0rem 0rem 0rem;
	}
}
@media (max-width:1400px) {
	.prcontwrap {
		padding: 8rem 2rem;
	}
}
@media (max-width: 991px) {
    .pmWrap {
        padding: 6rem 0rem 0rem 0rem;
    }
}
@media (max-width:767px) {
	.pmWrap {
		padding: 5.6rem 0rem 0rem 0rem;
	}
	.prcontwrap {
		padding: 2rem 2rem 6rem 2rem;
	}
	.princont {
		position: relative;
		padding: 4rem 0 0 0;
	}
	.pr_backbtnBox {
		margin: 4rem 0 0 0;
	}
	.pr_backbtn {
		width: 11.7rem;
		height: 4.3rem;
	}
	.pr_backbtn a {
		border-radius: 0.3rem;
		font-size: 1.4rem;
		line-height: 2.3rem;
	}
}

/* 페이징 */
.pc_pagenation{
	display:block;
}
.mo_pagenation{
	display:none;
}

.front_paging_line {
    margin-top: 0rem;
    display: block;
    text-align: center;
}
.front_paging_box{
	display:inline-block;
}
.flex_box{
	display:flex;
}
.front_paging_number_box ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.front_paging_number_box ul li.on_front_paging{
background: #F6F6F6;
border: 1px solid #F6F6F6;
font-family: "Outfit", sans-serif;
}
.front_paging_number_box ul li.on_front_paging:hover{
color: #c7ae6e;
}
.front_paging_number_box ul li {
	    font-weight: 600;
	margin:0rem 0rem;
    cursor: pointer;
    border-radius: 0.6rem;
    background: #fff;
    width: 5rem;
    height: 5rem;
    border: 1px solid #fff;
    display: flex;
    color: #222;
    font-size: 1.6rem;
	font-family: "Outfit", sans-serif;
    line-height: 2.2rem;
    align-items: center;
    justify-content: center;
}
.front_paging_number_box ul li:hover{
color: #c7ae6e;
text-decoration:underline;
}

.prev_page {
	margin-right:1rem;
	position:relative;
	cursor:pointer;
    padding: 0rem 1.8rem 0rem 3.8rem;
    display: flex;
    border-radius: 0.6rem;
    border: 1px solid #DDD;
    height: 5rem;
    background: #fff;
    align-items: center;
    justify-content: center;
}
.prev_page span{
	color: #222;
	font-family: 'Pretendard-Medium';
    font-size: 1.6rem;
    font-style: normal;
    line-height: 2.2rem;
}
.prev_page:after {
    content: '';
    position: absolute;
    left: 1.8rem;
    top: 1.7rem;
    width: 1.4rem;
    height: 1.2rem;
    background-image: url(../img/icon/prev_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.next_page {
	margin-left:1rem;
	position:relative;
	cursor:pointer;
    padding: 0rem 3.8rem 0rem 1.8rem;
    display: flex;
    border-radius: 0.6rem;
    border: 1px solid #DDD;
    height: 5rem;
    background: #fff;
    align-items: center;
    justify-content: center;
}
.next_page span{
	color: #222;
	font-family: 'Pretendard-Medium';
    font-size: 1.6rem;
    font-style: normal;
    line-height: 2.2rem;
}
.next_page:after {
    content: '';
    position: absolute;
    right: 1.8rem;
    top: 1.7rem;
    width: 1.4rem;
    height: 1.2rem;
    background-image: url(../img/icon/next_arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width:991px) {
	.front_paging_line {
		margin-top: 8rem;
	}
}
@media (max-width:767px) {
	.pc_pagenation{
		display:none;
	}
	.mo_pagenation{
		display:block;
	}
	
	.front_paging_line {
		margin-top: 4rem;
	}
	.front_paging_box {
		display: block;
	}
	.flex_box {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.front_paging_number_box ul li {
		margin: 0rem 0.2rem;
		border-radius: 0.4rem;
		width: 4rem;
		height: 4rem;
		font-size: 1.4rem;
	}
	
	.prev_page {
		left: 0rem;
		position: absolute;
		width: 4rem;
		padding: 0rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
		border-radius: 0.4rem;
		height: 4rem;
	}
	.prev_page span{
		display:none;
	}
	.prev_page:after {
		content: '';
		position: absolute;
		left: 0rem;
		top: 0rem;
		width: 4rem;
		height: 4rem;
		background-size: 1.2rem;
	}
	
	.next_page {
		right: 0rem;
		position: absolute;
		width: 4rem;
		padding: 0rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
		border-radius: 0.4rem;
		height: 4rem;
	}
	.next_page span{
		display:none;
	}
	.next_page:after {
		content: '';
		position: absolute;
		right: 0rem;
		top: 0rem;
		width: 4rem;
		height: 4rem;
		background-size: 1.2rem;
	}
}
/* // 페이징 */


/*--------------------------------------------------------------
# contact
--------------------------------------------------------------*/

.cnbg{
	background-image: url(../img/sub/contactbg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.contactwrap{
	width:100%;
	position:relative;
	padding:12rem 0rem 8rem 0rem;
	background:#fff;
}
.contactSideBox{
	max-width:144rem;
	padding:0 2rem;
	margin:0 auto;
}

.cntopbox{
	display:block;
	text-align:left;
}
.cnlogo{
	display:inline-block;
	margin-bottom:8rem;
}
.cnlogo img{
	height:10rem;
}


.mainsecTitleBox {
    position: relative;
    display: block;
    margin-bottom: 3rem;
}
.msch2{
	color: #111;
	text-align: left;
	font-family: Pretendard;
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}
.msch2 span{
	font-weight: 600;
	font-family: 'Pretendard-SemiBold';
}
.msch2 dl{
	display:block;
	margin:3rem 0 0 0;
	color: #111;
	text-align: left;
	font-family: Pretendard;
	font-size: 6rem;
	font-style: normal;
	font-family: 'Pretendard-SemiBold';
	line-height: 7.1rem;
	text-transform: uppercase;
}


.sclinebtnBox {
    width: calc(100% - 57rem);
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    height: 7.1rem;
    display: flex;
}
.sclineInnner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0rem 54.5rem 0 3rem;
    align-items: center;
    justify-content: flex-start;
}
.scline {
    display: block;
    width: 100%;
    height: 1px;
    background: #111;
}
.sccaseBtnBox {
    transform: translateY(-50%);
    position: absolute;
    right: 0rem;
    top: 50%;
    display: flex;
    width: 52rem;
    justify-content: flex-end;
    align-items: center;
}
.sccaseBtn {
    display: inline-block;
	width:25.5rem;
	height:7.1rem;
}
.sccaseBtn a img {
    margin-right: 1.6rem;
    display: inline-block;
    height: 2.6rem;
}
.sccaseBtn a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 8.6rem;
    border: 1px solid #ED1C24;
    color: #ED1C24;
    font-family: "Outfit", sans-serif;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3rem;
    align-items: center;
    justify-content: center;
}


.cadalBtn {
	margin-left:1rem;
    display: inline-block;
	width:25.5rem;
	height:7.1rem;
}
.cadalBtn a img {
    margin-right: 1.6rem;
    display: inline-block;
    height: 2.6rem;
}
.cadalBtn a {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 8.6rem;
    border: 1px solid #111;
    color: #111;
    font-family: 'Pretendard-Medium';
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3rem;
    align-items: center;
    justify-content: center;
}



.cntagbox{
	display:block;
	padding-top:2rem;
}
.cntagbox h2 {
    text-align: left;
    display: flex;
    margin: 0;
    padding: 0;
}
.cntagbox h2 span {
    margin: 0 1rem 0 0;
    display: inline-block;
    position: relative;
    padding: 1.4rem 2.4rem;
    border-radius: 99px;
    background: rgba(238, 238, 238, 0.70);
    backdrop-filter: blur(5px);
    color: #111;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}


.cnbotimgboxWrap{
	margin-top:10rem;
	display:flex;
}
.cnbotimgbox{
	position:relative;
}
.cnlewid {
    margin-right: 2rem;
    width: 55.149%;
}
.cnriwid {
    width: 44.851%;
    margin-left: 2rem;
}

.cnbotimg{
	width:100%;
	position:relative;
	margin-bottom:4rem;
}
.cnbotimg img{
	max-width:100%;
}

.cnbotimgflexBox{
	display:flex;
	margin-bottom:4rem;
}
.cnbotimgflex{
	display: flex;
}
.cnbotimgflex img{
	max-width:100%;
}
.cnfl {
    margin-right: 2rem;
}
.cnfr {
    margin-left: 2rem;
}


.conabuWrap {
    border-top: 1px solid #eee;
    padding-top: 10rem;
    margin-top: 10rem;
    display: flex;
    position: relative;
    justify-content: space-between;
}
.conabuBox{
	display:inline-block;
	position:relative;
}
.conabuBox:last-child{
	width:58.5rem;
}

.aboutext{
	position:relative;
}
.aboutext dl{
	position:relative;
	color: #ED1C24;
	font-family: "Outfit", sans-serif;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.1rem;
	text-transform: uppercase;
	margin:0 0 10.3rem 0;
}
.aboutext dl:before{
	content:'';
	width:4rem;
	height:1px;
	background:#111;
	position:absolute;
	left:0rem;
	bottom:-5.5rem;
}
.aboutext h2{
	display:block;
	text-align:left;
	color: #000;
	font-family: 'Pretendard-Light';
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 4.4rem;
}
.aboutext h2 span{
	margin-top:2rem;
	display:block;
	text-align:left;
	font-family: 'Pretendard-SemiBold';
	font-weight: 600;
}


.abouritext{
	display:block;
	text-align:left;
	margin-bottom:4rem;
}
.abouritext:last-child{
	margin-bottom:0rem;
}
.abouritext h2{
	display:block;
	margin:0 0 1rem 0;
	color: #000;
	font-family: 'Pretendard-SemiBold';
	font-size: 2.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3rem;
}
.abouritext h3{
	display:block;
	text-align:left;
	color: #000;
	font-family: 'Pretendard-Light';
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: 2.6rem;
}
.abubr{display:none;}

.abou_bg{
	margin-top:8rem;
	display:block;
	text-align:center;
}
.pc_abubg{display:inline-block;}
.mo_abubg{display:none;}
.abou_bg img{
	max-width:100%;
}
@media(max-width: 991px){
	.contactwrap {
		padding: 10rem 0rem 6rem 0rem;
	}
	.cnlogo img {
		height: 7rem;
	}
	.cnlogo {
		margin-bottom: 5rem;
	}
	
	.msch2 {
		font-size: 3rem;
	}
	.msch2 dl {
		margin: 2rem 0 0 0;
		font-size: 5rem;
		line-height: 6rem;
	}
	.sclinebtnBox {
		width: calc(100% - 0rem);
		height: auto;
		position:relative;
	}
	.sclineInnner {
		padding: 0;
	}
	.sccaseBtnBox {
		margin-top: 2rem;
		transform: inherit;
		position: relative;
		right: 0rem;
		top: inherit;
		display: flex;
		width: 52rem;
		justify-content: flex-start;
		align-items: center;
	}
	.sccaseBtn {
		width: 23rem;
		height: 6rem;
	}
	.cadalBtn {
		margin-left: 1rem;
		display: inline-block;
		width: 25rem;
		height: 6rem;
	}
	.scline {
		display: none;
	}
	
	
	.cntagbox {
		padding-top: 1rem;
	}
	.cntagbox h2 span {
		margin: 0 0.8rem 0 0;
		padding: 1.2rem 2rem;
		border-radius: 99px;
		font-size: 1.6rem;
	}
	
	
	.cnbotimgboxWrap {
		margin-top: 8rem;
	}
	.cnlewid {
		margin-right: 1rem;
		width: 55.149%;
	}
	.cnriwid {
		width: 44.851%;
		margin-left: 1rem;
	}
	.cnbotimg {
		margin-bottom: 2rem;
	}
	.cnfl {
		margin-right: 1rem;
	}
	.cnfr {
		margin-left: 1rem;
	}
	
	
	.conabuWrap {
		padding-top: 8rem;
		margin-top: 8rem;
		justify-content: space-between;
		flex-direction: column;
	}
	.conabuBox:last-child {
		margin-top: 5rem;
		width: 100%;
	}
}
@media(max-width: 767px){
	.cnbg {
		background-image: url(../img/sub/contactbg_mo.webp);
	}
	
	.contactwrap {
		padding: 5rem 0rem 5rem 0rem;
	}
	.contactSideBox {
		padding: 0 0rem;
	}
	.cntopbox {
		text-align: center;
	}
	.cnlogo {
		margin-bottom: 3rem;
	}
	.cnlogo img {
		height: 5rem;
	}
	.mainsecTitleBox {
		margin-bottom: 4rem;
	}
	.msch2 {
		padding: 0 1rem;
		display:block;
		text-align: center;
		line-height: 2.6rem;
		font-size: 1.8rem;
	}
	.msch2 dl {
		text-align: center;
		display: block;
		margin: 1rem 0 0 0;
		font-size: 2.8rem;
		line-height: 4rem;
	}
	
	.sclinebtnBox {
		padding: 0 2rem;
		position: relative;
		width: calc(100% - 0rem);
		height: auto;
		right: inherit;
		bottom: inherit;
	}
	.sclineInnner {
		display: block;
		padding: 0;
	}
	.sccaseBtnBox {
		margin-top: 2rem;
		display: block;
		width: 100%;
	}
	.sccaseBtn {
		margin-top: 0rem;
		transform: inherit;
		right: inherit;
		top: inherit;
		position: relative;
		width: 100%;
		height: 5rem;
	}
	.sccaseBtn a img {
		margin-right: 1.2rem;
		display: inline-block;
		height: 1.8rem;
	}
	.sccaseBtn a {
		border-radius: 6rem;
		font-size: 2rem;
		line-height: 2rem;
	}
	.cadalBtn {
		margin-top: 0.6rem;
		margin-left: 0;
		display: block;
		width: 100%;
		height: 5rem;
	}
	.cadalBtn a {
		border-radius: 6rem;
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.cadalBtn a img {
		margin-right: 1.2rem;
		display: inline-block;
		height: 1.8rem;
	}
	
	.cntagbox {
		padding: 0 1rem;
		padding-top: 0rem;
	}
	
	.cntagbox h2 {
		text-align: left;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		list-style: none;
		padding: 0;
		margin: 0;
		justify-content: center;
		align-items: center;
	}
	.cntagbox h2 span {
		margin: 0 0.4rem 0.8rem 0.4rem;
		padding: 1rem 1.8rem;
		border-radius: 99px;
		font-size: 1.4rem;
	}
	
	
	.cnbotimgboxWrap {
		padding: 0 2rem;
		display: block;
		margin-top: 4.2rem;
	}
	.cnlewid {
		margin-right: 0rem;
		width: 100%;
	}
	.cnriwid {
		width: 100%;
		margin-left: 0rem;
	}
	.cnbotimg {
		display: flex;
		margin-bottom: 1.7rem;
	}
	.cnbotimgflexBox {
		display: flex;
		margin-bottom: 1.7rem;
	}
	.cnfl {
		margin-right: 0.85rem;
	}
	.cnfr {
		margin-left: 0.85rem;
	}
	
	
	
	.conabuWrap {
		border-top: none;
		padding-right: 2rem;
		padding-left: 2rem;
		padding-top: 0rem;
		margin-top: 5rem;
		justify-content: space-between;
		flex-direction: column;
	}
	.aboutext dl {
		text-align: center;
		font-size: 1.6rem;
		line-height: 2rem;
		margin: 0 0 4.9rem 0;
	}
	.aboutext dl:before {
		transform: translateX(-50%);
		left:50%;
		width: 3.1rem;
		bottom: -2.5rem;
	}
	.aboutext h2 {
		text-align: center;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.aboutext h2 span {
		margin-top: 1.4rem;
		text-align: center;
	}
	
	
	.conabuBox:last-child {
		margin-top: 4rem;
	}
	.abouritext h2 {
		text-align: center;
		margin: 0 0 1rem 0;
		font-size: 1.8rem;
		line-height: 3rem;
	}
	.abubr{display:block;}
	.abouritext h3 {
		text-align:center;
		font-size: 1.4rem;
		line-height: 2.6rem;
	}
	.abou_bg {
		padding: 0 2rem;
		margin-top: 4rem;
		display: block;
		text-align: center;
	}
	.mo_abubg{display:inline-block;}
	.pc_abubg{display:none;}
}
















.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9); /* 투명한 흰색 배경 */
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 1s; /* opacity 변경 시 1초 동안 애니메이션 효과 적용 */
	z-index:200;
}

.loader.hidden {
    opacity: 0;
    pointer-events: none; /* 사라진 후에는 이벤트 무시 */
}



.wrapper {
	z-index:50;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -100px;
  width: 200px;
  height: 200px;
  background-color: transparent;
  border: none;
  -webkit-user-select: none;
}
.wrapper .box-wrap {
  width: 70%;
  height: 70%;
  margin: calc((100% - 70%)/2) calc((100% - 70%)/2);
  position: relative;
  transform: rotate(-45deg);
}
.wrapper .box-wrap .box {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(135, 0, 0, 0.6);
	/* background: linear-gradient(to right, #141562, #486FBC, #EAB5A1, #8DD6FF, #4973C9, #D07CA7, #F4915E, #F5919E, #B46F89, #141562, #486FBC); */
	
	background: linear-gradient(to right, #412e27, #362d28, #694d35, #919193, #676666, #49484b, #694d35, #919193, #919193, #412e27, #362d28);
	background-position: 0% 50%;
	background-size: 1000% 1000%;
	visibility: hidden;
}
.wrapper .box-wrap .box.one {
  animation: moveGradient 15s infinite, oneMove 3.5s infinite;
}
.wrapper .box-wrap .box.two {
  animation: moveGradient 15s infinite, twoMove 3.5s 0.15s infinite;
}
.wrapper .box-wrap .box.three {
  animation: moveGradient 15s infinite, threeMove 3.5s 0.3s infinite;
}
.wrapper .box-wrap .box.four {
  animation: moveGradient 15s infinite, fourMove 3.5s 0.575s infinite;
}
.wrapper .box-wrap .box.five {
  animation: moveGradient 15s infinite, fiveMove 3.5s 0.725s infinite;
}
.wrapper .box-wrap .box.six {
  animation: moveGradient 15s infinite, sixMove 3.5s 0.875s infinite;
}
@keyframes moveGradient {
  to {
    background-position: 100% 50%;
  }
}
@keyframes oneMove {
  0% {
    visibility: visible;
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  14.2857% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  28.5714% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  42.8571% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  57.1428% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  71.4285% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  85.7142% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  100% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
}
@keyframes twoMove {
  0% {
    visibility: visible;
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  14.2857% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  28.5714% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  42.8571% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  57.1428% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  71.4285% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  85.7142% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  100% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
}
@keyframes threeMove {
  0% {
    visibility: visible;
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  14.2857% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  28.5714% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  42.8571% {
    clip-path: inset(0% 70% 70% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  57.1428% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  71.4285% {
    clip-path: inset(0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  85.7142% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  100% {
    clip-path: inset(35% 70% 35% 0 round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
}
@keyframes fourMove {
  0% {
    visibility: visible;
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  14.2857% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  28.5714% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  42.8571% {
    clip-path: inset(70% 35% 0% 35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  57.1428% {
    clip-path: inset(70% 35% 0% 35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  71.4285% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  85.7142% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  100% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
}
@keyframes fiveMove {
  0% {
    visibility: visible;
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  14.2857% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  28.5714% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  42.8571% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  57.1428% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  71.4285% {
    clip-path: inset(70% 35% 0% 35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  85.7142% {
    clip-path: inset(70% 35% 0% 35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  100% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
}
@keyframes sixMove {
  0% {
    visibility: visible;
    clip-path: inset(70% 35% 0% 35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  14.2857% {
    clip-path: inset(70% 35% 0% 35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  28.5714% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  42.8571% {
    clip-path: inset(70% 0 0 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  57.1428% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  71.4285% {
    clip-path: inset(35% 0% 35% 70% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  85.7142% {
    clip-path: inset(35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
  100% {
    clip-path: inset(70% 35% 0% 35% round 5%);
    animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  }
}

@media (max-width: 767px) {
	.wrapper {
		margin: -90px;
		width: 180px;
		height: 180px;
	}
}