@charset "utf-8";
/* CSS Document 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);*/

* { margin:0; padding:0; }
html, body {width:100%;}
img { border:0;vertical-align:middle}
ul {list-style:none;}
body {	
overflow-x:visible;	
font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
color:#666;	font-size:12px;
letter-spacing:normal;
/* scrollbar-face-color: #2e8af1; */
-wekit-text-size-adjust:none; }

a {text-decoration:none;color:inherit;}
input {font-family:"Pretendard",-apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

/* /////////////////font.css 내용 복사해놓음 (속도향상)///////////////////// */

/* notokr font */
@font-face {
	font-family: 'nt-B';
	src: url('../fonts/Noto/notokr-bold.eot');
	src: url('../fonts/Noto/notokr-bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-bold.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-bold.woff') format('woff'),
		 url('../fonts/Noto/notokr-bold.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-bold.svg#notokr-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nt-M';
	src: url('../fonts/Noto/notokr-medium.eot');
	src: url('../fonts/Noto/notokr-medium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-medium.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-medium.woff') format('woff'),
		 url('../fonts/Noto/notokr-medium.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-medium.svg#notokr-medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nt-R';
	src: url('../fonts/Noto/notokr-regular.eot');
	src: url('../fonts/Noto/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-regular.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-regular.woff') format('woff'),
		 url('../fonts/Noto/notokr-regular.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-regular.svg#notokr-regular') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'nt-L';
	src: url('../fonts/Noto/notokr-regular.eot');
	src: url('../fonts/Noto/notokr-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-regular.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-regular.woff') format('woff'),
		 url('../fonts/Noto/notokr-regular.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-regular.svg#notokr-regular') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'nt-D';
	src: url('../fonts/Noto/notokr-demilight.eot');
	src: url('../fonts/Noto/notokr-demilight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-demilight.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-demilight.woff') format('woff'),
		 url('../fonts/Noto/notokr-demilight.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-demilight.svg#notokr-demilight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'nt-T';
	src: url('../fonts/Noto/notokr-thin.eot');
	src: url('../fonts/Noto/notokr-thin.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Noto/notokr-thin.woff2') format('woff2'),
		 url('../fonts/Noto/notokr-thin.woff') format('woff'),
		 url('../fonts/Noto/notokr-thin.ttf') format('truetype'),
		 url('../fonts/Noto/notokr-thin.svg#notokr-thin') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family:'Pretendard';
	font-weight:900;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-Black.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Black.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:800;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:700;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-Bold.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Bold.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:600;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-SemiBold.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:500;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-Medium.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Medium.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:400;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-Regular.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Regular.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:300;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-Light.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Light.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:200;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:100;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-Thin.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Thin.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:200;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:100;
	font-display:swap;
	src:	url('../fonts/Pretendard/Pretendard-Thin.woff2') format('woff2'),
			url('../fonts/Pretendard/Pretendard-Thin.woff') format('woff');
}

@font-face{
	font-family:'MontHeavyDemo';
	src:	url('../fonts/Mont/Mont-HeavyDEMO.otf') format('opentype');
	font-style: normal;
}

@font-face{
	font-family:'MontExtraLightDemo';
	src:	url('../fonts/Mont/Mont-ExtraLightDEMO.otf') format('opentype');
	font-style: normal;
}

/* 폰트 
.dotum{font-family:dotum,'돋움';}
.gulim{font-family:gulim,'굴림';}
.nt-B{font-family:'nt-B'} .nt-M{font-family:'nt-M'} .nt-R{font-family:'nt-R'} .nt-L{font-family:'nt-L'} .nt-D{font-family:'nt-D'} .nt-T{font-family:'nt-T'}
.dinmed{font-family:Dinmed, DINPro-Bold, DINPro-Medium, Dinreg, verdana; letter-spacing:-1px;}
*/


.hidden {display:none;}
.pointer {cursor:pointer;}

/* effect */
.bold{font-weight:bold;}
.nobold{font-weight:normal;}
.pointer{cursor:pointer;}

/* test */
.bd { background-color:red; }
.f_fix {display:block;top:20%;position:fixed;left:0px;width:500px;;height:500px; }

/* cursor */
.pointer { cursor:pointer; }

/* color */
.white{color:#fff}
.black{color:#000}
.red{color:red}
.blue{color:#0067cc}

/* align */
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

/* vertical align middle 맞추기 꼭 style="height:px;" <- 을 지정해 줘야됨*/
.mid{word-break:break-all;display:table-cell;vertical-align:middle;}
.mid2{display:table-cell;vertical-align:middle;}

/* float */
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}

/* text 일정 길이 '...'표시 */
.text_cut{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut165{width:165px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut175{width:175px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut170{width:170px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut174{width:174px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut190{width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut260{width:260px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut370{width:370px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut570{width:570px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut730{width:730px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut770{width:770px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut960{width:960px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* overflow:hidden; */
.hidden{overflow:hidden;}

/*폰트사이즈*/
.font07{font-size:07px;}
.font08{font-size:08px;}
.font09{font-size:09px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font27{font-size:27px;}
.font28{font-size:28px;}
.font29{font-size:29px;}
.font30{font-size:30px;}
.font31{font-size:31px;}
.font32{font-size:32px;}
.font33{font-size:33px;}
.font34{font-size:34px;}
.font35{font-size:35px;}
.font36{font-size:36px;}
.font37{font-size:37px;}
.font38{font-size:38px;}
.font39{font-size:39px;}
.font40{font-size:40px;}
.font41{font-size:41px;}

/* margin */
.ml3{margin-left:3px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}

.pr15{padding-right:15px;}



/* PC#################################################################################### */

/* index */

/*Head*/
#HeadWrap{width:100%}
#HeadWrap img{vertical-align:middle;}
.BackdropLayer {display:none;position: fixed;top: 0;left: 0;right: 0;width: 100%;height: 100px;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border-bottom: 1px solid rgba(255, 255, 255, 0.1);z-index: 99;}
#HeadContainer{width: 1260px;margin: 0 auto;position:fixed;top:0;left: 0;right: 0;z-index:100;color: #000; background: transparent;}
#HeadContainer_Mobile{position:fixed;top:0;width:100%;background: transparent;z-index:100;}
#HeadMenuContainer{display:table;float:right;margin-right:20px;}
.HeadMenu1Cate{position:relative;float:left;font-size:25px;color:#f3f3f3}
.HeadMenu1Cate > a{display: flex;justify-content: center;align-items: flex-end;padding:0 30px;height:90px;}
.HeadMenu1Cate ul{display:none;background-color:rgba(68, 68, 68, 0.9);}
.HeadMenu1Cate:hover ul{display:block;}
.HeadMenu2Cate{white-space:nowrap;line-height:normal}
.HeadMenu2Cate > a{display:block;padding:15px 20px;}
.HeadMenu2Cate:hover{background-color:#444}
.HeadMenu2CateText{min-width:200px;max-width:300px;word-break:keep-all;word-wrap:break-word;white-space:normal;font-size:12px;color:#b9b9b9}
#HeadMenuContainer span{position:relative;}
.botline{position:absolute;width:0px;bottom:-2px;transition:width 500ms;background-color:#ccc;}
.HeadMenu1Cate:hover span > .botline{width:100%;height:3px}
#HeadContainer_Mobile{display:none}
.HeadTmp_Mobile{display:none}

/*A - 이미지관련 부분은 해당영역페이지에 있음*/
#MainA_Container{width:100%;height: 100vh;}
.MainA_Btn{display:inline-block;font-size:20px;padding:15px 35px;border-radius:40px;background-color:#3cadd4;cursor:pointer}
#MainAContent {position: relative;width: 1260px;margin: 0 auto;height: 100%;display: flex;align-items: center;flex-wrap: nowrap;justify-content: center;flex-direction: column;}
.MainA_TitleMt{margin-top: 80px;position: relative;}
.MainA_LightImg{position: absolute;top: -37px;right: -25px;}
.MainA_Title1, .MainA_Title2{color:#ffffff;font-size:70px;font-family:'MontHeavyDemo', sans-serif;font-weight: bold;text-align:center;}
.MainA_Title2{font-size:90px;}
.MainA_FirstSubTitle{font-size:50px;font-weight:bold;margin-bottom:25px;color:#ffffff;font-weight: 100;text-align: center;font-weight:bold}
.MainA_SubTitle{color:#ffffff;font-size:25px;font-weight: 100;text-align: center;}
.MainAscrollBtn{cursor:pointer;margin: 30px 0px 60px 0px}
.MainA_Consultation{position: absolute;width: 100%;bottom: 8%;margin-left: auto;}
.MainABtn{color:#ffffff;font-size:24px;background-color:#1450ea;width:215px;line-height: 65px;height: 65px;border-radius: 35px;display:flex;justify-content: center;gap: 15px;cursor:pointer;margin-left: auto;}
/* 빛나는 별의 컨테이너 */
.MainAstarBox {position: absolute;top: 113px;right: 0;width: 300px;height: 300px;transform: translate(-50%, -50%);pointer-events: none;}
.MainAstar {position: absolute;width: 5px;height: 5px;background: rgba(255, 255, 255, 0.8);border-radius: 50%;box-shadow: 0 0 30px 20px rgba(255, 255, 255, 0.5);animation: twinkle 1.5s infinite ease-in-out;}
.MainAstar:before,.MainAstar:after {content: '';position: absolute;top: 50%;left: 50%;background: rgba(255, 255, 255, 0.6);transform: translate(-50%, -50%);border-radius: 50%;}
.MainAstar:before {width: 2px;height: 40px;filter: blur(4px);}
.MainAstar:after {width: 40px;height: 2px;filter: blur(4px);}
/* 반짝임 효과 */
@keyframes twinkle {
	0%, 100% {opacity: 0;transform: scale(0.8);}
	50% {opacity: 1;transform: scale(1.2);}
}
/* 별의 위치와 딜레이를 설정 */
.MainAstar:nth-child(1) { top: 12%; right: -125px; animation-delay: 0s; }
.MainCom1_DeviceServiceImg {display: block;width: 100%;height: auto;object-fit: contain;}
#MainCom2_Container{border-top:1px solid #2c2c2c;height:730px;background-color:#000000;position: relative;}
#MainCom2_Wrap{margin-top:157px;text-align: center;overflow: hidden;}
.MainCom2Title{margin-bottom: 110px;}
.MainCom2LogoSlide{margin: 0 3%;height: 110px;line-height: 110px;text-align: center;}
@keyframes MainCom2TopAnimation {
	100% {transform: translateX(0);}
}
@keyframes MainCom2BottomAnimation {
	100% {transform: translateX(-1241px);}
}
.MainCom2_TopSlide{transform: translateX(-1154px);animation: MainCom2TopAnimation 20s linear infinite;}
.MainCom2_RightSlide{transform: translateX(0px);animation: MainCom2BottomAnimation 20s linear infinite;margin-top: 40px;}

/*E - 이미지관련 부분은 해당영역페이지에 있음*/
#MainE_Container{width:100%;height:100%;background-color: #010101;padding-top: 120px;position:relative;}
.MainE_Title{font-size:50px;color:#bababa;font-weight: 100;text-align: center;font-weight: 200;}
.MainE_Title > div:nth-child(2) {font-weight: 600;color:#ffffff;}
.MainE_Table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:50px}
.MainE_IptTitle{font-size:23px;color:#ffffff;margin-bottom:10px;}
.MainE_IptBox{width:47%}
.MainE_TextareaBox{width:100% !important;}
.MainE_Ipt{width:100%;height:55px;padding:5px 5px 5px 15px;border:1px solid #828282;background-color: #000000;color:#ffffff;font-size:19px;box-sizing: border-box;}
.MainE_Textarea{resize: none;height:180px;padding:15px 5px 5px 15px !important;}
.MainE_Textarea::placeholder,.MainE_Ipt::placeholder {color:#aaaaaa;font-family: "Pretendard";}
.MainE_Select {color:#aaaaaa;appearance: none;-webkit-appearance: none;-moz-appearance: none;position: relative;font-family: 'Pretendard';cursor:pointer}
.MainE_IptWrapper {position: relative;width: 100%;}
.MainE_IptWrapper::after {content: '▼';position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #aaaaaa;pointer-events: none;}
.RequiredIcon:after {content: '*';margin-left: 5px;color: red;vertical-align: sub;}
.MainE_Box{display:flex;margin-top:55px;width:100%;flex-wrap: wrap;justify-content: space-between;}
.InfoText{color:#ff0101;font-size:19px;font-weight: 500;margin-left: 15px;}
.MainE_Chk {margin-right: 10px;appearance: none;-webkit-appearance: none;-moz-appearance: none;width: 20px;height: 20px;border: 1px solid white;background-color: #000000;border-radius: 4px;cursor: pointer;position: relative;}
.MainE_Chk:checked {background-color: #1450ea;border-color: white;}
.MainE_Chk:checked::after {content: '✔';position: absolute;left: 4px;top: -2px;color: white;font-size: 16px;}
.MainE_Agree {color: #aaaaaa;font-size: 19px;margin-top: 15px;cursor:pointer}
.MainE_Agree > label{cursor:pointer}
.MainE_Agree a:hover {text-decoration: underline;color: #1450ea;}
.Vm{vertical-align: middle;}
.MainE_SubmitBtnBox{text-align:center;padding: 60px 0px;}
.MainE_SubmitBtn{color:white;text-align: center;width:117px;height:55px;color:#ffffff;font-size:17px;background-color: #3d3dd2;border-radius: 20px;border: 0;cursor: pointer;}
.MainE_TopBtn{position:absolute;right:0px;bottom:60px;cursor:pointer;z-index:10;}

/*Tail*/
#TailContainer{width:100%;background-color:#181818;border-top: 1px solid #2c2c2c;}
.TailWrap{width: 1260px;height:100%;margin: 0 auto;padding:40px 0 30px 0;display:flex;justify-content: space-between;font-size:18px;}
.TailLogo{margin-bottom: 40px;}
.TailInfoBar {position: relative;}
.TailInfo{	color:#949494;font-size:15px;display: flex;flex-wrap: wrap;}
.TailInfo:nth-of-type(2) {margin-top: 10px;}
.TailInfo > li:first-child > span:first-child {margin-left: 0;}
.TailInfo > li > span {display: inline-block;margin: 0 20px;}
.TailInfoBar::after {content: '';display: inline-block;position: absolute;width: 2px;height: 13px;background: #3b3b3b;right: 0;top: 50%;transform: translateY(-50%);}
.TailNoticeBtn{font-size:18px;color:#d4d4d4;width:160px;height:50px;line-height:50px;border:1px solid #424242;text-align:center;font-weight: 300;}
.TailCopyright{color:#949494;font-size:15px;margin-top:30px;}
.TailMobile_InfoContainer{display:none}

/* 모바일#################################################################################### */

@media (max-width: 1000px) {
	/*Head*/
	.BackdropLayer{height:60px;}
	#HeadContainer{display:none}
	#HeadContainer_Mobile{display:block}
	.HeadMenuBtn_Mobile{width:64px;height:64px;}
	.HeadMenu1Cate_Mobile{padding:17px 20px;color:#f3f3f3;border-bottom:1px solid #666;font-size:14px;cursor:pointer;z-index:100; background: transparent}
	.HeadMenu2Cate_Mobile{padding:15px;padding-left:30px;color:#f3f3f3;background-color:#444;font-size:14px;cursor:pointer}
	.HeadMenu2CateBox_Mobile{display:none;}
	.HeadMenu_Mobile{display:none;position:fixed;width:100%;height:calc(100% - 90px);overflow-y:scroll;background-color:rgba(6, 6, 6, 0.5);}
	.HeadMenu2CateText_Mobile{font-size:12px;color:#b9b9b9}
	.HeadTmp{display:none}
	.HeadTmp_Mobile{display:block}
	
	/*A - 이미지관련 부분은 해당영역페이지에 있음*/
	#MainA_Container{width:100%;height: 100vh;}
	.MainA_Title{font-size:38px;padding:0 5px;padding-top:190px}
	.MainA_SubTitle{font-size:18px}
	.MainA_Btn{font-size:18px;padding:10px 30px;border-radius:40px;}
	#MainAContent{width:100%;height: 100vh;flex-direction: column;}
	.MainA_TitleMt{margin-top:0px;}
	.MainA_LightImg img{width:65%;}
	.MainA_LightImg {top: -35px;right: -12px;}
	.MainA_Title1{font-size:20px;position: relative;}
	.MainA_Title2{font-size:40px;}
	.MainA_FirstSubTitle{font-size: 30px;}
	.MainAscrollBtn{margin: 20px 0px 25px 0px}
	.MainA_SubTitle{font-size:13px}
	.MainA_Btn{font-size:18px;padding:10px 30px;border-radius:40px;}
	#MainAContent {position: relative;width: 100%;height: 100%;display: flex;align-items: center;flex-wrap: nowrap;justify-content: center;}
	.MainA_Consultation{bottom: 14%;}
	.MainABtn{font-size: 20px;width: 150px;line-height: 50px;height: 50px;border-radius: 35px;gap: 15px;margin-left: unset;margin: 0 auto;}
	#MainCom2_Container {height:400px;}
	#MainCom2_Wrap {margin-top: 80px;}
	.MainCom2Title {margin-bottom: 55px;}
	.MainCom2Title > img{width:30%;height:auto}
	.MainCom2LogoSlide {margin: 0 1%;height: 80px;line-height: 80px;flex: 1 0 auto;}
	.MainCom2LogoSlide img {width: 70%;max-width: 100%;height: auto;}
	.MainCom2_RightSlide{margin-top:15px;}
	
	/*E - 이미지관련 부분은 해당영역페이지에 있음*/
	.MainE_IptBox, .MainE_TextareaBox{width: 90% !important;}
	.MainE_Title {font-size:35px;margin-bottom: 40px;}
	.MainE_Box {margin-top: 20px;gap:10px;justify-content: center;}
	.MainE_Textarea{height:120px;}
	#MainE_Container{padding-top: 50px;}
	.InfoText{display: block;font-size: 15px;margin-left: 0;}
	.MainE_Agree{text-align: center;}
	.MainE_SubmitBtnBox {padding: 50px 0px;}
	.MainE_TopBtn{right:27px;bottom:47px;}
	
	/*Tail*/
	.TailWrap {width: 100%;flex-direction: column;align-items: center;text-align: center;}
	.TailWrap > div:nth-child(2) {order: -1;margin-bottom: 20px;}
	.TailLogo {margin-bottom: 25px;}
	.TailInfo {flex-direction: column;margin-top: 10px;display:none}
	.TailCopyright {margin-top: 20px;display:none}
	.TailMobile_InfoContainer{display:block;}
	.TailInfoArrow.Open {transform: rotate(180deg);margin-bottom: 1px;}
	.TailInfoArrow {display: inline-block;width: 16px;height: 10px;overflow: hidden;position: relative;transition: all .2s;}
	.TailInfoArrow::before {right: 5px;transform: rotate(45deg);}
	.TailInfoArrow::after {left: 5px;transform: rotate(-45deg);}
	.TailInfoArrow::before, .TailInfoArrow::after {display: inline-block;content: '';width: 1px;height: 8px;background-color: #565656;position: absolute;top: 0;}
	.TailInfoBox{display:none;margin-top: 15px;}
	.TailInfoBox > p{margin-bottom:10px;}
	.TailInfoMobileBar {display: inline-block;width: 1px;height: 10px;background-color: #3b3b3b;margin: 0 15px;}
}