@charset "utf-8";

@import url(expert_font.css);

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); /* font-family: 'NanumSquare', sans-serif;  Regular(400), Bold(700), Extra Bold(800), Light(300) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face { font-family: 'S-CoreDream-1Thin'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-9Black'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: normal; font-style: normal; }

*,
*:after,
*:before {	margin: 0;	padding: 0; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

html, body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,textarea,p,blockquote,p,iframe,span,strong,em { margin:0; padding:0; font-size:inherit; word-break:keep-all; -webkit-text-size-adjust:none; }
body{font-family:'Nanum Gothic', 'Malgun Gothic', 'Dotum', sans-serif;color:#676767;line-height:auto;font-weight:normal; padding:0px;margin:0px;word-break:keep-all;}
html, body {width:100%;/*height:100%;*/}
header, hgroup, footer, section, article, aside, nav, canvas, figure, figcaption { display:block; }
table { font-size:inherit; border-collapse:separate /*collapse*/; border-spacing:0; table-layout:fixed; }
th, td { word-wrap:break-word; word-break:break-all;font-weight:normal }
fieldset, iframe { border:0; vertical-align:top; }
small { font-size:12px; color:#666; }
img { border:0; font-size:0; vertical-align:top; }
address,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li, dd { list-style:none; word-break:keep-all; }
hr { display:none; }
caption { overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
legend {  overflow:hidden; left:-9999px; text-indent:9999px; width:0; height:0; overflow:hidden; line-height:0; white-space:nowrap; color:#000; }
button { padding:0; border:0; cursor:pointer; background:none; vertical-align:middle; font-size:12px; appearance: none; moz-appearance: none; border:0; *overflow:visible; outline:none;}
a {text-decoration:none; color:#676767}

.transition {
	-webkit-transition: all 0.6s;
	   -moz-transition: all 0.6s;
	     -o-transition: all 0.6s;
	        transition: all 0.6s;
}


/* layout */
.inner {	width:1200px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1200px;	position:relative;	margin-left:auto;	margin-right:auto;}


@media all and (max-width:1199px) {
.inner {width:100%;}
.s-inner {width:88%;}
}

@media all and (max-width:1024px) {
	body { font-size: 15px; }
}

@media all and (max-width:767px) {
	body { font-size: 13px; }

	br.mo_br {display:none;}
}


::selection {background:rgba(227,24,23,0.8); color:#fff;}
::-moz-selection {background:rgba(227,24,23,0.8); color:#fff;}
::-webkit-selection {background:rgba(227,24,23,0.8); color:#fff;}


/* header */
#expert_header {overflow:hidden; width:100%; height:80px; position:fixed; box-sizing:border-box; padding:18px 100px 0; border-bottom:1px solid rgba(0,0,0,0.05); z-index:100;}
#expert_header #logo {float:left; position:relative; z-index:30; width:130px; height:41px; background:url(/images/logo.svg) no-repeat center center; background-size:cover; padding:0;}
#expert_header #logo a {display:block; width:100%; height:100%; font-size:0;}

#menuToggle {float:right; width:28px; height:21px; position:relative; cursor:pointer; z-index:30; margin-top:10px;}
#menuToggle span {display:block; width:100%; height:3px; background:#222; position:absolute; left:0; transition:all 0.6s; border-radius:1.5px;}
#menuToggle span.t {top:0;}
#menuToggle span.m {top:50%; margin-top:-1.5px;}
#menuToggle span.b {bottom:0;}

#expert_gnb {display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background:#000;}
#expert_gnb > ul {display:table-cell; text-align:center; vertical-align:middle;}
#expert_gnb > ul > li {display:inline-block; margin:20px 40px;}
#expert_gnb > ul > li > a {font-size:3.3em; color:#fff; font-weight:600; font-family:'S-CoreDream-5Medium'}

#expert_header.on #logo {background-image:url(/images/logo_w.svg)}

#expert_header.on #menuToggle span {background:#fff;}
#expert_header.on #menuToggle span.t {transform:translateY(9px) rotate(45deg)}
#expert_header.on #menuToggle span.m {width:0;}
#expert_header.on #menuToggle span.b {transform:translateY(-9px) rotate(-45deg)}

#expert_header.on #expert_gnb {display:table;}

#expert_header.header_w {border-bottom:0;}
#expert_header.header_w #logo {background-image:url(/images/logo_w.svg)}
#expert_header.header_w #menuToggle span {background:#fff;}

#expert_header.header_allw {border-bottom:0;}
#expert_header.header_allw #logo {background-image:url(/images/logo_allw.svg) !important;}
#expert_header.header_allw #menuToggle span {background:#fff;}

#expert_header.scroll_on {background:rgba(0,0,0,0.2)}
#expert_header.scroll_on #logo {background-image:url(/images/logo_w.svg)}
#expert_header.scroll_on #menuToggle span {background:#fff;}

@media screen and (max-width:1024px){
	#expert_header {height:60px; padding:16px 2% 0;}
	#expert_header #logo {width:96px; height:30px;}

	#menuToggle {width:22px; height:16px; margin-top:4px;}
	#menuToggle span {height:2px; border-radius:1px;}
	#menuToggle span.m {margin-top:-1px;}
	
	#expert_header.on #menuToggle span.t {transform:translateY(7px) rotate(45deg)}
	#expert_header.on #menuToggle span.b {transform:translateY(-7px) rotate(-45deg)}

	#expert_gnb > ul > li {display:block; margin:4% 0;}
	#expert_gnb > ul > li > a {font-size:3em;}
}


/* main */
/*#mVisu { position:fixed; top:-7.5%; width:100%; height:0; padding-bottom:56.25%; }*/
/*#mVisu {position:fixed; width:100%; height:100vh; overflow:hidden; z-index:-1}
#mVisu .vimeo_iframe {width:300%; height:115%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}*/
#mVisu {position:fixed; width:100%; height:0; padding-bottom:56.24%; overflow:hidden; z-index:-1; background:url(/images/mVisual1.jpg) no-repeat center center; background-size:cover;}
#mVisu .vimeo_iframe {width:300%; height:115%;  position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#mVisu:after {content:''; display:block; width:100%; height:100%; background:url(/images/mVisuBG.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:30;}
/*#mVisu .vimeo_iframe { position:absolute; width:100%; height:100% }*/
#mVisu .mouse {width:30px; height:45px; box-sizing:border-box; border:1px solid rgba(255,255,255,1); border-radius:15px; position:absolute; left:50%; bottom:15%; /*bottom:20px; */transform:translateX(-50%)}
#mVisu .mouse .point {display:block; width:5px; height:5px; background:#fff;opacity:0.7; border-radius:50%; position:absolute; top:6px; left:50%; transform:translateX(-50%); animation:point 1s linear infinite}
#mVisu .mouse .arrow {position:absolute; top:48%;  left:50%; transform:translateX(-50%);}
#mVisu .mouse .arrow li {width:5px; height:5px; box-sizing:border-box; border-bottom:1px solid #fff; border-left:1px solid #fff; transform:rotate(-45deg)}
#mVisu .mouse .arrow li.arrow1 {opacity:0.2; animation:arrow1 0.8s linear infinite}
#mVisu .mouse .arrow li.arrow2 {opacity:0.6; animation:arrow2 0.8s linear infinite;}
#mVisu .mouse .arrow li.arrow3 {opacity:0.9; animation:arrow3 0.8s linear infinite;}

#youTubePlayer1 {position:absolute; left:0; top:0; width:100%;height:100%;}

@keyframes point {
	0% {top:6px}
	100% {top:12px}
}

@keyframes arrow1 {
	0% {opacity:0}
	10% {opacity:0.4}
	100% {opacity:0}
}

@keyframes arrow2 {
	0% {opacity:0}
	50% {opacity:0.7}
	100% {opacity:0}
}

@keyframes arrow3 {
	0% {opacity:0}
	90% {opacity:0.9}
	100% {opacity:0}
}


@media screen and (max-width:1500px){
	/*#mVisu {position:relative; top:0;}*/
	#mVisu .mouse {bottom:3%}
}

@media screen and (max-width:767px){
	#mVisu .mouse {display:none;}
}


#mContent {width:100%; position:relative; padding-top:56.25%; z-index:30;}

#mCompany {width:100%; background:#de2020; padding:130px 0 155px;}
#mCompany .tit {text-align:center;}
#mCompany .tit h2 {font-size:3.625em; color:#fff; line-height:1em; font-family:'S-CoreDream-7ExtraBold'}
#mCompany .tit .en {font-size:0.75em; color:#fff; line-height:1em; letter-spacing:0.2em; font-weight:500; font-family:'S-CoreDream-5Medium'; text-transform:uppercase; margin-top:35px;}
#mCompany .tit .en span {position:relative; z-index:10; background:#de2020; padding:0 15px;}
#mCompany .tit .en:after {content:''; display:block; width:820px; height:1px; background:#fff; margin:-7px auto 0;}
#mCompany .tit .t1 {font-size:1em; color:rgba(255,255,255,0.7); line-height:1.5em; margin-top:35px;}
#mCompany ul {box-sizing:content-box; width:80%; max-width:1200px; margin:0 auto; overflow:hidden; padding:0 13px;}
#mCompany ul li {float:left; width:calc(33.33% - 40px); height:260px; margin-right:60px; margin-top:60px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.3);transition:all 0.4s}
#mCompany ul li:nth-child(3n) {margin-right:0;}
#mCompany ul li a {display:table; width:100%; height:100%;}
#mCompany ul li a div {display:table-cell; vertical-align:middle; text-align:center;}
#mCompany ul li .icon:after {content:''; display:block; width:20px; height:1px; background:#fff; margin:20px auto;}
#mCompany ul li .icon img {width:50px; height:50px;}
#mCompany ul li .tit {font-size:1.5em; color:#fff; line-height:1.2em; font-family: 'S-CoreDream-5Medium';  letter-spacing: 0;}
#mCompany ul li .tit:after {content:''; display:block; opacity:0; width:20px; height:1px; background:#de2020; margin:0 auto; transition:all 0.6s ease-in-out 0s}
#mCompany ul li .t1 {display:none; font-size:1em; color:#777; line-height:1.5em;}

@media screen and (min-width:1025px){
	#mCompany ul li:hover {border:5px solid #222; background:#fff; box-shadow:0 0 13px rgba(0,0,0,0.3)}
	#mCompany ul li:hover .icon {display:none;}
	#mCompany ul li:hover .tit {color:#de2020}
	#mCompany ul li:hover .tit:after {margin:20px auto; opacity:1; transition:all 0.6s ease-in-out 0s}
	#mCompany ul li:hover .t1 {display:block;}
}

@media screen and (max-width:1024px){
	#mCompany {padding:13vw 0 15vw;}
	#mCompany .tit h2 {font-size:3.3em;}
	#mCompany .tit .en {margin-top:4%;}
	#mCompany .tit .en:after {width:80%;}
	#mCompany .tit .t1 {margin-top:4%;}
	#mCompany ul {padding:0 2%; margin-top:5%}
	#mCompany ul li {width:calc(33.33% - 15px); height:auto; margin-right:22.5px; margin-top:22.5px; padding:5% 1.5%;}
	#mCompany ul li .icon:after {margin:4% auto;}
	#mCompany ul li .icon img {width:40px; height:40px;}
	#mCompany ul li .t1 {display:block; margin-top:5%; font-size:0.875em; color:rgba(255,255,255,0.7)}
}

@media screen and (max-width:767px){
	#mCompany .tit h2 {font-size:30px;}
	#mCompany ul li {width:calc(50% - 5px); margin-right:10px; margin-top:10px;}
	#mCompany ul li:nth-child(3n) {margin-right:10px;}
	#mCompany ul li:nth-child(even) {margin-right:0;}
	#mCompany ul li .tit {font-size:15px;}
}


#mPortfolio {width:100%; height:720px; overflow:hidden; position:relative;}
.mPortfolio_slide {width:100%; height:100%;}
.mPortfolio_slide .swiper-slide a {display:table; width:100%; height:100%; position:relative; background-color:#000;}
.mPortfolio_slide .swiper-slide a:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/mPortfolioBG.png) repeat left top; background-size:360px 33.33%;}
.mPortfolio_slide .img_box {position:absolute; left:-2.5%; top:-2.5%; width:105%; height:105%; opacity:0.6; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter:blur(3px); filter: blur(3px);}
.mPortfolio_slide .txt_box {position:relative; z-index:10; display:table-cell; vertical-align:middle; padding-left:360px;}
.mPortfolio_slide .txt_box .tit, .mPortfolio_slide .txt_box .t1 {width:1200px; box-sizing:border-box; padding:0 100px; opacity:0; transform:translateX(60px)}
.mPortfolio_slide .txt_box .tit {font-size:2.25em; color:#fff; line-height:1.3em; transition:all 0.6s ease-in-out 0.2s}
.mPortfolio_slide .txt_box .t1 {font-size:1em; font-weight:300;letter-spacing:0;color:rgba(255,255,255,0.7); line-height:1.5em; margin-top:25px; transition:all 0.6s ease-in-out 0.6s}
#mPortfolio .mPortfolio-pagination {position:absolute; left:0; top:0; width:360px; height:100%; z-index:15; background:rgba(0,0,0,0.4)}
#mPortfolio .mPortfolio-pagination div {display:block; width:100%; height:33.33%; background:none; border-bottom:1px solid rgba(255,255,255,0.07); padding:120px 0 0 30px; color:#fff; border-radius:0; margin:0; opacity:1;}
#mPortfolio .mPortfolio-pagination div:last-child {border-bottom:0;}
#mPortfolio .mPortfolio-pagination div .t1 {font-size:0.875em; font-weight:600; font-family:'S-CoreDream-5Medium'}
#mPortfolio .mPortfolio-pagination div .tit {font-size:1.5em; font-weight:300;line-height: 1.1em;margin-top: 10px;}
#mPortfolio .mPortfolio-pagination div.swiper-pagination-bullet-active, #mPortfolio .mPortfolio-pagination div:hover {background:#de2020}

.mPortfolio_slide .swiper-slide-active .txt_box .tit, .mPortfolio_slide .swiper-slide-active .txt_box .t1 {opacity:1; transform:translateX(0)}

@media screen and (max-width:1560px){
	#mPortfolio {height:650px;}
	.mPortfolio_slide .swiper-slide a:after {background-size:25% 33.33%;}
	.mPortfolio_slide .txt_box {padding-left:25%;}
	.mPortfolio_slide .txt_box .tit, .mPortfolio_slide .txt_box .t1 {width:100%; padding:0 50px;}
	#mPortfolio .mPortfolio-pagination {width:25%}
	#mPortfolio .mPortfolio-pagination div {padding-top:100px;}
}

@media screen and (max-width:1024px){
	#mPortfolio {height:600px;}
	.mPortfolio_slide .swiper-slide a:after {background-size:33.33% 33.33%;}
	.mPortfolio_slide .txt_box {padding-left:0; padding-top:150px; vertical-align:top;}
	.mPortfolio_slide .txt_box .tit, .mPortfolio_slide .txt_box .t1 {padding:0 6%;}
	#mPortfolio .mPortfolio-pagination {top:auto; bottom:0; width:100%; height:auto; overflow:hidden;}
	#mPortfolio .mPortfolio-pagination div {float:left; width:33.33%; height:auto; border-bottom:0; border-right:1px solid rgba(255,255,255,0.07); padding:5% 2% 2%; }
	#mPortfolio .mPortfolio-pagination div:last-child {border-right:0;}
	#mPortfolio .mPortfolio-pagination div .tit {font-size:1.3em;}
}

@media screen and (max-width:500px){
	#mPortfolio {height:550px;}
	.mPortfolio_slide .txt_box {padding-top:50px;}
	.mPortfolio_slide .txt_box .tit {font-size:1.7em;}
	#mPortfolio .mPortfolio-pagination div {float:none; width:100%; padding:4% 6%; border-right:0; border-bottom:1px solid rgba(255,255,255,0.07);}
	#mPortfolio .mPortfolio-pagination div:last-child {border-bottom:0;}
}


#mClient {width:100%; padding:225px 0; background:url(/images/mClientBG.png) repeat left top; position:relative; overflow:hidden;}
#mClient ul {width:80%; max-width:1200px; margin:0 auto; box-sizing:border-box; padding-right:30%; position:relative; transform:translateY(-25px)}
#mClient ul li {position:absolute; left:0; top:0; opacity:0; z-index:-30}
#mClient ul li .tit {font-size:3.125em; color:#222; line-height:1.1em; font-family: 'S-CoreDream-5Medium'; margin-bottom:50px;}
#mClient ul li .tit span {font-weight:500}
#mClient ul li .t1 {font-size:1.5em; color:#de2020; line-height:1.2em; font-weight:600; margin-bottom:10px; font-family:'S-CoreDream-5Medium';}
#mClient ul li .t2 {font-size:1em; color:#777; line-height:1.5em;}
#mClient ul li .more {position:relative; display:block; width:335px; line-height:50px; font-size:0.56em; color:#de2020; font-weight:600; font-family:'S-CoreDream-5Medium'; letter-spacing:0.5em; margin-top:90px;}
#mClient ul li .more span {position:relative; z-index:10; padding:0 10px 0 5px; background:#fff;}
#mClient ul li .more:before {content:''; display:block; position:absolute; right:0; top:50%; width:100%; height:1px; background:#e15173;}
.subClient #mClient ul li .more {background:none;}
.subClient #mClient ul li .more span {background:#fff;}
.mClient_slide {width:1000px; height:400px; transform:translateX(45px); margin-left:50%; overflow:hidden;}
.mClient_slide .swiper-slide {width:100%; height:100%; box-sizing:border-box; display:table;}
.mClient_slide .swiper-slide p {display:table-cell; text-align:center; vertical-align:middle; background:#fff;}
.mClient_slide .swiper-slide-active {border:5px solid #222;}

#mClient ul li.active {opacity:1; z-index:30;}

@media screen and (max-width:1024px){
	#mClient {padding:13% 0;}
	#mClient ul {padding-right:50%; transform:translateY(0)}
	#mClient ul li .tit {font-size:2.4em; margin-bottom:5%;}
	#mClient ul li .t1 {font-size:1.3em; margin-bottom:1.5%;}
	#mClient ul li .more {width:70%; line-height:45px; margin-top:10%;}
	.mClient_slide {width:80%; height:300px;}
	.mClient_slide .swiper-slide p img {width:70%;}
	.mClient_slide .swiper-slide-active {border-width:3px;}
}

@media screen and (max-width:767px){
	#mClient ul li .more {width:250px; line-height:40px;}
	.mClient_slide {width:100%; height:auto; transform:translateX(-25%); margin-left:50%; overflow:visible; margin-top:350px}
	.mClient_slide .swiper-slide p {padding:5% 0;}
	.mClient_slide .swiper-slide p img {width:45%;}
}



/* footer */
#footer {background:#093468; padding:150px 0 0px; position:relative;}
#fContact .tit {width:88%; max-width:1200px; margin:0 auto; text-align:center;}
#fContact .tit h2 {font-size:3.625em; color:#fff; line-height:1em; font-weight:600; font-family:'S-CoreDream-7ExtraBold'}
#fContact .tit .t1 {font-size:1em; color:rgba(255,255,255,0.7); line-height:1.5em; margin-top:25px;}
#fContact ul {width:88%; max-width:1200px; margin:60px auto 85px; overflow:hidden;}
#fContact ul li {float:left; display:table; width:calc(50% - 60px); min-height:60px; margin-right:120px; font-size:1em; color:#fff; border-top:1px solid rgba(255,255,255,0.8); padding:25px 0;text-align:center; box-sizing:content-box;}
#fContact ul li div {display:table-cell; vertical-align:middle;}
#fContact ul li:nth-child(even) {margin-right:0;}
#fContact ul li:nth-child(2) ~ li {border-bottom:1px solid rgba(255,255,255,0.8);}
#fContact ul li i {font-size:1.4em; line-height:30px; margin-right:10px; vertical-align:middle;}
#fContact ul li a {font-size:1.125em; color:#fff; line-height:30px;}
#fContact .map {width:100%; height:620px; background:#fff;}
#fInfo {padding: 50px 0 90px;background: #093468;text-align: center;text-align:center;}
#fInfo ul li {display:inline-block; margin:0 2px;}
#fInfo ul li img {width:27px; height:27px;}
#fInfo .copy {font-size:0.875em; color:rgba(255,255,255,0.7); line-height:1em; margin-top:20px;}

@media screen and (max-width:1199px){
	#fContact ul li {width:calc(33.33% - 30px); margin-right:45px}
}

@media screen and (max-width:1024px){
	#footer {padding:13% 0 0;}
	#fContact .tit h2 {font-size:3.3em;}
	#fContact .tit .t1 {margin-top:3%;}
	#fContact ul {margin:6% auto 8%;}
	#fContact .map {height:440px;}
	#fInfo {padding:5% 0;}
	#fInfo ul li {margin:0}
	#fInfo ul li img {width:22px; height:22px;}
	#fInfo .copy {margin-top:2%;}
}

@media screen and (max-width:767px){
	#fContact .tit h2 {font-size:30px;}
	#fContact ul li {width:100%; min-height:0px; margin-right:20px; padding:18px 0;border-bottom:0;}
	/*#fContact ul li:nth-child(2) {margin-right:0;}*/
	#fContact ul li:nth-child(3) {border-bottom:0 !important}
	#fContact ul li i, #fContact ul li a {line-height:25px}
	#fContact .map {height:280px;}
}



/* sub */
#subContent {padding:100px 0 60px;}
#subContent #subTitle {font-size:2.5em; color:#222; text-align:center; margin-bottom:50px; font-family:'S-CoreDream-7ExtraBold'}

.sub_tit {text-align:center;}
.sub_tit h2 {font-size:3.625em; color:#fff; line-height:1em; font-family:'S-CoreDream-7ExtraBold'}
.sub_tit .t1 {width:88%; max-width:1200px; margin:0 auto;font-size:1em; color:rgba(255,255,255,0.7); line-height:1.5em; margin-top:25px;}

.download {overflow:hidden;}
.download_btn {display:block; background:#de2020; width:220px; line-height:55px; text-align:center; font-size:1.25em; font-family:'S-CoreDream-5Medium';color:#fff; letter-spacing:-0.05em; transition:background 0.5s;float: left;margin-right: 10px;}
.download_btn:hover {background:#fcff00; color:#de2020;}

#sVisu {width:100%; height:100vh; position:relative; overflow:hidden;}
#sVisu .img_box {position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:left bottom; background-size:auto 100%;}
#sVisu .txt_box {position:relative; z-index:10; float:right; width:55%; margin-top:20vh;}
#sVisu .txt_box h2 {font-size:3.75em; color:#222; line-height:1em; font-weight:800; font-family:'S-CoreDream-7ExtraBold'}
#sVisu .txt_box .download_btn {margin-top:50px}
#sVisu .txt_box .t1 {font-size:1.875em; color:#222; line-height:1em; font-weight:900; letter-spacing:0.2em; margin-top:95px;font-family:'S-CoreDream-7ExtraBold'}
#sVisu .txt_box .t1:after {content:''; display:inline-block; width:200px; height:1px; background:#de2020; vertical-align:middle; margin-left:10px;}
#sVisu .txt_box .t2 {font-size:1em; color:#777; line-height:1.5em; margin-top:35px;}

#sVisu.contact {background:#de2020}
#sVisu.contact .img_box {background-position:10% 70%; background-size:auto 83%}
#sVisu.contact .txt_box {float:none; width:88%; max-width:1200px; margin:23vh auto 0; text-align:right; overflow:hidden;}
#sVisu.contact .txt_box h2, #sVisu.contact .txt_box .t2 {color:#fff;background: none;}
#sVisu.contact .txt_box .contact_sns {margin-top: 30px;}
#sVisu.contact .txt_box .contact_sns li {display: inline-block;}
#sVisu.contact .txt_box .contact_sns li a {display: block;}
#sVisu.contact .txt_box .contact_sns li img {width: 86%;}
#sVisu.contact .txt_box .download_btn {color:#de2020; background:#fff; float:right; margin-top:100px;}


@media screen and (max-width:1024px){
	#subContent {padding:15% 0 6%}
	#subContent #subTitle {margin-bottom:6%}

	.sub_tit h2 {font-size:3.3em;}
	.sub_tit .t1 {margin-top:3%}
	.download_btn {width:200px; line-height:45px; font-size:1.05em;}

	#sVisu .txt_box h2 {font-size:4.3em;}
	#sVisu .txt_box .download_btn {margin-top:6%;}
	#sVisu .txt_box .t1 {font-size:1.5em; margin-top:12%}
	#sVisu .txt_box .t1:after {width:30%}
	#sVisu .txt_box .t2 {margin-top:3.5%}

	#sVisu.contact .txt_box .download_btn {margin-top:13%;}
}

@media screen and (max-width:767px){
	.sub_tit h2 {font-size:2.8em;}
	#sVisu .img_box {background-size: 100%;}
	#sVisu .txt_box {width:100%; height:100%; margin-top:0; /*background:rgba(255,255,255,0.6);*/padding:20vh 4% 0;}
	#sVisu .txt_box .t2 {background: rgba(255,255,255,0.9); padding: 20px;}
	
	#sVisu.contact .img_box {background-position:center center;}
	#sVisu.contact .txt_box {width:100%; height:100%; margin:0; background:rgba(222,32,32,0.6)}
}

#sVision {width:100%; background:#de2020; padding:160px 0;}
#sVision > div {width:88%; max-width:1200px; margin:0 auto; overflow:hidden;}
#sVision .tit {text-align:left; float:right; width:calc(100% - 420px); box-sizing:border-box; padding:55px 0 0 80px;}
#sVision .tit h2 {font-size:3.625em; color:#fff; line-height:1em; font-weight:800; font-family:'S-CoreDream-7ExtraBold'}
#sVision .tit .en {font-size:0.75em; color:#fff; line-height:1em; letter-spacing:0.2em; font-weight:500; font-family:'S-CoreDream-5Medium'; text-transform:uppercase; margin-top:35px;}
#sVision .tit .en:after {content:''; display:inline-block; width:200px; height:1px; background:#fff; margin-left:10px; vertical-align:middle;}
.sVision_slide {width:420px; height:570px; float:left;}
.sVision_slide .swiper-slide {width:220px; margin-top:250px; margin-right:20px; transition:all 0.6s; text-align:center; box-sizing:border-box; cursor:pointer;}
.sVision_slide .swiper-slide .ico {width:100%; height:220px; line-height:220px; box-sizing:border-box; border:1px solid #fff; }
.sVision_slide .swiper-slide .ico img {width:50%; height:50%; vertical-align: middle;}
.sVision_slide .swiper-slide dl dt {font-size:1.125em; color:#fff; line-height:1.2em; margin-top:30px;}
.sVision_slide .swiper-slide dl dt:after {content:''; display:block; width:13px; height:3px; border-top:5px dotted #de2020; margin:50px 0 40px;}
.sVision_slide .swiper-slide dl dd {display:none; font-size:1.25em; color:#222; line-height:1.4em;}
.sVision_slide .swiper-slide-active {width:100%; height:100%; background:#fff; margin-right:80px; margin-top:0; border:5px solid #000; text-align:left; padding:0 40px; box-shadow:0 0 20px rgba(0,0,0,0.12)}
.sVision_slide .swiper-slide-active > div {display:table; width:100%; height:100%}
.sVision_slide .swiper-slide-active .ico {display:none;}
.sVision_slide .swiper-slide-active dl {display:table-cell; vertical-align:middle;}
.sVision_slide .swiper-slide-active dl dt {font-size:3em; color:#de2020; margin-top:0;font-family: 'S-CoreDream-5Medium';}
.sVision_slide .swiper-slide-active dl dd {display:block;}

@media screen and (max-width:1199px){
	#sVision .tit {width:60%; padding:30px 0 0 40px;}
	.sVision_slide {width:40%;}
	.sVision_slide .swiper-slide {margin-right:10px;}
	.sVision_slide .swiper-slide-active {margin-right:40px;}
}

@media screen and (max-width:1024px){
	#sVision {padding:16% 0}
	.sVision_slide {height:500px;}
	#sVision .tit h2 {font-size:3.3em;}
	#sVision .tit .en {margin-top:4%;}
	#sVision .tit .en:after {width:20%;}
	.sVision_slide .swiper-slide {width:180px; margin-top:200px;}
	.sVision_slide .swiper-slide .ico {height:180px; line-height:180px}
	.sVision_slide .swiper-slide dl dd {font-size:1em;}
	.sVision_slide .swiper-slide dl dt:after {margin:30px 0 20px}
	.sVision_slide .swiper-slide-active {width:100%; margin-top:0;}
	.sVision_slide .swiper-slide-active dl dt {margin-top:0; font-size:2.7em;}
}

@media screen and (max-width:767px){
	#sVision .tit {float:none; width:100%; padding:0; margin-bottom:7%}
	.sVision_slide {width:65%; height:320px}
	.sVision_slide .swiper-slide {width:130px; margin-top:100px; margin-right:5px;}
	.sVision_slide .swiper-slide .ico {height:130px; line-height:130px;}
	.sVision_slide .swiper-slide-active {width:100%; border-width:3px; padding:0 3%; margin-right:10px; margin-top:0;}
	#sVision .tit h2 {font-size:2.8em;}
}


#sRecruit {width:100%; background:#222; padding:120px 0;}
#sRecruit .download_btn {margin:60px auto 0;float: inherit;}
#sRecruit ul {width:88%; max-width:1370px; margin:80px auto 0; position:relative; padding-bottom:27%;}
#sRecruit ul li {position:absolute; width:28%; max-width:400px;}
#sRecruit ul li img {width:100%;}
#sRecruit ul li:nth-child(1) {bottom:0; right:10%;}
#sRecruit ul li:nth-child(2) {top:10%; right:0%}
#sRecruit ul li:nth-child(3) {top:20%; left:47%}
#sRecruit ul li:nth-child(4) {top:42%; left:19%}
#sRecruit ul li:nth-child(5) {top:10%; left:0}
#sRecruit ul li:nth-child(6) {top:0; left:23%}

#sRecruit table {width:88%;max-width:1200px;margin:50px auto; border-top:1px solid #de2020;text-align:left;}
#sRecruit table th {width:15%;border-bottom:1px solid #666;color:#fff;padding:20px 0px 20px 15px;}
#sRecruit table td {border-bottom:1px solid #666;padding:20px 0px 20px 15px;color: #999;}
#sRecruit table td::before {content: "";display: inline-block;width: 1px;height: 10px;border-left: 1px solid #9e9e9e;margin: 0 20px;}

@media screen and (max-width:1200px){
	#sRecruit table th {width:20%;}
}
@media screen and (max-width:1024px){
	#sRecruit {padding:13% 0;}
	#sRecruit .download_btn {margin-top:6%}
	#sRecruit ul {padding-bottom:35%; margin-top:7%}
	#sRecruit table th {display: block; width: 100%; text-align: center; border-bottom: 0; padding: 20px 0 0;}
	#sRecruit table td {display: block; width: 100%; text-align: center; padding-top: 8px;}
	#sRecruit table td::before {display:none;}
}

@media screen and (max-width:767px){
	#sRecruit ul {overflow:hidden; padding-bottom:0;}
	#sRecruit ul li {float:left; width:calc(50% - 2.5px); margin-right:5px; margin-bottom: 5px;position:relative; left:0 !important; right:0 !important; top:0 !important;}
	#sRecruit ul li:nth-child(even) {margin-right:0}
}


#sWelfare {background:#f2f2f2; padding:120px 0;}
#sWelfare .sub_tit h2 {color:#222;}
#sWelfare .sub_tit .t1 {color:rgba(0,0,0,0.5)}
#sWelfare ul {width:88%; max-width:1200px; margin:58px auto 0; overflow:hidden;}
#sWelfare ul li {float:left; display:table; width:calc(25% - 16.5px); height:180px; margin-right:22px; margin-top:22px; background:#fff; text-align:center; padding-top:30px; position:relative; overflow:hidden;}
#sWelfare ul li:nth-child(4n) {margin-right:0;}
#sWelfare ul li:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:#de2020; border-radius:100%; transform:scale(0); transition:transform 0.8s ease-out}
#sWelfare ul li > div {position:relative; z-index:10;}
#sWelfare ul li .icon {margin-bottom:25px;}
#sWelfare ul li .icon img {width:50px; height:50px;}
#sWelfare ul li .tit {font-size:1.125em; color:#222; line-height:1.1em; font-weight:600;}
#sWelfare ul li .t1 {font-size:0.875em; color:#777; line-height:1.4em; margin-top:5px;}

#sWelfare ul li:hover {padding:0;}
#sWelfare ul li:hover:before  {transform:scale(3);}
#sWelfare ul li:hover > div {display:table-cell; vertical-align:middle;}
#sWelfare ul li:hover .icon {display:none;}
#sWelfare ul li:hover .tit {color:#fff; font-size:1.5em;}
#sWelfare ul li:hover .t1 {color:rgba(255,255,255,0.7); margin-top:10px;}

@media screen and (max-width:1024px){
	#sWelfare {padding:13% 0;}
	#sWelfare ul {margin-top:5%;}
	#sWelfare ul li {width:calc(25% - 7.5px); height:155px; margin-right:10px; margin-top:10px;}
	#sWelfare ul li .icon {margin-bottom:5%}
	#sWelfare ul li .icon img {width:30px; height:30px;}
	#sWelfare ul li .t1 {margin-top:1.5%}
}

@media screen and (max-width:767px){
	#sWelfare ul li {width:calc(50% - 2.5px); height:140px; margin-right:5px; margin-top:5px;}
	#sWelfare ul li:nth-child(even) {margin-right:0;}
}

/* business */
#busi_visu { width:100%; height:100vh; background:url(../images/busi_visu_bg.jpg) no-repeat center; background-size:cover; position:relative; }
#busi_visu .deco { font-weight:800; font-family:'S-CoreDream-5Medium'; font-size:100px; position:absolute; top:112px; right:41.6667%; color:#de2020; }
#busi_visu .txt_box { width:41.6667%; height:100vh; position:absolute; top:0; right:0; background-color:rgba(222,32,32, 0.8); padding:140px 0 0 55px; }
#busi_visu .txt_box h2 { font-size: 3.75em; line-height: 1em; font-family: 'S-CoreDream-7ExtraBold';color:#fff; }
#busi_visu .txt_box h2:before { content:""; display:block; width:1px; height:150px; background-color:#fff; bottom:0; left:0; margin-bottom:60px;}
#busi_visu .txt_box .t1 {font-size: 1.875em; color: #fff; line-height: 1em; font-weight: 900; letter-spacing: 0.2em; margin-top: 85px;font-family:'S-CoreDream-5Medium'; }
#busi_visu .txt_box .t2 {font-size: 1em; color: #fff; line-height: 1.5em; margin-top: 35px;}

@media screen and (max-width:1024px){
	#busi_visu .deco { font-size:80px; position:absolute; top:78px; right:70%; }
	#busi_visu .txt_box { width:70%; position:absolute; top:0; right:0; padding:100px 0 0 70px; }
}

@media screen and (max-width:767px){
	#busi_visu .deco { display:none; }
	#busi_visu .txt_box { width:100%; position:relative; padding:0; padding:100px 10%; /*background-color:rgba(222,32,32, 0.5);*/ }
	#busi_visu .txt_box h2:before { height:70px; bottom:20px;}
	#busi_visu .txt_box .t1 { margin-top:40px; }
	#busi_visu .txt_box .t2 { width:80%; margin-top:20px; }
}
#busi_field {width:88%; max-width:1200px; margin:0 auto; }
#busi_field .con_box { overflow:hidden; margin:100px auto; }
#busi_field .con_box li { float:left; width:30%; margin-right:5%; margin-bottom:90px; }
#busi_field .con_box li:nth-child(3n) { margin-right:0; }
#busi_field .con_box li:nth-child(4) ~ li { margin-bottom:0; }
#busi_field .con_box li .field_icon { width:200px; height:200px; border-radius:50%; border:1px solid #ddd; margin:0 auto; }
#busi_field .con_box li .field_icon:hover { background-color:#de2020; border:none; }
#busi_field .con_box li .field_icon a { display:block; width:200px; height:200px; background-image:url(../images/busi_field_icon01.png); background-position:center center; background-size:123px 120px; background-repeat:no-repeat;  transition:all 0.5s}
#busi_field .con_box li:nth-child(2) .field_icon a { background-image:url(../images/busi_field_icon02.png); }
#busi_field .con_box li:nth-child(3) .field_icon a { background-image:url(../images/busi_field_icon03.png); background-position: 60% 50%;}
#busi_field .con_box li:nth-child(4) .field_icon a { background-image:url(../images/busi_field_icon04.png); }
#busi_field .con_box li:nth-child(5) .field_icon a { background-image:url(../images/busi_field_icon05.png); }
#busi_field .con_box li:last-child .field_icon a { background-image:url(../images/busi_field_icon06.png); }
#busi_field .con_box li:first-child .field_icon a:hover { background-image:url(../images/busi_field_icon01_hover.png); }
#busi_field .con_box li:nth-child(2) .field_icon a:hover { background-image:url(../images/busi_field_icon02_hover.png); }
#busi_field .con_box li:nth-child(3) .field_icon a:hover { background-image:url(../images/busi_field_icon03_hover.png); }
#busi_field .con_box li:nth-child(4) .field_icon a:hover { background-image:url(../images/busi_field_icon04_hover.png); }
#busi_field .con_box li:nth-child(5) .field_icon a:hover { background-image:url(../images/busi_field_icon05_hover.png); }
#busi_field .con_box li:last-child .field_icon a:hover { background-image:url(../images/busi_field_icon06_hover.png); }
#busi_field .con_box li .icon_tit {font-size: 1.2em; line-height: 1.2em; text-align:center; margin-top:30px; min-height:40px; }
#busi_field .con_box li p { text-align:center; margin-top:20px; }

@media screen and (max-width:1024px){
	#busi_field .con_box { margin:70px auto; }
	#busi_field .con_box li { margin-bottom:10%; }
	#busi_field .con_box li .field_icon { width:160px; height:160px; }
	#busi_field .con_box li .field_icon a { display:block; width:160px; height:160px; background-position:26px 28px; background-size:103px 100px; }
	#busi_field .con_box li .icon_tit { margin-top:3%; min-height:40px;}
	#busi_field .con_box li p { margin-top:2%; }
}

@media screen and (max-width:767px){
	#busi_field .con_box { margin:10% auto;}
	#busi_field .con_box li { width:47%; margin-right:6%}
	#busi_field .con_box li:nth-child(3n) { margin-right:6%; }
	#busi_field .con_box li:nth-child(even) { margin-right:0; }
	#busi_field .con_box li:nth-child(4) ~ li { margin-bottom:0; }
	#busi_field .con_box li .field_icon {border:0;}
	#busi_field .con_box li .field_icon a {width: 100%;height: 140px;}
}


/* swiper */
/**
 * Swiper 5.3.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 11, 2020
 */

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}



