@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); 
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap');

/*Common*/
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;scroll-behavior: smooth;}
html{overflow-y:scroll}
body{background-color:#fff;word-break:keep-all;
-webkit-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-ms-text-size-adjust: 100% !important;}
body,h1,h2,h3,h4,h5,h6,th,td,li,dt,dd,a,p,input,textarea,select,option,button{
	color:#000;
	font-family:"pretendard","돋움",dotum,sans-serif;
	font-size:14px;font-weight:normal
}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#000;text-decoration:none;cursor:pointer}
a:hover{color:#000;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
textarea{overflow:auto}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}
img{max-width:100%;}

/*test*/
.test1{border:1px solid red}
.test2{background:#4f7beb}

.font1{font-family:"Noto Sans KR";}
.font2{font-family:"Montserrat";}


div::-webkit-scrollbar {
	width:5px;	
}

/* 스크롤바 막대 꾸미기 */
div::-webkit-scrollbar-thumb {
	background:#fff;
}

/* 스크롤바 트랙 꾸미기 */
div::-webkit-scrollbar-track {
	background:rgba(255,255,255,0.3);
}




/*로딩 이미지*/
#loading_img{text-align:center;display:none;width:100%;margin:10px 0px 10px 0px;}

/* popup */
.pop_today_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}
.pop_close{padding:1px 7px 3px 7px;color:#ffffff;background:#303030;vertical-align:middle;border:0px;}

@media(max-width:767px){
	/* 메인 레이어 팝업 */
	.main_layer_popup{width:96%!important;left:50%!important;top:50px!important;transform:translateX(-50%)}
	.main_layer_popup .popupContent{height:100%!important}
	.main_layer_popup img{width:100%}
}

/* 로딩스피너 */
#loadingIndicator {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	display: none;
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px solid rgba(0, 0, 0, 0.2);
	border-top: 4px solid #333;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}



#wrap{overflow:hidden;}


/* header */
#header{position:fixed;left:0;top:0;width:100%;z-index:1000;}
#header:before{
	display:block;content:"";
	width:100%;height:100px;
	border-radius:0 0 25px 25px;
	background:rgba(255,255,255,0.8);
	backdrop-filter: blur(10px);
	position:absolute;left:0;top:-100%;
	transition:all 0.4s;
}
.head{
	position:relative;
	display:flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;
	padding:28px 3%;
}
.head h1{position:relative;z-index:1000;width:150px;height:52px;transform:translateY(-8px);}
.head h1 a{
	display:block;
	width:100%;height:100%;
	background:url(/images/common/logo1.png) no-repeat;
	background-size:contain;
	text-indent:-9999px;
}
.head .pcNav{
	box-sizing:border-box;
	width:calc(100% - 150px - 432px);
	padding:0 69px;
}
.head .pcNav>ul{display:flex;align-items:center;}
.head .pcNav>ul>li{margin-right:66px;}
.head .pcNav>ul>li:last-child{margin:0;}
.head .pcNav>ul>li>a{font-size:20px;color:#fff;font-weight:500;transition:all 0.4s;}
.head .gnb{
	display:flex;align-items:center;justify-content:flex-end;
	position:relative;z-index:1000;
	width:432px;
}
.head .gnb .btn1{
	display:flex;align-items:center;justify-content:center;
	width:126px;height:45px;
	margin-right:7px;
	background:#5c5956;
	border-radius:25px;
	font-size:16px;color:#fff;font-weight:500;
}
.head .gnb .btn1 i{
	display:inline-block;
	width:16px;height:15px;
	margin-left:9px;
	background:url(/images/common/gnb_btn1_icon.png) no-repeat;
}
.head .gnb .btn2{
	display:flex;align-items:center;justify-content:center;
	width:160px;height:45px;
	margin-right:48px;
	background:#ff3c42;
	border-radius:25px;
	font-size:16px;color:#fff;font-weight:500;
}
.head .gnb .btn2 i{
	display:inline-block;
	width:19px;height:19px;
	margin-left:9px;
	background:url(/images/common/gnb_btn2_icon.png) no-repeat;
}
.head .gnb .btnMember{
	width:25px;height:26px;
	background:url(/images/common/btn_member.png) no-repeat;
	margin-right:31px;
	transition:all 0.4s;
}
.head .gnb .btnMenu{
	position:relative;z-index:3000;
	width:34px;height:25px;
	cursor:pointer;
}
.head .gnb .btnMenu>div{
	width:100%;height:3px;
	margin-bottom:8px;
	background:#fff;
	transition:all 0.4s;
}
.head .gnb .btnMenu>div:nth-child(1){width:75%;}
.head .gnb .btnMenu>div:nth-child(3){width:75%;margin:0;}
.head .gnb .btnMenu.openMenu>div:nth-child(1){width:100%;transform:translate(0,11px) rotate(-45deg);}
.head .gnb .btnMenu.openMenu>div:nth-child(2){opacity:0;}
.head .gnb .btnMenu.openMenu>div:nth-child(3){width:100%;transform:translate(0,-11px) rotate(45deg);}



/* subMenu */
.subMenu{
	visibility:hidden;opacity:0;
	overflow:hidden;
	box-sizing:border-box;
	position:absolute;left:0;top:100%;
	width:100%;height:324px;
	padding:0 3% 60px;
	transition:all 0.1s
}
.subMenu.on{visibility:visible;opacity:1;transition:all 0.4s 0.2s;}
.subMenu .boxWrap{width:100%;height:100%;}
.subMenu .boxWrap>div{display:flex;align-items:flex-end;width:100%;height:100%;}
.subMenu .boxWrap>div h2{
	position:relative;
	box-sizing:border-box;
	width:350px;
	font-family:"Manrope";font-size:52px;color:#000;font-weight:700;
}
.subMenu .boxWrap>div .menuWrap{
	box-sizing:border-box;
	position:relative;
	display:flex;
	width:calc(100% - 350px);height:100%;
	padding:0 60px;
}
.subMenu .boxWrap>div .menuWrap:after{
	display:block;content:"";
	width:1px;height:calc(100% + 60px);
	background:rgba(85,85,85,0.45);
	position:absolute;left:0;top:0;
}
.subMenu .boxWrap>div .menuWrap .img{
	overflow:hidden;
	width:428px;height:269px;
	border-radius:15px;
}
.subMenu .boxWrap:nth-child(1)>div .menuWrap .img{
	background:url(/images/common/sub_img1.jpg) no-repeat center;
	background-size:cover;
}
.subMenu .boxWrap>div .menuWrap .menu{
	box-sizing:border-box;
	width:calc(100% - 428px);
	padding:10px 0 0 8%;
}
.subMenu .boxWrap>div .menuWrap .menu>ul{display:flex;flex-wrap:wrap;max-width:500px;}
.subMenu .boxWrap>div .menuWrap .menu>ul>li{
	position:relative;
	box-sizing:border-box;
	width:100%;
	padding-left:18px;
	margin-top:25px;
}
.subMenu .boxWrap>div .menuWrap .menu>ul>li:before{
	display:block;content:"";
	width:7px;height:7px;
	background:#ff3c42;
	border-radius:50%;
	position:absolute;left:0;top:11px;
	transform:scale(0);
	transition:all 0.4s;
}
.subMenu .boxWrap>div .menuWrap .menu>ul>li>a{
	font-size:25px;color:#222;font-weight:500;
	transition:all 0.24s;
}
.subMenu .boxWrap>div .menuWrap .menu>ul>li:hover>a{color:#ff3c42;}
.subMenu .boxWrap>div .menuWrap .menu>ul>li:hover:before{
	transform:scale(1);
	transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.275);
}


.subMenu .boxWrap:nth-child(1)>div .menuWrap .menu>ul>li:nth-child(1){order:1;width:50%;}
.subMenu .boxWrap:nth-child(1)>div .menuWrap .menu>ul>li:nth-child(2){order:3;}
.subMenu .boxWrap:nth-child(1)>div .menuWrap .menu>ul>li:nth-child(3){order:4;}
.subMenu .boxWrap:nth-child(1)>div .menuWrap .menu>ul>li:nth-child(4){order:2;width:50%;}

.subMenu .boxWrap:nth-child(5)>div .menuWrap .menu>ul>li{width:50%;}
.subMenu .boxWrap:nth-child(5)>div .menuWrap .menu>ul>li:nth-child(1){order:1;}
.subMenu .boxWrap:nth-child(5)>div .menuWrap .menu>ul>li:nth-child(2){order:3;}
.subMenu .boxWrap:nth-child(5)>div .menuWrap .menu>ul>li:nth-child(3){order:5;}
.subMenu .boxWrap:nth-child(5)>div .menuWrap .menu>ul>li:nth-child(4){order:7;}
.subMenu .boxWrap:nth-child(5)>div .menuWrap .menu>ul>li:nth-child(5){order:2;}
.subMenu .boxWrap:nth-child(5)>div .menuWrap .menu>ul>li:nth-child(6){order:4;}
.subMenu .boxWrap:nth-child(5)>div .menuWrap .menu>ul>li:nth-child(7){order:6;}




/* allMenu */
.allMenu{
	visibility:hidden;opacity:0;
	position:absolute;left:0;top:0;z-index:900;
	width:100%;height:100vh;
	background:rgba(255,255,255,0.8);
	backdrop-filter: blur(10px);	
	transition:all 1s;
}
.allMenu>div{
	box-sizing:border-box;
	display:flex;align-items:center;
	width:100%;height:100%;
	padding:100px 3%;
}
.allMenu .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.allMenu .conwrap .btns{display:none;position:relative;z-index:100;}
.allMenu .conwrap .menu{width:65%;}
.allMenu .conwrap .menu>ul{width:100%;}
.allMenu .conwrap .menu>ul>li{
	display:flex;align-items:center;
	padding:20px 0;
	border-bottom:1px solid #aaa;
}
.allMenu .conwrap .menu>ul>li>a{
	font-size:min(48px,3.2vw);font-weight:700;color:#777;
	transition:all 0.4s;
}
.allMenu .conwrap .menu>ul>li:hover>a{color:#ff3c42;}
.allMenu .conwrap .menu>ul>li>ul{
	display:flex;
	visibility:hidden;
	margin-left:50px;
	opacity:0;transform:translateX(40px);
	transition:all 0.8s;
}
.allMenu .conwrap .menu>ul>li:hover>ul{visibility:visible;opacity:1;transform:translateX(0);}
.allMenu .conwrap .menu>ul>li>ul>li{
	position:relative;
	padding-right:28px;margin-right:26px;
}
.allMenu .conwrap .menu>ul>li>ul>li:after{
	display:block;content:"";
	width:1px;height:14px;
	background:#aaa;
	position:absolute;right:0;top:6px;
}
.allMenu .conwrap .menu>ul>li>ul>li:last-child:after{display:none;}
.allMenu .conwrap .menu>ul>li>ul>li>a{
	font-size:19px;color:#888;font-weight:600;
	transition:all 0.4s;
}
.allMenu .conwrap .menu>ul>li>ul>li>a:hover{color:#222;}
.allMenu .conwrap .company{width:25%;}
.allMenu .conwrap .company .img{
	overflow:hidden;
	position:relative;
	border-radius:10px;
	width:100%;height:38vh;
}
.allMenu .conwrap .company .img>div{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	/* transform:scale(1.2); */
	transition:all 0.6s;
}
.allMenu .conwrap .company .img>div.act{transform:scale(1);}
.allMenu .conwrap .company .img>div.bg1{
	background:url(/images/common/all_img1.jpg) no-repeat center;
	background-size:cover;
}
.allMenu .conwrap .company .img>div.bg2{
	background:url(/images/common/all_img2.jpg) no-repeat center;
	background-size:cover;
}
.allMenu .conwrap .company .img>div.bg3{
	background:url(/images/common/all_img3.jpg) no-repeat center;
	background-size:cover;
}
.allMenu .conwrap .company .img>div.bg4{
	background:url(/images/common/all_img4.jpg) no-repeat center;
	background-size:cover;
}
.allMenu .conwrap .company .img>div.bg5{
	background:url(/images/common/all_img5.jpg) no-repeat center;
	background-size:cover;
}
.allMenu .conwrap .company .img>div.bg6{
	background:url(/images/common/all_img6.jpg) no-repeat center;
	background-size:cover;
}
.allMenu .conwrap .company .info{padding:48px 0 70px;}
.allMenu .conwrap .company .info .tit{margin-bottom:25px;font-size:17px;color:#000;font-weight:600;}
.allMenu .conwrap .company .info .tit + div{display:flex;flex-wrap:wrap;}
.allMenu .conwrap .company .info dl{display:flex;margin:0 20px 10px 0;}
.allMenu .conwrap .company .info dl:nth-child(1){width:100%;}
.allMenu .conwrap .company .info dl dt{margin-right:5px;font-size:16px;color:#000;}
.allMenu .conwrap .company .info dl dd{font-size:16px;color:#000;}
.allMenu .conwrap .company .sns{}
.allMenu .conwrap .company .sns ul{display:flex;gap:5px;}
.allMenu .conwrap .company .sns ul li{perspective:800px;}
.allMenu .conwrap .company .sns ul li a{
	position:relative;
	display: block;
	width:42px;height:42px;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
	transition:all 0.6s;
}
.allMenu .conwrap .company .sns ul li a>div{
	position:absolute;left:0;top:0;
	width:42px;height:42px;
	backface-visibility: hidden;
}
.allMenu .conwrap .company .sns ul li a>div.back{transform: rotateY(180deg);}
.allMenu .conwrap .company .sns ul li:hover a{transform: rotateY(180deg);}
.allMenu .conwrap .company .sns ul li a img{width:100%;}


.allMenu.on{visibility:visible;opacity:1;}
.allMenu.on>div{}



@media(max-width:1399px){
	.allMenu .conwrap .menu>ul>li>ul>li>a{	font-size:16px;}
	.allMenu .conwrap .company .sns ul li{
		width:calc((100% - 20px) / 5);
	}
	.allMenu .conwrap .company .sns ul li a{width:100%;height:100%;}
	.allMenu .conwrap .company .sns ul li a>div{width:100%;height:100%;}
	.allMenu .conwrap .company .info{display:block;}
	.allMenu .conwrap .company .info dl{display:block;width:100%;}
	.allMenu .conwrap .company .info dl dt{width:100%;}
	.allMenu .conwrap .company .info dl dd{width:100%;}
}
@media(max-width:812px){
	.allMenu .conwrap .btns{
		display:flex;justify-content:flex-end;gap:7px;
		position:absolute;left:3%;top:75px;
		width:94%;
	}
	.allMenu .conwrap .btns .btn1{
		display:flex;align-items:center;justify-content:center;
		width:106px;height:35px;
		background:#5c5956;
		border-radius:25px;
		font-size:14px;color:#fff;font-weight:500;
	}
	.allMenu .conwrap .btns .btn1 i{
		display:inline-block;
		width:16px;height:15px;
		margin-left:9px;
		background:url(/images/common/gnb_btn1_icon.png) no-repeat;
	}
	.allMenu .conwrap .btns .btn2{
		display:flex;align-items:center;justify-content:center;
		width:140px;height:35px;
		background:#ff3c42;
		border-radius:25px;
		font-size:14px;color:#fff;font-weight:500;
	}
	.allMenu .conwrap .btns .btn2 i{
		display:inline-block;
		width:19px;height:19px;
		margin-left:9px;
		background:url(/images/common/gnb_btn2_icon.png) no-repeat;
	}
	.allMenu .conwrap .menu{width:100%;}
}




#header.scroll:before{top:0;}
#header.scroll .head .pcNav>ul>li>a{color:#000;}
#header.scroll .head .gnb .btnMember{background:url(/images/common/btn_member2.png) no-repeat;}
#header.scroll .head .gnb .btnMenu>div{background:#000;}

#header.on:before{top:0;height:434px;}
#header.on .head .pcNav>ul>li>a{color:#000;}
#header.on .head .gnb .btnMember{background:url(/images/common/btn_member2.png) no-repeat;}
#header.on .head .gnb .btnMenu>div{background:#000;}


#header.all .head .pcNav>ul>li>a{color:#000;}
#header.all .head .gnb .btnMember{background:url(/images/common/btn_member2.png) no-repeat;}
#header.all .head .gnb .btnMenu>div{background:#000;}

#header.bl .head .pcNav>ul>li>a{color:#000;}
#header.bl .head .gnb .btnMember{background:url(/images/common/btn_member2.png) no-repeat;}
#header.bl .head .gnb .btnMenu>div{background:#000;}



@media(max-width:1600px){
	.head .pcNav{display:none;}
}
@media(max-width:812px){
	
	.head{padding:20px 3%;}
	#header:before{height:82px;}
	.head h1{height:42px;transform: translateY(-4px);}
	.head .gnb .btn1{display:none;}
	.head .gnb .btn2{display:none;}

	.allMenu .conwrap .menu{width:100%;}
	.allMenu .conwrap .menu>ul>li{display:block;position:relative;transition:all 0s;}
	.allMenu .conwrap .menu>ul>li>a{font-size:6vw;transition:all 0s;}
	.allMenu .conwrap .menu>ul>li>ul{
		visibility:visible;
		display:none;
		padding:20px 0;margin:0;
		opacity:1;transform:translateX(0);
		transition:all 0s;
	}
	.allMenu .conwrap .menu>ul>li>ul>li{padding:0;margin:10px 0;}
	.allMenu .conwrap .menu>ul>li>ul>li:after{display:none;}
	.allMenu .conwrap .menu>ul>li>ul>li>a{font-size:17px;}
	.allMenu .conwrap .company{display:none;}

}






/* btnMore */
.hover-button{
	overflow: hidden;
	display:inline-flex;align-items:center;justify-content:center;
	position: relative;
	height:55px;
	box-sizing:border-box;
	padding:0 30px;
	font-family:"Manrope","pretendard";font-size:17px;color:#fff;font-weight:500;text-align:center;
	background: #000;
	border-radius: 50px;
	transition:color 0.3s ease;
}
.hover-button>span{position:relative;z-index:10;color:#fff;}
.hover-button>span i{
	display:inline-block;
	width:10px;height:10px;
	margin-left:11px;
	background:url(/images/common/btnMore_arr.png) no-repeat;
}
.hover-button .ripple {
	position: absolute;
	border-radius: 50%;
	background: #ff3c42;
	transform: scale(0);
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 0;
	pointer-events: none;
}

@media(max-width:812px){
	.hover-button{height:45px;font-size:14px;padding:0 15px;}
}




/* footer */
#footer{
	overflow:hidden;
	position:relative;z-index:10;
	background:#f5f5f5;
	border-radius:55px 55px 0 0;
}
.foot{}
.foot .toparea{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	width:94%;
	margin:0 auto;
	padding:55px 0;
	border-bottom:1px solid #c4c4c4;
}
.foot .toparea h1{width:235px;}
.foot .toparea>div{width:400px;}
.foot .toparea>div .fm{display:flex;justify-content:flex-end;}
.foot .toparea>div .fm li{position:relative;padding-left:15px;margin-left:12px;}
.foot .toparea>div .fm li:before{
	display:block;content:"";
	width:1px;height:14px;
	background:#ccc;
	position:absolute;left:0;top:0;
}
.foot .toparea>div .fm li:first-child{padding:0;margin:0;}
.foot .toparea>div .fm li:first-child:before{display:none;}
.foot .toparea>div .fm li a{font-size:16px;color:#000;}
.foot .toparea>div .sns{display:flex;justify-content:flex-end;margin-top:23px;}
.foot .toparea>div .sns li{margin-left:5px;}
.foot .company{
	display:flex;justify-content:space-between;
	padding:45px 3%;
}
.foot .company>dl{}
.foot .company>dl>dt{font-size:17px;color:#000;font-weight:700;}
.foot .company>dl>dd{
	margin-top:20px;
	font-size:15px;color:#000;line-height:1.7em;
}
.foot .company>dl>dd>dl{display:flex;}
.foot .company>dl>dd>dl>dt{width:105px;font-size:15px;color:#000;line-height:1.7em;}
.foot .company>dl>dd>dl>dd{width:calc(100% - 105px);font-size:15px;color:#000;line-height:1.7em;}
.foot .company>dl>dd .tip{font-size:12px;}
.foot .company>.link{display:flex;width:394px;}
.foot .company>.link .family{}
.foot .company>.link .branch{margin-left:10px;}
.foot .company>.link a{
	display:flex;align-items:center;
	width:192px;height:51px;
	padding:0 26px;
	font-size:15px;color:#000;
	border:1px solid #ccc;border-radius:15px;
	background:url(/images/common/foot_link_arr.png) no-repeat calc(100% - 26px) center;
}
.foot .certify{padding:35px 3%;background:#ededed;}
.foot .certify ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.foot .certify ul li{margin:10px 0;}
.foot .copy{padding:45px 3%;font-size:15px;color:#666;font-weight:500;}


@media(max-width:1399px){

	.foot .company{display:block;width:100%;}
	.foot .company>dl{margin-bottom:30px;}

}
@media(max-width:812px){
	
	.foot .toparea{display:block;}
	.foot .toparea h1{width:100%;}
	.foot .toparea h1 img{height:40px;}
	
	.foot .toparea>div .fm{flex-wrap:wrap;justify-content:flex-start;margin:20px 0 0;}
	.foot .toparea>div .fm li:before{height:11px;top:3px;}
	.foot .toparea>div .fm li a{font-size:11px;}

	.foot .toparea>div .sns{justify-content:flex-start;}
	.foot .toparea>div .sns li{margin:0 5px 0 0;}
	.foot .toparea>div .sns li img{height:30px;}

	.foot .company>dl>dt{font-size:12px;}
	.foot .company>dl>dd{font-size:12px;}
	.foot .company>.link{width:100%;}
	.foot .company>.link>div{width:49%;}
	.foot .company>.link a{
		width:100%;font-size:12px;
	}
	
	.foot .certify ul li{width:50%;}
	.foot .certify ul li img{height:30px;}
	.foot .copy{font-size:12px;}
}





/* btnFloat */
.btnFloat{
	display:flex;align-items:center;justify-content:center;
	position:fixed;right:2%;bottom:calc(35px + 66px);z-index:1000;
	width:56px;height:56px;
	background:#ff3c42;
	border-radius:50%;
	cursor:pointer;
}
.btnFloat .dot{}
.btnFloat .dot>div{
	width:4px;height:4px;
	margin:2px 0;
	background:#fff;border-radius:2px;
	transition:all 0.24s;
}
.btnFloat.on .dot>div:nth-child(1){width:24px;height:2px;transform:translate(0,5px) rotate(45deg);}
.btnFloat.on .dot>div:nth-child(2){opacity:0;}
.btnFloat.on .dot>div:nth-child(3){width:24px;height:2px;transform:translate(0,-5px) rotate(-45deg);}


.btnFloat ul{display:none;position:absolute;right:0;bottom:100%;}
.btnFloat ul li{display:flex;align-items:center;justify-content:flex-end;margin-bottom:7px;}
.btnFloat ul li a{
	overflow:hidden;
	display:flex;align-items:center;justify-content:flex-end;
	width:56px;
	background:#000;
	border-radius:50px;
	position:relative;
	transition:all 0.6s;
}
.btnFloat ul li a .icon{
	display:flex;align-items:center;justify-content:center;
	width:56px;height:56px;	
	border-radius:50%;	
}
.btnFloat ul li a .icon img{max-width:24px;width:100%;}
.btnFloat ul li a .text{
	position:absolute;right:70px;top:50%;z-index:10;
	width:100px;height:56px;line-height:56px;
	font-size:17px;color:#fff;font-weight:500;
	transform:translateY(-50%);
}
.btnFloat ul li.on a{width:196px;background:#ff3c42;}
.btnTop{
	position:fixed;right:2%;bottom:35px;z-index:1000;
	width:56px;height:56px;
	border-radius:50%;
	background:#ededed;
	display:flex;align-items:center;justify-content:center;
	text-align:center;
}
.btnTop img{height:20px;}

@media(max-width:1399px){
	.btnFloat ul li a{width:196px;background:#ff3c42;}	
}




#bgBlack{
	display:none;
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;height:100vh;
	background:rgba(0,0,0,0.7);
}
.layerPop.layerCounsel{
	display:none;
	overflow:hidden;
	position:fixed;left:50%;top:50%;z-index:5000;
	width:680px;
	box-sizing:border-box;	
	transform:translate(-50%,-50%);
	background:#fff;
	border-radius:12px;
}
.layerPop.layerCounsel .conwrap{
	overflow-y:auto;
	width:100%;height:80vh;
	padding:60px;
}
.layerPop.layerCounsel .conwrap::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.4);}
.layerPop.layerCounsel .btnClose{position:absolute;right:30px;top:30px;}
.layerPop.layerCounsel .title{font-size:35px;color:#000;font-weight:700;}
.layerPop.layerCounsel .title strong{color:#ff3c42;font-weight:700;}
.layerPop.layerCounsel .time{
	margin:30px 0;
	padding:25px 30px;
	background:#f9f9f9;
	border-radius:12px;
}
.layerPop.layerCounsel .time dl{display:flex;}
.layerPop.layerCounsel .time dl dt{
	box-sizing:border-box;
	width:130px;
	padding-left:25px;
	background:url(/images/common/layerCounsel_time_icon.png) no-repeat left center;
	font-size:16px;color:#222;font-weight:500;
}
.layerPop.layerCounsel .time dl dd{
	position:relative;
	width:calc(100% - 130px);
	padding-left:12px;
	font-size:16px;color:#222;
}
.layerPop.layerCounsel .time dl dd:before{
	display:block;content:"";
	width:1px;height:10px;
	background:#ccc;
	position:absolute;left:0;top:4px;
}
.layerPop.layerCounsel .formwrap{
	padding:30px 0;
	border-top:2px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);
}
.layerPop.layerCounsel .formwrap dl{display:flex;margin-bottom:16px;}
.layerPop.layerCounsel .formwrap dl:last-child{margin-bottom:0;}
.layerPop.layerCounsel .formwrap dl dt{
	width:144px;
	padding:15px 0 0;
	font-size:17px;color:#000;font-weight:500;
}
.layerPop.layerCounsel .formwrap dl dd{width:calc(100% - 144px);}
.layerPop.layerCounsel .formwrap dl dd input{
	box-sizing:border-box;
	width:100%;height:50px;
	border:1px solid #ccc;border-radius:12px;
	padding:0 20px;
	font-size:16px;color:#666;
}
.layerPop.layerCounsel .formwrap dl dd select{
	box-sizing:border-box;
	width:100%;height:50px;
	border:1px solid #ccc;border-radius:12px;outline:0;
	padding:0 20px;
	background:url(/images/page/icon_sel.png) no-repeat calc(100% - 20px) center;
	font-size:16px;color:#666;
	appearance: none;
}
.layerPop.layerCounsel .formwrap dl dd textarea{
	box-sizing:border-box;
	width:100%;height:150px;
	border:1px solid #ccc;border-radius:12px;
	padding:20px;
	font-size:16px;color:#666;
	resize:none;outline:0;
}
.layerPop.layerCounsel .formwrap dl dd select{}
.layerPop.layerCounsel .agreeWrap{}
.layerPop.layerCounsel .agreeWrap>div:first-child{margin:0;}
.layerPop.layerCounsel .agreeWrap p{margin-top:15px;font-size:16px;color:#666;}
.layerPop.layerCounsel button{
	width:100%;height:66px;
	margin:35px 0 0;
	background:#ff3c42;
	border-radius:12px;
	border:0;outline:0;
	font-size:16px;color:#fff;
}

@media(max-width:812px){

	.layerPop.layerCounsel{width:94%;}	
	.layerPop.layerCounsel .conwrap{padding:40px 20px;}
	.layerPop.layerCounsel .time dl{display:block;}
	.layerPop.layerCounsel .time dl dd{width:100%;padding:0;}
	.layerPop.layerCounsel .time dl dd:before{
		display:block;
		width:10px;height:1px;
		margin:10px 0;
		position:static;
	}
	.layerPop.layerCounsel .title{font-size:30px;}
	.layerPop.layerCounsel .formwrap dl{display:block;}
	.layerPop.layerCounsel .formwrap dl dt{}
	.layerPop.layerCounsel .formwrap dl dd{margin-top:10px;width:100%;}


}





/* frontSelect */
.backSelect{
	visibility:hidden;
	position:absolute;left:0%;top:0%;z-index:-1;
	height:0;
}
.frontSelect{position:relative;}
.frontSelect>a{
	display:flex;align-items:center;
	box-sizing: border-box;
    width: 100%;height:100%;min-height:50px;
    border: 1px solid #ccc;
    border-radius: 12px;
    outline: 0;
    padding: 0 20px;
    background: url(/images/page/icon_sel.png) no-repeat calc(100% - 20px) center;
    font-size: 16px;color: #666;
}
.frontSelect>a.on{
	background:#fff url(/images/page/sel_arr2_on.png) no-repeat calc(100% - 20px) center;
}
.frontSelect>ul{
	display:none;
	overflow:hidden;overflow-y:auto;
	position:absolute;left:0;top:calc(100% + 5px);z-index:5;
	width:100%;max-height:300px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:12px;
}
.frontSelect>ul>li{}
.frontSelect>ul>li>a{
	display:block;
	padding:0 20px;
	font-size: 16px;color: #666;line-height:48px;
}
.frontSelect>ul>li>a:hover{background:#eee;}


@media(max-width:1399px){
	.backSelect{
		visibility:visible;
		position:static;z-index:0;
		height:60px;
	}
	.frontSelect{display:none;}	
}



/**/
.agreeWrap{position:relative;margin:40px 0 0;}
.agreeWrap input{display:none;}
.agreeWrap input + label{
	position:relative;
	display:flex;
	box-sizing:border-box;
	padding-left:40px;
	font-size:18px;color:#000;font-weight:600;
	width: fit-content;
}
.agreeWrap input + label:before{
	display:block;content:"";
	width:24px;height:24px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:5px;
	position:absolute;left:0;top:0;text-align:center;
}
.agreeWrap input:checked + label:before{display:block;content:"✓";color:#fff;background:#ff3c42}
.agreeWrap input + label .req{color:#FF3C42;}
.agreeWrap input + label .exp{
	display:block;
	box-sizing:border-box;
	width:100%;
	margin-top:16px;font-size:16px;color:#666;font-weight:400;
}
.agreeWrap input + label .privacyBtn{
	color: #BFBFBF;
	font-size: 18px;
	font-weight: 500;
	text-decoration: underline;
}
.agreeWrap input + label strong{
	font-size: 20px;
	font-weight: 600;
}
.agreeWrap>div{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:24px;text-align:left;}
.agreeWrap>div:first-child{margin-bottom:39px;}
.agreeWrap>div label{display:inline-flex;font-size:17px;color:#000;font-weight:600;}
.agreeWrap>div label span{margin-right:5px;color:#ff3c42}
.agreeWrap>div:first-child label{font-size:19px;}
.agreeWrap>div a{
	display:inline-block;margin-left:12px;
	font-size:17px;color:#bfbfbf;font-weight:500;border-bottom:1px solid #bfbfbf;
}

@media(max-width:812px){
	.agreeWrap input + label{font-size:16px;}
	.agreeWrap>div:first-child label{font-size:16px;}
}