@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.tmbr{display:block;}
.dn{display:none;}




/* page common */
#wrap{overflow:hidden;}
#contents{padding-bottom:0px;}
/* #footer{margin:-60px 0 0;} */
.pageVisual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
.pageVisual .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.pageVisual.pn1 .bg{
	background:url(/images/page/subVisual1.jpg) no-repeat center;
	background-size:cover;
}
.pageVisual.pn2 .bg{
	background:url(/images/page/subVisual2.jpg) no-repeat center;
	background-size:cover;
}
.pageVisual.pn3 .bg{
	background:url(/images/page/subVisual3.jpg) no-repeat center;
	background-size:cover;
}
.pageVisual.memershipy .bg{
	background:url(/images/page/subVisual4.jpg) no-repeat center;
	background-size:cover;
}
.pageVisual.pn4 .bg{
	background:url(/images/page/subVisual4.jpg) no-repeat center;
	background-size:cover;
}
.pageVisual.pn5 .bg{
	background:url(/images/page/subVisual5.jpg) no-repeat center;
	background-size:cover;
}
.pageVisual.pn6 .bg{
	background:url(/images/page/subVisual6.jpg) no-repeat center;
	background-size:cover;
}
.pageVisual .titlearea{
	position:absolute;left:0;top:50%;z-index:100;
	display:flex;justify-content:space-between;align-items:center;
	width:100%;
	box-sizing:border-box;
	padding:0 3%;
	transform:translateY(-50%);
}
.pageVisual .titlearea h2{font-size:9vw;font-weight:700;color:#fff;line-height:1em;}
.pageVisual .titlearea p{
	position:relative;
	font-size:2vw;font-weight:400;color:#fff;line-height:1.7em;text-align:right;
}
.pageVisual .titlearea p:after{
	display:block;content:"";
	width:100%;height:1px;
	background:rgba(255,255,255,0.4);
	position:absolute;right:0;top:50%;
}
.pageVisual .titlearea p span{display:block;}

.pageVisual.pn1 .titlearea h2{width:25vw;}
.pageVisual.pn1 .titlearea p{width:calc(100% - 25vw - 2vw);}

.pageVisual.pn2 .titlearea h2{width:22.5vw;}
.pageVisual.pn2 .titlearea p{width:calc(100% - 22.5vw - 2vw);}

.pageVisual.pn3 .titlearea h2{width:39vw;}
.pageVisual.pn3 .titlearea p{width:calc(100% - 39vw - 2vw);}

.pageVisual.memershipy .titlearea h2{width:53vw;}
.pageVisual.memershipy .titlearea p{width:calc(100% - 53vw - 2vw);}

.pageVisual.pn4 .titlearea h2{width:53vw;}
.pageVisual.pn4 .titlearea p{width:calc(100% - 53vw - 2vw);}

.pageVisual.pn5 .titlearea h2{width:49vw;}
.pageVisual.pn5 .titlearea p{width:calc(100% - 49vw - 2vw);}

.pageVisual.pn6 .titlearea h2{width:28.6vw;}
.pageVisual.pn6 .titlearea p{width:calc(100% - 28.6vw - 2vw);}

.pageVisual .pageTabs{
	position:absolute;left:50%;bottom:68px;z-index:100;
	box-sizing:border-box;
	padding:7px;
	border-radius:32px;
	background:rgba(255,255,255,0.2);
	backdrop-filter:blur(0.5);
	transform:translateX(-50%);
	display: none;
}
.pageVisual .pageTabs ul{display:flex;padding:0 30px;}
.pageVisual .pageTabs ul li{margin:0 10px;}
.pageVisual .pageTabs ul li a{
	display:flex;align-items:center;justify-content:center;
	height:50px;
	padding:0 30px;
	font-size:17px;color:#fff;text-align:center;font-weight:500;
	border-radius:32px;
}
.pageVisual .pageTabs ul li.on a{background:#000;}


.innerwrap{max-width:1480px;width:94%;margin:0 auto}
.pageTitle{padding:200px 0 130px;}
.pageTitle>div{display:flex;justify-content:space-between;align-items:center;}
.pageTitle h3{font-size:29px;color:#000;font-weight:700;}
.pageTitle ul{display:flex;}
.pageTitle ul li{
	background:url(/images/common/pl_arr.png) no-repeat right center;
	padding-right:16px;margin-right:15px;
	font-size:17px;color:#666;
}
.pageTitle ul li:first-child img{margin-right:14px;}
.pageTitle ul li:last-child{padding:0;margin:0;background:0;}

.pageTitle2{font-size:54px;color:#000;font-weight:700;line-height:1.4em;}
.pageTitle3{font-size:29px;color:#000;font-weight:700;line-height:1.4em;}

.pageIntro{padding:0 0 150px;}
.pageIntro .tit0{margin-bottom:50px;font-size:29px;color:#ff3c42;font-weight:bold;}
.pageIntro .tit{font-size:60px;color:#000;font-weight:700;line-height:1.2em;}
.pageIntro .tit span{display:block;}
.pageIntro .tit strong{font-weight:700;color:#ff3c42;}
.pageIntro .tit + p{margin-top:40px;font-size:21px;color:#333;font-weight:500;line-height:1.7em;}
.pageIntro .tit + p strong{font-weight:600;color:#ff3c42;}





/* m11 */
.m11{}
.m11 .sec1{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	padding:160px 0;
	background:#f9f9f9;
}
.m11 .sec1:before{
	display:block;content:"";
	width:100%;height:50%;
	background:url(/images/page/m11_sec1_bg.png) no-repeat;
	background-size:100% auto;
	position:absolute;left:0;bottom:0;
}
.m11 .sec1 .conwrap{display:flex;flex-direction: column; position:relative;z-index:10;}
.m11 .sec1 .conwrap h3{width:100%;}
.m11 .sec1 .conwrap ul{width:100%; margin-top: 50px;}
.m11 .sec1 .conwrap ul li{
	overflow:hidden;
	display:flex;align-items:center;flex-direction:row-reverse;
	box-sizing:border-box;
	width:100%;height:300px;
	border-radius:35px;
	margin-bottom:40px;padding:0 68px;
}
.m11 .sec1 .conwrap ul li:nth-child(1){background:#ed4d52;}
.m11 .sec1 .conwrap ul li:nth-child(2){background:#db3a59;}
.m11 .sec1 .conwrap ul li:nth-child(3){background:#4a90e2;}
.m11 .sec1 .conwrap ul li:nth-child(4){background:#61bfc2;}
.m11 .sec1 .conwrap ul li .icon{
	width:175px;
	aspect-ratio:1/1;
}
.m11 .sec1 .conwrap ul li .con{
	box-sizing:border-box;
	width:calc(100% - 175px);
	padding:0 10% 0 0;
}
.m11 .sec1 .conwrap ul li .con .tit{font-size:38px;color:#fff;font-weight:600;}
.m11 .sec1 .conwrap ul li .con .txt{margin-top:20px;font-size:21px;color:#fff;line-height:1.7em;font-weight:500;}


.m11 .sec2{
	padding:160px 0;
	background:url(/images/page/m11_sec2_bg.jpg) no-repeat right bottom;
}
.m11 .sec2 .titlearea{}
.m11 .sec2 .imgarea{position:relative;text-align:center;}
.m11 .sec2 .imgarea h4{
	font-family:"Manrope";font-size:40px;color:#000;font-weight:700;text-align:left;
	margin-top: 50px;
}
.m11 .sec2 .imgarea h4 .dot{
	display:inline-block;
	width:8px;height:8px;
	margin:0 0 0 6px;
	background:#ff3c42;
	border-radius:50%;
}
.m11 .sec2 .imgarea .imgs{
	position:relative;
	width:652px;
	margin:100px auto 0;
}
.m11 .sec2 .imgarea .imgs .img1{}
.m11 .sec2 .imgarea .imgs .img2{position:absolute;left:0;top:0;}
.m11 .sec2 .imgarea .imgs .img3{position:absolute;left:0;top:0;}
.m11 .sec2 .imgarea .imgs .pointer{
	position:absolute;left:50%;top:-4px;
	width:10px;height:10px;
	margin-left:-5px;
	background:#eb6e9a;
	border-radius:50%;
}
.m11 .sec2 .imgarea .imgs .pointer:after{
	display:block;content:"";
	width:40px;height:40px;
	background:rgba(235,110,154,0.2);
	border-radius:50%;
	position:absolute;left:50%;top:50%;
	margin:-20px 0 0 -20px;
}
.m11 .sec2 .imgarea .imgs .pointer .pilates{
	width:361px;height:63px;
	aspect-ratio:361/63;
	position:absolute;left:50%;top:50%;
	transform:translate(0,-50%);
}
.m11 .sec2 .type{display:flex;flex-direction: column;margin-top: 100px; margin-bottom:95px;}
.m11 .sec2 .type>div{
	box-sizing:border-box;
	width:100%;
	padding:40px 40px 40px 130px;
	border-top:1px solid #ccc;border-bottom:1px solid #ccc;
	font-size:29px;color:#222;line-height:1.5em;
}
.m11 .sec2 .type>div:nth-child(1){background:url(/images/page/m11_sec2_type_icon1.png) no-repeat 33px center;}
.m11 .sec2 .type>div:nth-child(2){background:url(/images/page/m11_sec2_type_icon2.png) no-repeat 33px center;}
.m11 .sec2 .type>div strong{display:block;}
.m11 .sec2 .list{margin-top:65px;}
.m11 .sec2 .list h5{font-family:"Manrope";font-size:24px;color:#ff3c42;font-weight:bold;}
.m11 .sec2 .list>ul{display:flex;flex-wrap:wrap;margin-top:45px;}
.m11 .sec2 .list>ul>li{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	width:100%;
	margin-bottom: 30px; padding:0 24px 50px;
	background:#f9f9f9;
	border-radius:15px;
}
.m11 .sec2 .list>ul>li:nth-child(3n){margin-right:0;}
.m11 .sec2 .list>ul>li .title{
	display:flex;align-items:center;
	border-bottom:1px solid #ccc;
}
.m11 .sec2 .list>ul>li .title .logoimg{width: 150px; border-right:1px solid #ccc;}
.m11 .sec2 .list>ul>li .title .rank{width: calc(100% - 150px); padding:0 32px;font-size:29px;color:#000;font-weight:600;}
.m11 .sec2 .list>ul>li .txt{padding:35px 10px 15px;}
.m11 .sec2 .list>ul>li .txt li{
	position:relative;
	padding-left:20px;margin-bottom:10px;
	font-size:19px;color:#222;line-height:1.7em;
}
.m11 .sec2 .list>ul>li .txt li strong{color:#000;}
.m11 .sec2 .list>ul>li .txt li strong.color{color:#ff3c42;}
.m11 .sec2 .list>ul>li .txt li:before{
	display:block;	content:"";
	box-sizing:border-box;
	width:8px;height:8px;
	border:2px solid #ff3c42;
	border-radius:50%;
	position:absolute;left:0;top:12px;
}
.m11 .sec2 .list>ul>li .tip{padding:0 30px;}
.m11 .sec2 .list>ul>li .tip li{
	position:relative;
	padding-left:14px;margin-bottom:10px;
	font-size:17px;color:rgba(34,34,34,0.6);
}
.m11 .sec2 .list>ul>li .tip li:before{
	display:block;content:"*";
	position:absolute;left:0;top:0;
}
.m11 .sec2 .list>ul>li .tag{
	display:flex;flex-wrap:wrap;gap:7px;
	margin-top:20px;
	padding-left: 20px;
}

.m11 .sec2 .list>ul>li .tag span{
	display:flex;align-items:center;justify-content:center;
	padding:0 25px;height:46px;
	border-radius:23px;
	font-size:17px;color:#fff;font-weight:600;text-align:center;
}
.m11 .sec2 .list>ul>li .tag span.health{background:#ff3c42;}
.m11 .sec2 .list>ul>li .tag span.pt{background:#e81d45;}
.m11 .sec2 .list>ul>li .tag span.gx{background:#4c4c4c;}
.m11 .sec2 .list>ul>li .tag span.shower{background:#2485e0;}
.m11 .sec2 .list>ul>li .tag span.pro{background:#ff3c42;}
.m11 .sec2 .list>ul>li .tag span.ex{background:#61bfc2;}
.m11 .sec2 .list>ul>li .tag span.fitness{background:#4c4c4c;}


.m11 .sec3{
	position:relative;
}
.m11 .sec3 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m11_sec3_bg.jpg) no-repeat center;
	background-size:cover;
}
.m11 .sec3 .bg video{width:100%;height:100%;object-fit:cover;}
.m11 .sec3 .title{
	position:relative;z-index:10;
	padding:190px 0 90px;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.m11 .sec3 .title h3{color:#fff;}
.m11 .sec3 .con{position:relative;z-index:10;}
.m11 .sec3 .con>div{display:flex;flex-wrap:wrap;}
.m11 .sec3 .con>div .titarea{
	box-sizing:border-box;
	width:31%;
	padding:95px 0 0;
	border-right:1px solid rgba(255,255,255,0.2);
}
.m11 .sec3 .con>div .titarea h4{
	font-family:"Manrope";font-size:40px;color:#fff;font-weight:700;text-align:left;
}
.m11 .sec3 .con>div .titarea h4 span{
	display:inline-block;
	width:8px;height:8px;
	background:#ff3c42;
	border-radius:50%;
}
.m11 .sec3 .con>div .titarea h4 + div{
	margin-top:35px;
	font-family:"Manrope";font-size:24px;color:#ed4d52;font-weight:700;
}
.m11 .sec3 .con>div .conarea{
	box-sizing:border-box;
	width:69%;
	padding:95px;
}
.m11 .sec3 .con>div .conarea h5{font-size:29px;color:#fff;font-weight:600;}
.m11 .sec3 .con>div .conarea h5 img{vertical-align:top;margin:-6px 10px 0 0;}
.m11 .sec3 .con>div .conarea p{margin:40px 0 35px;font-size:21px;color:#adb7c7;line-height:1.7em;}
.m11 .sec3 .con>div .conarea p strong{color:#fff;font-weight:400;}
.m11 .sec3 .con>div .conarea p strong.color{color:#ed4d52;}
.m11 .sec3 .con>div .conarea .tag{display:flex;gap:7px;}
.m11 .sec3 .con>div .conarea .tag span{
	display:flex;align-items:center;justify-content:center;
	padding:0 25px;height:46px;
	border-radius:23px;
	font-size:17px;color:#fff;font-weight:600;text-align:center;
}
.m11 .sec3 .con>div .conarea .tag span.health{background:#ff3c42;}
.m11 .sec3 .con>div .conarea .tag span.pt{background:#e81d45;}
.m11 .sec3 .con>div .conarea ul{margin-top:55px;}
.m11 .sec3 .con>div .conarea ul li{
	position:relative;
	padding-left:10px;
	font-size:17px;color:#d8e2f3;line-height:1.7em;opacity:0.5;
}
.m11 .sec3 .con>div .conarea ul li:before{
	display:block;content:"*";
	position:absolute;left:0;top:50%;
	transform:translateY(-50%);
}


.m11 .sec4{padding:160px 0 220px;}
.m11 .sec4 h3{font-size:29px;color:#000;font-weight:700;margin-bottom:40px;}
.m11 .sec4 .boxwrap{
	display:flex;flex-wrap:wrap;align-items:center;
	padding:100px 0;
}
.m11 .sec4 .boxwrap:last-child{padding:0;}
.m11 .sec4 .line{border-bottom:1px solid #ccc;}

.m11 .sec4 .boxwrap .txtarea{width:32.43%;}
.m11 .sec4 .boxwrap .txtarea h4{font-size:34px;color:#000;font-weight:700;line-height:1.3em;}
.m11 .sec4 .boxwrap .txtarea p{margin-top:45px;font-size:24px;color:#000;line-height:1.7em;}
.m11 .sec4 .boxwrap .txtarea p img{vertical-align:top;margin-top:7px;}
.m11 .sec4 .boxwrap .txtarea p img.pilates{margin:5px 5px 0 0;}
.m11 .sec4 .boxwrap .txtarea ul{margin-top:50px;}
.m11 .sec4 .boxwrap .txtarea ul li{
	position:relative;
	padding-left:20px;margin-bottom:10px;
	font-size:23px;color:#222;
}
.m11 .sec4 .boxwrap .txtarea ul li:last-child{margin:0;}
.m11 .sec4 .boxwrap .txtarea ul li:before{
	display:block;content:"";
	width:10px;height:10px;
	box-sizing:border-box;
	border:3px solid #ff3c42;border-radius:50%;
	position:absolute;left:0;top:6px;
}
.m11 .sec4 .boxwrap .imgarea{
	display:flex;align-items:center;justify-content:flex-end;
	width:67.57%;
}
.m11 .sec4 .boxwrap .imgarea .img{
	margin-right:-26px;
}
.m11 .sec4 .boxwrap .imgarea .img.last{margin:0;}
.m11 .sec4 .boxwrap .imgarea .txt{
	margin:0 15px;
	font-size:21px;color:#000;font-weight:700;text-align:center;
}
.m11 .sec4 .boxwrap .imgarea .txt img{margin-top:10px;}
.m11 .sec4 .boxwrap .imgarea .big{}
.m11 .sec4 .boxwrap .imgarea .set{
	display:flex;align-items:center;
	padding:40px 35px 40px 80px;
	margin-left:-80px;
	background:url(/images/page/m11_sec1_set_bg.png) no-repeat right top;
	background-size:cover;
}


.m11 .sec4 h2{
	font-size: 56px;
	font-weight: 700;
	color: #000;
}
.m11 .sec4 .type_table{
	width: 100%;
	margin: 100px 0 50px;
}
.m11 .sec4 .type_table table{
	width: 100%;
	border-collapse: collapse;
}
.m11 .sec4 .type_table table th{
	width: 20%;
	text-align: center;
	padding-bottom: 40px;
}
.m11 .sec4 .type_table table th span{
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: #000;
}
.m11 .sec4 .type_table table th .logo{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 92%;
	height: 64px;
	border-radius: 64px;
	padding: 0 10px;
	background: #000;
	margin:30px auto 0;
}
.m11 .sec4 .type_table table th:nth-child(3) .logo{background: #ED4C52;}
.m11 .sec4 .type_table table th:nth-child(4) .logo{background: #7CCBCF;}
.m11 .sec4 .type_table table th:nth-child(5) .logo{background: #E50050;}
.m11 .sec4 .type_table table td{
	width: 20%;
	height: 100px;
	padding: 15px 0;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	color: #222;
	border-bottom: 1px solid #ccc;
}
.m11 .sec4 .type_table table td.tit{
	border: none;
	padding: 0;
}
.m11 .sec4 .type_table table td.tit > div{
	width: 90%;
	height: 100%;
	background: rgba(0,0,0,0.05);
	display: flex;
	justify-content: center;
	align-items: center;
}
.m11 .sec4 .type_table table td.exp{
	
}
.m11 .sec4 .type_table table td.exp > div{
	background: rgba(0,0,0,0.03);
	width: 100%;
	height: 100%;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m11 .sec4 .type_table table tr:nth-child(2) td.tit > div{
	border-radius: 12px 12px 0 0;
}
.m11 .sec4 .type_table table tr:last-child td.tit > div{
	border-radius: 0 0 12px 12px;
}
.m11 .sec4 .type_table table tr:last-child td{
	border-bottom: none;
}

.m11 .sec4>div>.pilates{
	width: 100%;
	padding: 60px;
	border-radius: 20px;
	border: 1px solid #ccc;
	margin-bottom: 200px;
}
.m11 .sec4 .pilates .txtwrap{}
.m11 .sec4 .pilates .txtwrap .logo{
	width: 235px;
	height: 63px;
	border-radius: 63px;
	background: #E95A8F;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m11 .sec4 .pilates .txtwrap .txts{margin-top: 40px;}
.m11 .sec4 .pilates .txtwrap .txts .txt1{
	font-size: 40px;
	font-weight: 600;
	color: #000;
}
.m11 .sec4 .pilates .txtwrap .txts .txt2{
	font-size: 32px;
	font-weight: 500;
	margin: 15px 0 30px;
}
.m11 .sec4 .pilates .txtwrap .txts .txt3{
	font-size: 20px;
	font-weight: 500;
	color: #FF3C42;
}
.m11 .sec4 .pilates .logowrap{
	margin-top:40px;
	text-align:center;
}





/* m12 */
.m12{}
.m12 .pageIntro{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m12 .pageIntro .txtarea{position:relative;width:40.67%;}
.m12 .pageIntro .txtarea .img1{
	overflow:hidden;border-radius:15px;
	position:absolute;left:0;bottom:0;
}
.m12 .pageIntro .txtarea .img1 img{width:100%;object-fit:cover;}
.m12 .pageIntro .img2{overflow:hidden;width:50%;border-radius:15px;}
.m12 .pageIntro .img2 img{width:100%;object-fit:cover;}


.textBg{position:relative;width:100%;padding:0 0 30vh;}
.textBg .txt{
	position:absolute;left:0%;top:0;display:flex;white-space:nowrap;
	font-family:"Manrope";font-size:10.5vw;font-weight:700;line-height:1em;
	color:#000;
}
@keyframes textScroll {
	0%{
		transform: translate(0, 0);
	}
	100%{
		transform: translate(-50%, 0);
	}
}


.m12 .sec1{	
	position:relative;
	margin-bottom:-50px;
	text-align:center;
}
.m12 .sec1 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m12_sec1_bg.jpg) no-repeat;
	background-size:cover;
}
.m12 .sec1 .bg video{width:100%;height:100%;object-fit:cover;}
.m12 .sec1 .conwrap{
	overflow:hidden;
	position:relative;z-index:10;
	max-width:1760px;
	margin:0 auto;
	padding:190px 0 30vh;
}
.m12 .sec1 .conwrap .titlearea{}
.m12 .sec1 .conwrap .titlearea h3{font-size:39px;color:#fff;font-weight:bold;}
.m12 .sec1 .conwrap .titlearea .date{margin-top:10px;font-size:17px;color:rgba(255,255,255,0.6);}
.m12 .sec1 .conwrap .innerBg{}
.m12 .sec1 .conwrap .innerBg .circle1{
	position:absolute;left:50%;top:50%;
	width:48.8%;
	aspect-ratio:1/1;
	transform:translate(-50%,-50%);
	border:1px dashed rgba(255,255,255,0.4);border-radius:50%;
}
.m12 .sec1 .conwrap .innerBg .circle2{
	position:absolute;left:50%;top:50%;
	width:100%;
	aspect-ratio:1/1;
	transform:translate(-50%,-50%);
	border:1px dashed rgba(255,255,255,0.5);border-radius:50%;
}
.m12 .sec1 .conwrap ul{display:flex;flex-wrap:wrap;justify-content:center;margin-top:25px;}
.m12 .sec1 .conwrap ul li{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	max-width:406px;width:36%;aspect-ratio:1/1;
	border:1px solid rgba(255,255,255,0.3);
	border-radius:50%;
}
.m12 .sec1 .conwrap ul li .icon{display:flex;align-items:center;justify-content:center;height:31px;}
.m12 .sec1 .conwrap ul li .num{margin:35px 0 20px;font-family:"Manrope";font-size:4.2vw;font-weight:600;color:#fff;line-height:1em;}
.m12 .sec1 .conwrap ul li .txt{font-size:17px;color:rgba(255,255,255,0.6);line-height:1.8em;}




@media(max-width:1120px){
	.m12 .pageIntro{display:block;}
	.m12 .pageIntro .txtarea{width:100%;}
	.m12 .pageIntro .txtarea .img1{position:static;margin-top:40px;}
	.m12 .pageIntro .img2{width:100%;margin-top:20px;}
}





/* m13 */
.m13{}
.m13 .sec1{position:relative;padding:0 0 180px;}
.m13 .sec1 .bg{
	position:absolute;right:0;bottom:0;
	width:60%;
	aspect-ratio:1287/530;
	background:url(/images/page/m13_sec1_bg1.png) no-repeat;
	background-size:100% auto;
}
.m13 .sec1 .conwrap{}
.m13 .sec1 .conwrap .slg{
	overflow:hidden;
	display:flex;align-items:center;
	box-sizing:border-box;
	position:relative;
	width:100%;height:540px;
	padding:0 80px;
	background:#f9f9f9;
	border-radius:12px;
}
.m13 .sec1 .conwrap .slg .slgBg{
	width:100%;
	aspect-ratio:1480/379;
	position:absolute;left:0;bottom:0;
	background:url(/images/page/m13_sec1_bg2.png) no-repeat;
	background-size:100% auto;
}
.m13 .sec1 .conwrap .slg .pht{position:absolute;right:5%;bottom:0;}
.m13 .sec1 .conwrap .slg .txt{
	box-sizing:border-box;
	position:relative;z-index:10;
	padding-right:00px;
	font-size:50px;color:#111;font-weight:700;line-height:1.4em;
}
.m13 .sec1 .conwrap .msg{padding:125px 0 0;}
.m13 .sec1 .conwrap .msg p{
	margin-bottom:30px;
	font-size:17px;color:#000;line-height:1.7em;
}
.m13 .sec1 .conwrap .msg p img{margin-left:10px;}
.m13 .sec1 .conwrap .msg p:last-child{margin:0;}

.m13 .sec2{margin-bottom:-50px;padding:190px 0 240px;background:#f9f9f9;}
.m13 .sec2 .conwrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin-top:60px;
}
.m13 .sec2 .conwrap .imgarea{width:45.94%;}
.m13 .sec2 .conwrap .line{width:1px;background:rgba(0,0,0,0.2);}
.m13 .sec2 .conwrap .conarea{width:45.94%;}
.m13 .sec2 .conwrap .conarea ul{display:flex;flex-wrap:wrap;align-content:space-between;gap:30px;height:100%;}
.m13 .sec2 .conwrap .conarea ul li{
	box-sizing:border-box;
	display:flex;align-items:center;
	width:100%;
	padding:48px 60px;
	background:#fff;
	border-radius:10px;
}
.m13 .sec2 .conwrap .conarea ul li .num{
	display:flex;align-items:center;justify-content:center;
	width:60px;height:60px;
	border-radius:10px;
	background:#000;
	font-size:17px;color:#fff;text-align:center;
}
.m13 .sec2 .conwrap .conarea ul li .txt{
	position:relative;
	box-sizing:border-box;
	width:calc(100% - 60px - 30px);
	padding:0 0 0 40px;margin-left:30px;
	font-size:17px;color:#000;line-height:1.7em;
}
.m13 .sec2 .conwrap .conarea ul li .txt:before{
	display:block;content:"";
	width:1px;height:60px;
	background:rgba(0,0,0,0.2);
	position:absolute;left:0;top:50%;
	margin-top:-30px;
}


@media(max-width:1060px){

	.m13 .sec2 .conwrap{display:block;}
	.m13 .sec2 .conwrap .imgarea{width:100%;text-align:center;}
	.m13 .sec2 .conwrap .conarea{max-width:680px;width:100%;margin:20px auto 0;}
	.m13 .sec2 .conwrap .conarea ul{width:100%;}

}


.m13 .sec3{
	padding: 200px 0 150px;
}
.m13 .sec3 .tablewrap{
	width: 100%;
	margin-top: 60px;
}
.m13 .sec3 .tablewrap table{
	width: 100%;
	border-collapse: collapse;
}

.m13 .sec3 .tablewrap table td{
	padding: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.m13 .sec3 .tablewrap table td.tit{
	width: calc(100% - 170px);
}
.m13 .sec3 .tablewrap table td.tit a{
	font-size: 20px;
	font-weight: 500;
	color: #000;
}
.m13 .sec3 .tablewrap table td.date{
	width: 170px;
	font-size: 18px;
	color: rgba(0,0,0,0.6);
}





/* m14 */
.m14{}
.m14 .history{position:relative;margin-top:100px;padding:0 0 240px;}
.m14 .history .lnb{
	position:absolute;left:0;top:0;z-index:100;
	padding:0 3%;
}
.m14 .history .lnb ul{}
.m14 .history .lnb ul li{
	margin-bottom:48px;
}
.m14 .history .lnb ul li a{
	box-sizing:border-box;
	display:flex;align-items:center;
	width:120px;height:49px;
	padding:0 23px;
	font-size:17px;color:#bbb;font-weight:600;
	border-radius:50px;
}
.m14 .history .lnb ul li span{display:block;padding:0 23px;font-size:14px;color:#bbb;}
.m14 .history .lnb ul li.on a{background:#1f1f1f;color:#fff;}
.m14 .history .lnb ul li.on span{margin-top:15px;color:#000;font-weight:500;}
.m14 .history .boxwrap{}
.m14 .history .boxwrap .title{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:420px;
	border-radius:12px;
}
.m14 .history .boxwrap .title .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m14 .history .boxwrap.b1 .title .bg{
	background:url(/images/page/m14_b1_bg.jpg) no-repeat;
	background-size:cover;
}
.m14 .history .boxwrap.b2 .title .bg{
	background:url(/images/page/m14_b2_bg.jpg) no-repeat;
	background-size:cover;
}
.m14 .history .boxwrap.b3 .title .bg{
	background:url(/images/page/m14_b3_bg.jpg) no-repeat;
	background-size:cover;
}
.m14 .history .boxwrap .title .tit{
	position:relative;z-index:10;
	font-size:66px;color:#fff;font-weight:bold;text-align:center;
}
.m14 .history .boxwrap .conwrap{}
.m14 .history .boxwrap .conwrap .con{
	display:flex;flex-wrap:wrap;
	padding:90px 0;
	border-bottom:1px solid #ccc;
}
.m14 .history .boxwrap .conwrap .con:last-child{border:0;}
.m14 .history .boxwrap .conwrap .con .year{
	width:47.3%;
	font-family:"Manrope";font-size:7vw;color:#000;font-weight:700;line-height:1em;letter-spacing:-0.025em;
}
.m14 .history .boxwrap .conwrap .con .lists{width:52.7%;}
.m14 .history .boxwrap .conwrap .con .lists dl{display:flex;margin-bottom:35px;}
.m14 .history .boxwrap .conwrap .con .lists dl dt{width:95px;font-size:17px;color:#000;font-weight:600;}
.m14 .history .boxwrap .conwrap .con .lists dl dd{width:calc(100% - 95px);font-size:17px;color:#000;}
.m14 .history .boxwrap .conwrap .con .lists dl dd a{
	display:inline-block;
	padding-right:27px;
	background:url(/images/page/icon_link.png) no-repeat right 3px;
	font-size:17px;color:#000;
}

.m14 .imgPop{
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 5000;
	box-sizing: border-box;
	transform: translate(-50%, -50%);
}
.m14 .imgPop .btnClose{
	position: absolute;
	left: calc(100% + 10px);
	top: 0;
	width: 24px;
	height: 24px;
}
.m14 .imgPop > img{
	border-radius: 12px;
	max-width: 1080px;
	max-height: 70vh;
}





/* paging */
.paging{
	margin-top:80px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:50px;height:50px;
	border-radius:50%;
	background:#fff;
	font-family:"pretendard";color:#666;font-size:18px;line-height:50px;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:50px;height:50px;
	border-radius:50%;
	background:#ff3c42;
	font-family:"pretendard";color:#fff;font-size:18px;line-height:50px;font-weight:400;
}
.paging .page_begin{
	width:40px;height:50px;
	background:url(/images/common/page_begin.png) no-repeat center center;
	border:0;
}
.paging .page_prev{
	width:40px;height:50px;
	background:url(/images/common/page_prev.png) no-repeat center center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:40px;height:50px;
	background:url(/images/common/page_next.png) no-repeat center center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:40px;height:50px;
	background:url(/images/common/page_end.png) no-repeat center center;
	border:0;
}





/* m21 */
.m21{padding-bottom:220px;}
.m21 .sec1{}
.m21 .sec1{position:relative;height:calc(100vh - 108px);}
.m21 .sec1 .mapWrap{position:relative;width:100%;height:100%;}
.m21 .sec1 .mapWrap .mapArea{width:100% !important;height:100%;}
.m21 .sec1 .mapWrap .mapArea .wrap_map{width:100%;height:100% !important;}
.m21 .sec1 .mapFormWrap{display:none;}


.m21 .sec1_mobile{position:relative;z-index:100;}
.m21 .sec1_mobile .mapFormWrap{
	width:100%;
	background:#fff;
	padding:30px 0;
	border-radius:15px;
}
.m21 .sec1_mobile .mapFormWrap form{height:100%;}
.m21 .sec1_mobile .mapFormWrap .conwrap{display:flex;flex-wrap:wrap;width:100%;height:100%;}
.m21 .sec1_mobile .mapFormWrap .conwrap .searchStore{
	display:flex;align-items:center;justify-content:space-between;
	box-sizing:border-box;width:100%;margin:0 28px;
	background:#f5f5f5;
	border-radius:30px;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .searchStore input{
	box-sizing:border-box;
	width:calc(100% - 60px);height:60px;
	padding:0 28px;	
	border:0;outline:0;background:0;
	font-size:19px;color:#222;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .searchStore input::placeholder{color:#222;font-weight:700;}
.m21 .sec1_mobile .mapFormWrap .conwrap .searchStore button{
	width:60px;height:60px;
	background:0;outline:0;border:0;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort{box-sizing:border-box;width:100%;padding:30px 30px;}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList{position: relative;z-index:100;}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBtn{
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background:#fff url(/images/page/sel_arr2.png) no-repeat calc(100% - 20px) center;
	border:1px solid #d7d7d7;border-radius:10px;
	font-size:17px;color:#222;
	cursor: pointer;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBtn.on{
	background:#fff url(/images/page/sel_arr2_on.png) no-repeat calc(100% - 20px) center;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBox{
	position: absolute;
	left: 0;
	top: calc(100% + 5px);
	width: 100%;
	padding: 30px 20px;
	border-radius: 12px;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 100;
	display: none;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBox ul{
	display: flex;
	flex-wrap: wrap;
	row-gap: 18px;
	width:100%;height:300px;
	overflow-y:auto;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBox li{width: 50%;}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBox li input[type="checkbox"]{
	opacity: 0;
	width: 0.0001px;
	height: 0.0001px;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBox li input[type="checkbox"] + label{
	position: relative;
	padding-left: 25px;
	font-size: 15px;
	color: #000;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBox li input[type="checkbox"] + label img{
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: text-top;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBox li input[type="checkbox"] + label:before{
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .optionList .optionBox li input[type="checkbox"]:checked + label:before{
	background: url(/images/page/m21_check_icon.png) no-repeat center / contain;
	border: none;
}

.m21 .sec1_mobile .mapFormWrap .conwrap .sort select{
	box-sizing:border-box;
	width:100%;height:60px;
	padding:0 20px;margin-top:10px;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 20px) center;
	border:1px solid #d7d7d7;border-radius:10px;
	outline:0;
	font-size:17px;color:#222;	
	appearance: none;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort>select{width:100%;}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .sortList{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2%;}
.m21 .sec1_mobile .mapFormWrap .conwrap .sort .sortList select{width:32%;}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap{
	overflow:hidden;
	box-sizing:border-box;
	width:100%;
	padding:0 30px;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap::-webkit-scrollbar{width: 12px;}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px;
}

.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap::-webkit-scrollbar-thumb:hover{background: #555;}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .toparea{display:flex;align-items:center;justify-content:space-between;}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .toparea .total{font-size:17px;color:#222;}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .toparea .total span{font-weight:600;color:#ff3c42;}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .toparea .info{font-size:17px;color:#222;}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .toparea .info img{vertical-align:top;}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .lists{margin-top:10px;border-top:1px solid #d7d7d7;}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .lists ul{}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .lists ul li{
	position:relative;
	padding:35px 0;
	border-bottom:1px solid #d7d7d7;
	cursor:pointer;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .lists ul li .store{
	margin-bottom:20px;
	font-size:23px;color:#222;font-weight:bold;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .lists ul li .addr{
	margin-bottom:10px;
	padding-left:20px;
	font-size:17px;color:#222;
	background:url(/images/page/icon_addr.png) no-repeat left top;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .lists ul li .tel{
	padding-left:20px;
	font-size:17px;color:#222;
	background:url(/images/page/icon_tel.png) no-repeat left top;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .lists ul li a{
	display:inline-flex;align-items:center;justify-content:center;
	padding:0 20px;height:40px;margin:20px 0 0;
	font-size:12px;color:#fff;font-weight:600;
	border:1px solid #ff3c42;background:#ff3c42;border-radius:60px;
}
.m21 .sec1_mobile .mapFormWrap .conwrap .listWrap .lists ul li .dist{
	margin:20px 0 0;
	font-size:17px;color:#666;
}
.m21 .sec1 .mapInfoLayer{
	overflow:hidden;
	position:fixed;left:50%;top:50%;z-index:1500;
	transform:translate(-50%,-50%);
	width:500px;
	border-radius:12px;
	background:#fdfdfd;
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
}
.m21 .sec1 .mapInfoLayer ul{}
.m21 .sec1 .mapInfoLayer ul li{display:none;position:relative;}
.m21 .sec1 .mapInfoLayer ul li .btnClose{position:absolute;right:30px;top:30px;z-index:10;cursor:pointer;}
.m21 .sec1 .mapInfoLayer ul li .storeImg{
	overflow:hidden;
	position:relative; 
	width:100%;aspect-ratio:500/230;
}
.m21 .sec1 .mapInfoLayer ul li .storeImg img{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	object-fit:cover;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo{
	overflow:hidden;overflow-y:auto;
	box-sizing:border-box;
	height:36vh;
	padding:34px;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .area{font-size:23px;color:#000;font-weight:bold;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .btns{display:flex;justify-content:space-between;margin:25px 0;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .btns a{
	display:flex;align-items:center;justify-content:center;
	width:49%;height:56px;
	border-radius:12px;
	font-size:17px;color:#000;text-align:center;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .btns a:nth-child(2){background:#ededed;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .btns a:nth-child(1){background:#000;color:#fff;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact{
	border-top:1px solid rgba(0,0,0,0.2);
	padding:25px 0 30px;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl{
	display:flex;flex-wrap:wrap;
	margin-bottom:10px;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl:last-child{margin:0;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl dt{
	box-sizing:border-box;
	width:100px;
	padding-left:26px;
	font-size:17px;color:#000;font-weight:500;line-height:150%;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl dd{
	width:calc(100% - 100px);
	font-size:17px;color:#000;font-weight:400;line-height:150%;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.addr{
	background:url(/images/page/m21_icon1.png) no-repeat 3px 3px;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.tel{
	background:url(/images/page/m21_icon2.png) no-repeat 2px 4px;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness{
	display:none;
	background:url(/images/page/m21_icon3.png) no-repeat left 2px;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div{}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div .state{font-size:17px;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div .gauge{
	overflow:hidden;
	position:relative;
	margin-top:14px;
	width:100%;height:8px;
	border-radius:30px;
	background:#f9f9f9;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div .gauge .bar{
	position:absolute;left:0;top:0;
	height:100%;
	border-radius:30px;
}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div.c1 .state{color:#07B2C5;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div.c1 .gauge .bar{width:24%;background:#07B2C5;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div.c2 .state{color:#70C507;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div.c2 .gauge .bar{width:43%;background:#70C507;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div.c3 .state{color:#FF751F;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div.c3 .gauge .bar{width:63%;background:#FF751F;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div.c4 .state{color:#FF3C42;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .contact dl.crowdedness dd>div.c4 .gauge .bar{width:79%;background:#FF3C42;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .tag{display:flex;flex-wrap:wrap;gap:6px;display:none;}
.m21 .sec1 .mapInfoLayer ul li .storeInfo .tag span{
	display:flex;align-items:center;justify-content:center;
	height:40px;
	padding:0 15px;
	border:1px solid #cecece;border-radius:100px;
	font-size:15px;color:#000;text-align:center;
}
.dim{
	display:none;
	position:fixed;left:0;top:0;z-index:1000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
}




/* m21_view */
.m21_view{}
.m21_view .store_info{}
.m21_view .store_info .infowrap{
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.m21_view .store_info .infowrap .titwrap{
	width: calc(100% - 00px);
	padding:0 0 40px 0;margin-bottom:40px;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m21_view .store_info .infowrap .titwrap .tits{}
.m21_view .store_info .infowrap .titwrap .tits strong{
	font-size: 60px;
	font-weight: 700;
	line-height: 1.3em;
}
.m21_view .store_info .infowrap .titwrap .tits strong .place{color: #FF3C42;}
.m21_view .store_info .infowrap .titwrap .tits strong .type_icon{display: inline-block;}
.m21_view .store_info .infowrap .titwrap .slg{
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5em;
}
.m21_view .store_info .infowrap .txtwrap{
	width:100%;
	padding: 60px 0;
	padding-top: 0;
}
.m21_view .store_info .infowrap .txtwrap .sns{
	margin-bottom: 30px;
}
.m21_view .store_info .infowrap .txtwrap .sns .tit{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}
.m21_view .store_info .infowrap .txtwrap .sns ul{
	display: flex;
	gap: 10px;
}
.m21_view .store_info .infowrap .txtwrap .sns li{
	width: 34px;
	height: 34px;
}
.m21_view .store_info .infowrap .txtwrap .info{
	
}
.m21_view .store_info .infowrap .txtwrap .info > div{
	display: flex;
}
.m21_view .store_info .infowrap .txtwrap .info > div + div{margin-top: 10px;}
.m21_view .store_info .infowrap .txtwrap .info > div .icon{
	flex-shrink: 0;
	width: 25px;
}
.m21_view .store_info .infowrap .txtwrap .info > div > dl{
	display: flex;
}
.m21_view .store_info .infowrap .txtwrap .info > div > dl > dt{
	font-size: 18px;
	font-weight: 700;
	flex-shrink: 0;
	margin-right: 5px;
}
.m21_view .store_info .infowrap .txtwrap .info > div > dl > dd{
	font-size:18px;
	color: #222;
}
.m21_view .store_info .infowrap .txtwrap .info > div .time{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.m21_view .store_info .infowrap .txtwrap .info > div .time dl{
	display: flex;
}
.m21_view .store_info .infowrap .txtwrap .info > div .time dl dt{
	font-size: 18px;
	font-weight: 700;
	margin-right: 5px;
	white-space: nowrap;
}
.m21_view .store_info .infowrap .txtwrap .info > div .time dl dd{
	font-size:18px;
	color: #222;
	white-space: nowrap;
}
.m21_view .store_info .infowrap .txtwrap .time_table{
	width: 100%;
	margin-top: 30px;
}
.m21_view .store_info .infowrap .txtwrap .time_table table{
	width: 100%;
	border-collapse: collapse;
}
.m21_view .store_info .infowrap .txtwrap .time_table table th{
	border: 1px solid #ccc;
	font-size: 18px;
	background: #F9F9F9;
	padding: 20px 0;
}
.m21_view .store_info .infowrap .txtwrap .time_table table td{
	border: 1px solid #ccc;
	font-size: 18px;
	padding: 20px 0;
	text-align: center;
}

.m21_view .brnachIntro{
	padding:50px 60px;
	margin:100px 0;
	border:1px solid #ccc;border-radius:12px;
}
.m21_view .brnachIntro .con_tit{font-size:29px;color:#000;font-weight:700;}
.m21_view .brnachIntro ol{margin:40px 0 0;}
.m21_view .brnachIntro ol li{
	position:relative;
	margin-bottom:10px;padding-left:38px;
	font-size:17px;color:#222;line-height:150%;
}
.m21_view .brnachIntro ol li:before{
	display:flex;align-items:center;justify-content:center;
	width:22px;height:22px;
	background:#ff3c42;
	border-radius:50%;
	font-size:13px;color:#fff;font-weight:500;
	position:absolute;left:0;top:0;
}
.m21_view .brnachIntro ol li:nth-child(1):before{content:"1";}
.m21_view .brnachIntro ol li:nth-child(2):before{content:"2";}
.m21_view .brnachIntro ol li:nth-child(3):before{content:"3";}
.m21_view .brnachIntro ol li:nth-child(4):before{content:"4";}
.m21_view .brnachIntro ol li:nth-child(5):before{content:"5";}
.m21_view .brnachIntro ol li:nth-child(6):before{content:"6";}
.m21_view .brnachIntro ol li:nth-child(7):before{content:"7";}
.m21_view .brnachIntro ol li:nth-child(8):before{content:"8";}
.m21_view .brnachIntro ol li:nth-child(9):before{content:"9";}
.m21_view .brnachIntro ol li:nth-child(10):before{content:"10";}
.m21_view .brnachIntro ol li:nth-child(11):before{content:"11";}
.m21_view .brnachIntro ol li:nth-child(12):before{content:"12";}
.m21_view .brnachIntro ol li:nth-child(13):before{content:"13";}
.m21_view .brnachIntro ol li:nth-child(14):before{content:"14";}
.m21_view .brnachIntro ol li:nth-child(15):before{content:"15";}
.m21_view .brnachIntro ol li:nth-child(16):before{content:"16";}
.m21_view .brnachIntro ol li:nth-child(17):before{content:"17";}
.m21_view .brnachIntro ol li:nth-child(18):before{content:"18";}
.m21_view .brnachIntro ol li:nth-child(19):before{content:"19";}
.m21_view .brnachIntro ol li:nth-child(20):before{content:"20";}

.m21_view .store_info .gallery{padding:0 0 120px 0;}
.m21_view .store_info .gallery .mainSwiper{
	width: 100%;
	position: relative;
	border-radius: 36px;
	overflow: hidden;
}
.m21_view .store_info .gallery .mainSwiper .swiper-slide{position:relative;aspect-ratio: 1470 / 720;}
.m21_view .store_info .gallery .mainSwiper .swiper-slide img{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:100%;height:100%;
	object-fit:cover;
}
.m21_view .store_info .gallery .mainSwiper .link{
	position: absolute;
	right: 40px;
	bottom: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 240px;
	height: 45px;
	border-radius: 45px;
	background: #000;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	z-index: 10;
}
.m21_view .store_info .gallery .mainSwiper .link img{
	height:24px;
	aspect-ratio: unset;
	margin-right: 10px;
}
.m21_view .store_info .gallery .thumbarea{
	position: relative;
	margin-top: 50px;
	padding: 0 45px;
}
.m21_view .store_info .gallery .thumbarea .thumbSwiper{
}
.m21_view .store_info .gallery .thumbarea .thumbSwiper img{
	position:absolute;left:50%;top:50%;
	width:100%;
	height: 100%;
	object-fit:cover;
	transform:translate(-50%,-50%);
}
.m21_view .store_info .gallery .thumbarea .thumbSwiper .swiper-slide{
	position: relative;
	aspect-ratio: 190 / 126;
	border-radius: 8px;
	overflow: hidden;
}
.m21_view .store_info .gallery .thumbarea .thumbSwiper .swiper-slide-thumb-active{
	border: 2px solid #FF3C42;
}
.m21_view .store_info .gallery .thumbarea .thumbSwiper .swiper-slide:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6);
}
.m21_view .store_info .gallery .thumbarea .thumbSwiper .swiper-slide-thumb-active:after{
	display: none;
}
.m21_view .store_info .gallery .thumbarea .swiper-button-prev{
	left: 0;
	background: url(/images/page/m21_view_gall_prev.png) no-repeat center / contain;
	width: 16px;
	height:15px;
	margin: 0;
	transform: translateY(-50%);
}
.m21_view .store_info .gallery .thumbarea .swiper-button-next{
	right: 0;
	background: url(/images/page/m21_view_gall_next.png) no-repeat center / contain;
	width: 16px;
	height:15px;
	margin: 0;
	transform: translateY(-50%);
}

.m21_view .con + .con{
	margin-top: 140px;
}
.m21_view .con .con_tit{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 25px;
}
.m21_view .con .con_tit span{
	font-size: 16px;
	color: #666;
	margin-left: 10px;
}
.m21_view .con .con_tit .bar{
	display: inline-block;
	width: 2px;
	height: 20px;
	background: #ccc;
	margin: 0 10px;
	vertical-align: baseline;
}
.m21_view .con .img img{width:100%;}
.m21_view .con_btnwrap{
	margin-top: 60px;
	text-align: center;
}
.m21_view .con_btnwrap a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 160px;
	height: 56px;
	border-radius: 56px;
	background: #000;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.m21_view .con_btnwrap a img {
	margin-left: 10px;
}


.m21_view .con.amenity{
	padding-top: 100px;
	border-top: 1px solid #ccc;
}
.m21_view .con.amenity .amenity_list{
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
	row-gap: 40px;
	text-align: center;
}
.m21_view .con.amenity .amenity_list li{
	width: calc((100% - (40px * 10)) / 11);
}
.m21_view .con.amenity .amenity_list li .icon{
	width: 100%;
	aspect-ratio: 1;
	background: #F9F9F9;
	border-radius: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m21_view .con.amenity .amenity_list li .name{
	margin-top: 10px;
	font-size: 18px;
	color: #555;
}


.m21_view .titlearea{text-align:center; margin-bottom: 100px;}
.m21_view .titlearea h4{display:inline-block;position:relative;font-size:54px;color:#000;font-weight:700;}
.m21_view .titlearea h4:before{
	display:block;content:"";
	position:absolute;
}
.m21_view .titlearea h4 + p{margin-top:35px;font-size:30px;color:#000;font-weight:600;}

.m21_view .titlearea h4.price:before{
	width:262px;height:121px;aspect-ratio:262/121;
	left:-12%;bottom:calc(100%);
	background:url(/images/page/m21_view_title_price.png) no-repeat;
	background-size:cover;
}
.m21_view .titlearea h4.trainer:before{
	width:294px;height:123px;aspect-ratio:294/123;
	left:-23%;bottom:calc(100% - 15px);
	background:url(/images/page/m21_view_title_bg3.png) no-repeat;
	background-size:cover;
}
.m21_view .titlearea h4.variety:before {
	width: 318px;
	height: 132px;
	aspect-ratio: 318 / 132;
	left: -12%;
	bottom: calc(100%);
	background: url(/images/page/m21_view_title_variety.png) no-repeat;
	background-size: cover;
}


.m21_view .sec.price{padding: 350px 0 0;}
.m21_view .sec.price .con.prom{padding: 0;}
.m21_view .sec.price .con.prom .exp{padding: 40px 0;}

.m21_view .sec.price .con.use_fee{}
.m21_view .sec.price .con.use_fee .tablewrap{width: 100%;}



/* 테이블 공통 */
.m21_view .con table{
	width: 100%;
	border-collapse: collapse;
}
.m21_view .con table th{
	padding: 15px 5px;
	border: 1px solid #ccc;
	background: #f9f9f9;
	font-size: 20px;
	font-weight: 500;
}
.m21_view .con table td{
	padding: 15px 5px;
	border: 1px solid #ccc;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
.m21_view .con table td.tit{
	background: #f9f9f9;
}
.m21_view .con table td.tit span{
	font-size: 18px;
	font-weight: 400;
	color: #666;
}
.m21_view .con table td.txtbox{
	text-align: left;
	font-weight: 400;
	padding: 40px;
	line-height: 1.6em;
}
.m21_view .con table td.txtbox.ct{
	text-align: center;
}
.m21_view .con table td.txtbox a{
	display:inline-flex;align-items:center;justify-content:center;
	padding:0 30px;height:43px;
	margin-top:30px;
	background:#666;
	border-radius:50px;
	font-size:17px;color:#fff;
}



.m21_view .sec.variety{padding: 350px 0 0;}



.m21_view .sec5{padding:350px 0 0;}
.m21_view .sec5 .trainerList_mobile{display:none;}
.m21_view .sec5 .trainerList{display:block;margin:75px 0 0;}
.m21_view .sec5 .trainerList ul{display:flex;flex-wrap:wrap;}
.m21_view .sec5 .trainerList ul li{
	width:49%;
	margin:0 2% 80px 0;
}
.m21_view .sec5 .trainerList ul li:nth-child(2n){margin:0;}
.m21_view .sec5 .trainerList ul li a{display:block;}
.m21_view .sec5 .trainerList ul li .trainer{
	position:relative;
	background:#f9f9f9;
	border-radius:15px;
	transition:all 0.4s;
}
.m21_view .sec5 .trainerList ul li .trainer .bg{
	position:absolute;left:0;bottom:0;
	width:100%;height:100%;
	background:url(/images/page/m21_view_trainer_bg1.png) no-repeat;
	background-size:cover;
	transition:all 0.4s;
}
.m21_view .sec5 .trainerList ul li .trainer .pht{position:relative;z-index:10;}
.m21_view .sec5 .trainerList ul li .trainer .pht img{width:100%;}
.m21_view .sec5 .trainerList ul li .trainer .txts{
	box-sizing:border-box;
	position:absolute;left:0;top:0;z-index:10;
	width:50%;
	padding:45px 0 0 8%;
}
.m21_view .sec5 .trainerList ul li .name{margin:30px 0 0;font-size:19px;color:#555;font-weight:500;transition:all 0.4s;}
.m21_view .sec5 .trainerList ul li .name span{
	position:relative;font-size:25px;font-weight:700;color:#000;
	margin-right:10px;padding-right:15px;
}
.m21_view .sec5 .trainerList ul li .name span:after{
	display:block;content:"";
	width:1px;height:18px;
	background:#ccc;
	position:absolute;right:0;top:7px;
}
.m21_view .sec5 .trainerList ul li .trainer .txts .msg{
	margin-top:40px;font-size:2.8vw;color:#000;font-weight:700;line-height:1.4em;
	transition:all 0.4s;
}

.m21_view .sec5 .trainerList ul li:hover .trainer{background:#e8373c;}
.m21_view .sec5 .trainerList ul li:hover .trainer .bg{
	background:url(/images/page/m21_view_trainer_bg2.png) no-repeat;background-size:cover;
}
.m21_view .sec5 .trainerList ul li:hover .trainer .txts .name{color:#fff;}
.m21_view .sec5 .trainerList ul li:hover .trainer .txts .msg{color:#fff;}

.keywords{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px;}
.keywords span{
	display:flex;align-items:center;justify-content:center;
	height:46px;
	box-sizing:border-box;
	padding:0 15px;
	border:1px solid #cecece;border-radius:23px;
	font-size:15px;color:#000;
}
.keywords span i{width:23px;margin-right:5px;}
/* 
	tag1 : 대회준비
	tag2 : 체중증가
	tag3 : 운동방법
	tag4 : 근력향상
	tag5 : 다이어트
	tag6 : 소도구 트레이닝
	tag7 : 파워 트레이닝
*/
.keywords span.tag1 i{
	height:18px;
	background:url(/images/page/m21_view_tag1.png) no-repeat center;
	background-size:auto 100%;
}
.keywords span.tag2 i{
	height:18px;
	background:url(/images/page/m21_view_tag2.png) no-repeat center;
	background-size:auto 100%;
}
.keywords span.tag3 i{
	height:16px;
	background:url(/images/page/m21_view_tag3.png) no-repeat center;
	background-size:auto 100%;
}
.keywords span.tag4 i{
	height:19px;
	background:url(/images/page/m21_view_tag4.png) no-repeat center;
	background-size:auto 100%;
}
.keywords span.tag5 i{
	height:16px;
	background:url(/images/page/m21_view_tag5.png) no-repeat center;
	background-size:auto 100%;
}
.keywords span.tag6 i{
	height:18px;
	background:url(/images/page/m21_view_tag6.png) no-repeat center;
	background-size:auto 100%;
}
.keywords span.tag7 i{
	height:18px;
	background:url(/images/page/m21_view_tag7.png) no-repeat center;
	background-size:auto 100%;
}
.m21_view h5{font-size:29px;color:#000;font-weight:700;}
.m21_view h6{font-size:29px;color:#000;font-weight:700;}





.m21_view .sec6{padding:170px 0;}
.m21_view .sec6 .mapWrap{
	overflow:hidden;
	width:100%;height:60vh;
	margin:30px 0 0;
	border:1px solid #ccc;
	border-radius:15px;
}
.m21_view .sec6 .mapWrap .map{width:100% !important;height:100% !important;}
.m21_view .sec6 .mapWrap .map>div{height:inherit !important;}
.m21_view .sec6 .mapWrap .map .hide{display:none;}
.m21_view .sec6 .mapWrap .map .cont{display:none;}
.m21_view .sec6 .traffic{padding:60px 0 110px;}
.m21_view .sec6 .traffic>div{width:100%;box-sizing:border-box;}
.m21_view .sec6 .traffic>div:nth-child(1){padding-bottom:60px;border-bottom:1px solid #ccc;}
.m21_view .sec6 .traffic>div:nth-child(2){padding-top:60px;}
.m21_view .sec6 .traffic>div dl{padding-left:130px;}
.m21_view .sec6 .traffic>div:nth-child(1) dl{background:url(/images/page/m21_view_traffic_icon1.gif) no-repeat left top;}
.m21_view .sec6 .traffic>div:nth-child(2) dl{background:url(/images/page/m21_view_traffic_icon2.gif) no-repeat left top;}
.m21_view .sec6 .traffic>div dl dt{font-size:29px;color:#000;font-weight:700;}
.m21_view .sec6 .traffic>div dl dd{margin-top:20px;font-size:17px;color:#222;line-height:1.7em;}
.m21_view .sec6 .notice{
	box-sizing:border-box;
	padding:50px 60px;
	border:1px solid #ccc;border-radius:15px;
	background:url(/images/page/m21_view_notice_bg.gif) no-repeat 92% bottom;
} 
.m21_view .sec6 .notice ol{margin-top:25px;}
.m21_view .sec6 .notice ol li{
	position:relative;
	padding-left:38px;margin-bottom:10px;
	font-size:17px;color:#222;line-height:1.7em;
}
.m21_view .sec6 .notice ol li:last-child{margin:0;}
.m21_view .sec6 .notice ol li .num{
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:0;top:3px;
	width:22px;height:22px;
	border-radius:50%;
	background:#ff3c42;
	font-size:14px;color:#fff;font-weight:600;text-align:center;
}

.btnList{
	display:flex;align-items:center;justify-content:center;
	width:253px;height:76px;
	margin:60px auto 0;
	background:#ededed;
	border-radius:38px;
	font-size:19px;color:#222;font-weight:600;
}
.btnList i{
	width:18px;height:14px;
	margin-left:7px;
	background:url(/images/page/btnList_icon.png) no-repeat;
}

.buy_floatBtn{
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 20px;
	width: 560px;
	height: 76px;
	line-height: 76px;
	border-radius: 76px;
	text-align: center;
	background: #FF3C42;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	z-index: 10;
}
.buy_floatBtn:hover{color: #fff;}





@media(max-width:1280px){

	.m21_view .store_info .infowrap{display:block;}

}





/* m21_trainer */
.m21_trainer{padding:0 0 150px;}
.m21_trainer .btnArea{}
.m21_trainer .btnArea a{
	font-size:29px;color:#ff3c42;font-weight:600;
}
.m21_trainer .btnArea a i{
	display:inline-block;vertical-align:top;
	width:24px;height:24px;
	margin:7px 0 0 5px;
	background:#ff3c42 url(/images/page/m21_trainer_btn_arr.png) no-repeat center center;
	border-radius:50%;
}
.m21_trainer .trainerInfo{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin:100px 0 0;
	background:url(/images/page/m21_trainer_txtbg.png) no-repeat 45% bottom;
}
.m21_trainer .trainerInfo .area1{
	width:51.35%;
}
.m21_trainer .trainerInfo .area1 .name{font-size:52px;color:#000;font-weight:700;}
.m21_trainer .trainerInfo .area1 .name span{font-size:25px;color:#222;font-weight:400;}
.m21_trainer .trainerInfo .area1 .msg{
	max-width:416px;
	margin:50px 0 20px;
	font-size:33px;color:#000;font-weight:700;line-height:48px;
}
.m21_trainer .trainerInfo .area1 p{
	max-width:657px;
	font-size:17px;color:#222;line-height:1.7em;
}
.m21_trainer .trainerInfo .area1 .line{
	width:100%;height:1px;
	margin:40px 0; 
	background:#ccc;
}
.m21_trainer .trainerInfo .area1 .tit1{font-size:19px;color:#ff3c42;font-weight:bold;}
.m21_trainer .trainerInfo .area1 ul{margin-top:30px;}
.m21_trainer .trainerInfo .area1 ul li{
	position:relative;
	padding-left:20px;margin-bottom:15px;
	font-size:18px;color:#000;line-height:1.7em;
}
.m21_trainer .trainerInfo .area1 ul li:last-child{margin:0;}
.m21_trainer .trainerInfo .area1 ul li:before{
	display:block;content:"";
	width:10px;height:10px;
	box-sizing:border-box;
	border:3px solid #ff3c42;border-radius:50%;
	position:absolute;left:0;top:9px;
}

.m21_trainer .trainerInfo .area2{
	width:39.59%;
}
.m21_trainer .trainerInfo .area2 .gall{}
.m21_trainer .trainerInfo .area2 .gall .ctr{
	position:absolute;left:50%;bottom:30px;z-index:100;
	transform:translateX(-50%);
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:space-between;
	height:55px;
	padding:0 20px;
	background:rgba(255,255,255,0.28);
	border-radius:50px;
	backdrop-filter: blur(10px);
}
.m21_trainer .trainerInfo .area2 .gall .ctr .gallPrev{margin-right:12px;}
.m21_trainer .trainerInfo .area2 .gall .ctr .gallNext{margin-left:12px;}
.m21_trainer .trainerInfo .area2 .gall .ctr .swiper-pagination{position:static;}
.m21_trainer .trainerInfo .area2 .gall .ctr .swiper-pagination span{
	width:9px;height:9px;
	margin:0 7px;
	background:rgba(255,255,255,0.3);
	opacity:1;
	transition:all 0.24s;
}
.m21_trainer .trainerInfo .area2 .gall .ctr .swiper-pagination .swiper-pagination-bullet-active{
	width:55px;
	background:#ff3c42;
	border-radius:10px;
}
.m21_trainer .trainerInfo .area2 .otpt{margin:30px 0 0;}
.m21_trainer .trainerInfo .area2 .otpt a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:76px;
	background:#000;
	border-radius:12px;
	font-size:17px;color:#fff;font-weight:500;text-align:center;
}
.m21_trainer h4{
	padding-bottom:20px;
	font-size:25px;color:#000;font-weight:bold;
	border-bottom:2px solid rgba(0,0,0,0.2);
}
.m21_trainer h4 span{color:#ff3c42;}

.m21_trainer .trainerCareer{padding:100px 0 0;}
.m21_trainer .trainerCareer .con{display:flex;flex-wrap:wrap;width:100%;padding:40px 0 0;}
.m21_trainer .trainerCareer .con>div{width:50%;}
.m21_trainer .trainerCareer .con .tit1{font-size:19px;color:#000;font-weight:bold;}
.m21_trainer .trainerCareer ul{margin-top:30px;}
.m21_trainer .trainerCareer ul li{
	position:relative;
	padding-left:20px;margin-bottom:15px;
	font-size:18px;color:#000;line-height:1.7em;
}
.m21_trainer .trainerCareer ul li:last-child{margin:0;}
.m21_trainer .trainerCareer ul li:before{
	display:block;content:"";
	width:10px;height:10px;
	box-sizing:border-box;
	border:3px solid #ff3c42;border-radius:50%;
	position:absolute;left:0;top:9px;
}

.m21_trainer .trainerKeywords{padding:140px 0 0;}
.m21_trainer .trainerEvaluation{padding:120px 0 57px;}
.m21_trainer .trainerEvaluation .conwrap{
	display:flex;flex-wrap:wrap;
	box-sizing:border-box;
	margin-top:30px;padding:45px;
	background:#f9f9f9;
	border-radius:12px;
}
.m21_trainer .trainerEvaluation .conwrap .num{
	display:flex;align-items:center;justify-content:flex-end;
	box-sizing:border-box;
	width:50%;
	padding:15px 60px;
	border-right:1px solid #ccc;
	text-align:right;
}
.m21_trainer .trainerEvaluation .conwrap .num .tit{
	display:inline-flex;align-items:center;justify-content:center;
	height:31px;
	padding:0 10px;margin-right:20px;
	background:#ededed;
	border-radius:6px;
	font-size:17px;color:#666;text-align:center;font-weight:500;
}
.m21_trainer .trainerEvaluation .conwrap .num .score{font-size:35px;color:#000;font-weight:600;}
.m21_trainer .trainerEvaluation .conwrap .num .total{font-size:35px;color:#666;font-weight:500;}
.m21_trainer .trainerEvaluation .conwrap .star{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:50%;
	padding:0 60px;
	text-align:left;
}
.m21_trainer .trainerEvaluation .conwrap .star>div{
	width:44px;height:42px;
	background:url(/images/page/m21_trainer_star_0.png) no-repeat;
	background-size:cover;
}
.m21_trainer .trainerEvaluation .conwrap .star>div.half{
	width:44px;height:42px;
	background:url(/images/page/m21_trainer_star_half.png) no-repeat;
	background-size:cover;
}
.m21_trainer .trainerEvaluation .conwrap .star>div.all{
	width:44px;height:42px;
	background:url(/images/page/m21_trainer_star_1.png) no-repeat;
	background-size:cover;
}
.m21_trainer .trainerReview{}
.m21_trainer .trainerReview h4{border:0;}
.m21_trainer .trainerReview .msg{
	padding:40px;margin:20px 0;
	border:1px solid #ccc;border-radius:12px;
	font-size:17px;color:#000;font-weight:500;text-align:center;
}
.m21_trainer .trainerReview .msg img{height:23px;margin-bottom:14px;}
.m21_trainer .trainerReview ul{}
.m21_trainer .trainerReview ul li{
	display:flex;
	padding:30px 0;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.m21_trainer .trainerReview ul li .infoarea{width:208px;}
.m21_trainer .trainerReview ul li .infoarea .star{display:flex;}
.m21_trainer .trainerReview ul li .infoarea .star>div{
	width:22px;height:21px;
	background:url(/images/page/m21_trainer_star_0.png) no-repeat;
	background-size:cover;
}
.m21_trainer .trainerReview ul li .infoarea .star>div.half{
	width:22px;height:21px;
	background:url(/images/page/m21_trainer_star_half.png) no-repeat;
	background-size:cover;
}
.m21_trainer .trainerReview ul li .infoarea .star>div.all{
	width:22px;height:21px;
	background:url(/images/page/m21_trainer_star_1.png) no-repeat;
	background-size:cover;
}
.m21_trainer .trainerReview ul li .infoarea .info{display:flex;margin-top:30px;}
.m21_trainer .trainerReview ul li .infoarea .info .name{
	position:relative;
	padding-right:10px;margin-right:10px;
	font-size:16px;color:#222;
}
.m21_trainer .trainerReview ul li .infoarea .info .name:after{
	display:block;content:"";
	width:1px;height:12px;
	background:#ccc;
	position:absolute;right:0;top:4px;
}
.m21_trainer .trainerReview ul li .infoarea .info .date{
	font-size:16px;color:#666;
}
.m21_trainer .trainerReview ul li .reviewCon{
	width:calc(100% - 208px);
	font-size:18px;color:#000;font-weight:500;
}
.m21_trainer .btnBack{
	display:flex;align-items:center;justify-content:center;
	width:223px;height:76px;
	margin:60px auto 0;
	background:#ededed;
	border-radius:50px;
	font-size:18px;color:#222;text-align:center;font-weight:500;
}





/* m31 */
.m31{padding:0 0 150px;}
.m31 .pageIntro{padding-bottom:90px;}
.m31 .sec1{
	padding:40px 0 0;
	border-top:1px solid rgba(0,0,0,0.2);
}
.m31 .sec1 .filter{width:100%;}
.m31 .sec1 .filter .msg{font-size:17px;color:#000;font-weight:600;}
.m31 .sec1 .filter .filterForm{margin:20px 0;}
.m31 .sec1 .filter .filterForm .input{margin-bottom:10px;}
.m31 .sec1 .filter .filterForm .input.type2{display:flex;gap:6px;}
.m31 .sec1 .filter .filterForm .input:last-child{margin:0;}
.m31 .sec1 .filter .filterForm .input .frontSelect{width:100%;}
.m31 .sec1 .filter .filterForm .input select{
	box-sizing:border-box;
	width:100%;height:56px;
	padding:0 20px;
	border:1px solid #ccc;outline:0;
	border-radius:12px;
	font-size:16px;color:#666;
	appearance: none;
	background:url(/images/page/sel_arr2.png) no-repeat calc(100% - 20px) center;
}
.m31 .sec1 .filter .filterForm .input #searchStore{
	box-sizing:border-box;
	width:100%;height:56px;
	padding:0 20px;
	font-size:16px;color:#666;
	border:1px solid #ccc;outline:0;
	border-radius:12px;	
	background:url(/images/page/icon_search2.png) no-repeat calc(100% - 20px) center;
}
.m31 .sec1 button{
	width:100%;height:56px;
	background:#ff3c42;
	border-radius:12px;
	border:0;outline:0;
	font-size:16px;color:#fff;font-weight:600;
}
.m31 .sec1 .lists{
	box-sizing:border-box;
	width:calc(100% - 0px);
	margin-top:40px;
}
.m31 .sec1 .lists .listTopArea{
	display:flex;justify-content:space-between;
	margin-bottom:20px;
}
.m31 .sec1 .lists .listTopArea .total{font-size:17px;}
.m31 .sec1 .lists .listTopArea .total span{color:#ff3c42;font-weight:600;}
.m31 .sec1 .lists .listTopArea .sort{}
.m31 .sec1 .lists .listTopArea .sort a{
	display:block;
	width:auto;height:21px;
	background:0;
	font-size:17px;color:#000;
} 
.m31 .sec1 .lists .listTopArea .sort a img{vertical-align:top;height:20px;}
.m31 .sec1 .lists ul{display:flex;flex-wrap:wrap;gap:20px;}
.m31 .sec1 .lists ul li{
	box-sizing:border-box;
	width:calc((100% - 40px) / 3);
	border:1px solid rgba(0, 0, 0, 0.2);
	background:#fff;
	border-radius:12px;
}
.m31 .sec1 .lists ul li .phtArea{
	overflow:hidden;
	position:relative;
	border-radius:12px;
	background:#f9f9f9 url(/images/page/m21_view_trainer_bg1.png) no-repeat;
	background-size:cover;
}
.m31 .sec1 .lists ul li .pht{}
.m31 .sec1 .lists ul li .msg{
	position:absolute;left:0;top:0;z-index:10;
	box-sizing:border-box;
	width:50%;
	padding:50px 0 0 30px;
	font-size:21px;color:#000;font-weight:700;line-height:1.5em;
}
.m31 .sec1 .lists ul li .infoArea{padding:26px 24px;}
.m31 .sec1 .lists ul li .infoArea .info1{
	display:flex;flex-wrap:wrap;justify-content:space-between;
}
.m31 .sec1 .lists ul li .infoArea .info1 .area{
	font-size:15px;color:#ff4c32;
}
.m31 .sec1 .lists ul li .infoArea .info1 .rating{
	display:flex;align-items:center;
	font-size:16px;color:#000;font-weight:500;
}
.m31 .sec1 .lists ul li .infoArea .info1 .rating img{margin-right:5px;}
.m31 .sec1 .lists ul li .infoArea .name{
	margin:20px 0 40px;
	font-size:19px;color:#000;font-weight:600;
}
.m31 .sec1 .lists ul li .infoArea .name span{
	position:relative;font-size:16px;font-weight:400;
	padding-left:10px;margin-left:7px;
}
.m31 .sec1 .lists ul li .infoArea .name span:before{
	display:block;content:"";
	width:1px;height:14px;
	background:#ccc;
	position:absolute;left:0;top:2px;
}

.m31 .sec1 .lists ul li:hover .phtArea{background:#ff4c32 url(/images/page/m21_view_trainer_bg2.png) no-repeat;background-size:cover;}
.m31 .sec1 .lists ul li:hover .msg{color:#fff;}



@media(max-width:880px){
	.m31 .sec1 .lists ul li{width:calc((100% - 20px) / 2);}
}


.optionList{position: relative;}
.optionList .optionBtn{
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 20px) center;
	border:1px solid #d7d7d7;border-radius:10px;
	font-size:17px;color:#222;
	cursor: pointer;
}
.optionList .optionBox{
	position: absolute;
	left: 0;
	top: calc(100% + 5px);
	width: 100%;
	padding: 30px 20px;
	border-radius: 12px;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 10;
	display: none;
}
.optionList .optionBox ul{
	display: flex;
	flex-wrap: wrap;
	row-gap: 18px;
}
.optionList .optionBox li{width: 50%;}
.optionList .optionBox li input[type="checkbox"]{
	opacity: 0;
	width: 0.0001px;
	height: 0.0001px;
}
.optionList .optionBox li input[type="checkbox"] + label{
	position: relative;
	padding-left: 25px;
	font-size: 15px;
	color: #000;
}
.optionList .optionBox li input[type="checkbox"] + label img{
	width: 20px;
	height: 20px;
	margin-right: 10px;
	vertical-align: text-top;
}
.optionList .optionBox li input[type="checkbox"] + label:before{
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.optionList .optionBox li input[type="checkbox"]:checked + label:before{
	background: url(/images/page/m21_check_icon.png) no-repeat center / contain;
	border: none;
}

.selectWrap{position: relative;}
.selectWrap .selBtn{
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 20px) center;
	border:1px solid #d7d7d7;border-radius:10px;
	font-size:17px;color:#222;
	cursor: pointer;
}
.selectWrap .optionBox{
	overflow:hidden;
	position: absolute;
	left: 0;
	top: calc(100% + 0px);
	width: 100%;
	border-radius: 12px;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 10;
	display: none;
}
.selectWrap .optionBox ul{}
.selectWrap .optionBox ul li{width:100%;}
.selectWrap .optionBox ul li a{
	display:block;position: relative;
	padding:10px 20px;
	font-size: 15px;color: #000;
}
.selectWrap .optionBox ul li a:hover{background:#ddd;}







/* m32 */
.m32{padding:0 0 220px;}
.m32 .pageIntro{padding-bottom:80px;}
.m32 .tabs{
	padding-bottom:54px;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
.m32 .tabs ul{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;}
.m32 .tabs ul li{
	width:calc((100% - 35px) / 8);
	text-align:center;
}
.m32 .tabs ul li .icon{
	overflow:hidden;
	width:100%;aspect-ratio:1/1;
	margin:0 auto 18px;
	border-radius:12px;
	transition:all 0.24s;
 }
.m32 .tabs ul li:nth-child(1) .icon{background:#f9f9f9 url(/images/main/sec4_icon1.png) no-repeat center;}
.m32 .tabs ul li:nth-child(2) .icon{background:#f9f9f9 url(/images/main/sec4_icon2.png) no-repeat center;}
.m32 .tabs ul li:nth-child(3) .icon{background:#f9f9f9 url(/images/main/sec4_icon3.png) no-repeat center;}
.m32 .tabs ul li:nth-child(4) .icon{background:#f9f9f9 url(/images/main/sec4_icon5.png) no-repeat center;}
.m32 .tabs ul li:nth-child(5) .icon{background:#f9f9f9 url(/images/main/sec4_icon6.png) no-repeat center;}
.m32 .tabs ul li:nth-child(6) .icon{background:#f9f9f9 url(/images/main/sec4_icon7.png) no-repeat center;}
.m32 .tabs ul li:nth-child(7) .icon{background:#f9f9f9 url(/images/main/sec4_icon8.png) no-repeat center;}
.m32 .tabs ul li:nth-child(8) .icon{background:#f9f9f9 url(/images/main/sec4_icon9.png) no-repeat center;}

.m32 .tabs ul li:nth-child(1):hover .icon{background:#ff3c42 url(/images/main/sec4_icon1_hover.png) no-repeat center;}
.m32 .tabs ul li:nth-child(2):hover .icon{background:#ff3c42 url(/images/main/sec4_icon2_hover.png) no-repeat center;}
.m32 .tabs ul li:nth-child(3):hover .icon{background:#ff3c42 url(/images/main/sec4_icon3_hover.png) no-repeat center;}
.m32 .tabs ul li:nth-child(4):hover .icon{background:#ff3c42 url(/images/main/sec4_icon5_hover.png) no-repeat center;}
.m32 .tabs ul li:nth-child(5):hover .icon{background:#ff3c42 url(/images/main/sec4_icon6_hover.png) no-repeat center;}
.m32 .tabs ul li:nth-child(6):hover .icon{background:#ff3c42 url(/images/main/sec4_icon7_hover.png) no-repeat center;}
.m32 .tabs ul li:nth-child(7):hover .icon{background:#ff3c42 url(/images/main/sec4_icon8_hover.png) no-repeat center;}
.m32 .tabs ul li:nth-child(8):hover .icon{background:#ff3c42 url(/images/main/sec4_icon9_hover.png) no-repeat center;}

.m32 .tabs ul li .tit{font-family:"Pretendard";font-size:1.7vw;color:rgba(17, 17, 17, 0.6);}
.m32 .tabs ul li.on .tit{font-family:"Pretendard";font-size:1.7vw;color:#000;font-weight:bold}

.m32 .conwrap{margin-top:100px;}
.m32 .conwrap .boxwrap{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
	margin-bottom:60px;
}
.m32 .conwrap .boxwrap:nth-child(2n){flex-direction:row-reverse;}
.m32 .conwrap .boxwrap .imgarea{width:47.97%;}
.m32 .conwrap .boxwrap .imgarea img{}
.m32 .conwrap .boxwrap .imgarea iframe{width:100%;aspect-ratio:710/390;object-fit:cover;}
.m32 .conwrap .boxwrap .info{width:47.97%;}
.m32 .conwrap .boxwrap .info .icon{
	box-sizing:border-box;
	overflow:hidden;
	width:50px;height:50px;
	border-radius:12px;
}
.m32 .conwrap .boxwrap:nth-child(1) .icon{background:#ff3c42 url(/images/main/sec4_icon1_hover.png) no-repeat center;background-size:120%;}
.m32 .conwrap .boxwrap:nth-child(2) .icon{background:#ff3c42 url(/images/main/sec4_icon2_hover.png) no-repeat center;background-size:120%;}
.m32 .conwrap .boxwrap:nth-child(3) .icon{background:#ff3c42 url(/images/main/sec4_icon3_hover.png) no-repeat center;background-size:120%;}
.m32 .conwrap .boxwrap:nth-child(4) .icon{background:#ff3c42 url(/images/main/sec4_icon5_hover.png) no-repeat center;background-size:120%;}
.m32 .conwrap .boxwrap:nth-child(5) .icon{background:#ff3c42 url(/images/main/sec4_icon6_hover.png) no-repeat center;background-size:120%;}
.m32 .conwrap .boxwrap:nth-child(6) .icon{background:#ff3c42 url(/images/main/sec4_icon7_hover.png) no-repeat center;background-size:120%;}
.m32 .conwrap .boxwrap:nth-child(7) .icon{background:#ff3c42 url(/images/main/sec4_icon8_hover.png) no-repeat center;background-size:120%;}
.m32 .conwrap .boxwrap:nth-child(8) .icon{background:#ff3c42 url(/images/main/sec4_icon9_hover.png) no-repeat center;background-size:120%;}
.m32 .conwrap .boxwrap .info .tit1{margin-top:28px;font-size:41px;color:#000;font-weight:bold;}
.m32 .conwrap .boxwrap .info .tit2{margin:10px 0 16px;font-size:25px;color:#000;font-weight:600;}
.m32 .conwrap .boxwrap .info .txt{font-size:17px;color:rgba(0,0,0,0.6);line-height:1.7em;}
.m32 .conwrap .boxwrap .info .btnDetail{
	display:flex;align-items:center;justify-content:space-between;
	width:138px;
	margin-top:55px;
	font-size:17px;color:#000;font-weight:500;
}
.m32 .conwrap .boxwrap .info .btnDetail i{
	width:48px;height:48px;
	border:1px solid rgba(0,0,0,0.2);
	border-radius:50%;
	background:url(/images/page/btn_arr1.png) no-repeat center;
	background-size:8px;
}
.m32 .conwrap .boxwrap .info .btnDetail:hover i{
	border:1px solid rgba(0,0,0,1);
	background:#000 url(/images/page/btn_arr2.png) no-repeat center;
	background-size:8px;
}



@media(max-width:1240px){

	.m32 .conwrap .boxwrap .info .tit1{font-size:36px;}

}
@media(max-width:1020px){

	.m32 .conwrap .boxwrap{display:block;max-width:750px;width:100%;margin:0 auto 60px;}
	.m32 .conwrap .boxwrap .imgarea{width:100%;}
	.m32 .conwrap .boxwrap .info{width:100%;margin-top:20px;}

}





/* m33 */
.m33{padding:0 0 220px;}
.m33 .pageIntro{padding-bottom:80px;}
.m33 .tabs{
	padding-bottom:54px;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
.m33 .tabs ul{display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:775px;}
.m33 .tabs ul li:nth-child(1) .icon{background:#f9f9f9 url(/images/main/sec4_icon4.png) no-repeat center;}
.m33 .tabs ul li:nth-child(2) .icon{background:#f9f9f9 url(/images/main/sec4_icon12.png) no-repeat center;}
.m33 .tabs ul li:nth-child(3) .icon{background:#f9f9f9 url(/images/main/sec4_icon11.png) no-repeat center;}
.m33 .tabs ul li:nth-child(4) .icon{background:#f9f9f9 url(/images/page/m33_icon1.png) no-repeat center;background-size:42px;}
.m33 .tabs ul li:nth-child(5) .icon{background:#f9f9f9 url(/images/main/sec4_icon4.png) no-repeat  center;}
.m33 .tabs ul li:nth-child(1):hover .icon{background:#ff3c42 url(/images/main/sec4_icon4_hover.png) no-repeat center;}
.m33 .tabs ul li:nth-child(2):hover .icon{background:#ff3c42 url(/images/main/sec4_icon12_hover.png) no-repeat center;}
.m33 .tabs ul li:nth-child(3):hover .icon{background:#ff3c42 url(/images/main/sec4_icon11_hover.png) no-repeat center;}
.m33 .tabs ul li:nth-child(4):hover .icon{background:#ff3c42 url(/images/page/m33_icon1_hover.png) no-repeat center;background-size:42px;}
.m33 .tabs ul li:nth-child(5):hover .icon{background:#ff3c42 url(/images/main/sec4_icon4_hover.png) no-repeat center;}
.m33 .conwrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m33 .conwrap .boxwrap{
	overflow:hidden;
	position:relative;
	height:522px;
	border-radius:12px;
	margin:0;
}
.m33 .conwrap .boxwrap.b1{width:40.54%;}
.m33 .conwrap .boxwrap.b2{width:57.22%;}
.m33 .conwrap .boxwrap.b3{max-width:100%;width:100%;margin:20px 0;}
.m33 .conwrap .boxwrap.b4{width:100%;}
.m33 .conwrap .boxwrap.b5{width:37.56%;}
.m33 .conwrap .boxwrap a{
	position:relative;
	width:100%;height:100%;
}
.m33 .conwrap .boxwrap .bg{width:100%;height:100%;}
.m33 .conwrap .boxwrap .bg:after{
	display:block;content:"";
	position:absolute;left:0;bottom:0;
	width:100%;height:50%;
	background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));
}
.
.m33 .conwrap .boxwrap .info{
	position:absolute;left:50px;bottom:50px;z-index:10;
	width:calc(100% - 100px);
}
.m33 .conwrap .boxwrap .info .icon{opacity:0.7;}
.m33 .conwrap .boxwrap:nth-child(1) .icon{background:#f9f9f9 url(/images/main/sec4_icon4.png) no-repeat center;background-size:120%;}
.m33 .conwrap .boxwrap:nth-child(2) .icon{background:#f9f9f9 url(/images/main/sec4_icon12.png) no-repeat center;background-size:120%;}
.m33 .conwrap .boxwrap:nth-child(3) .icon{background:#f9f9f9 url(/images/main/sec4_icon11.png) no-repeat center;background-size:120%;}
.m33 .conwrap .boxwrap:nth-child(4) .icon{background:#f9f9f9 url(/images/main/sec4_icon10.png) no-repeat center;background-size:120%;}
.m33 .conwrap .boxwrap:nth-child(5) .icon{background:#f9f9f9 url(/images/main/sec4_icon4.png) no-repeat center;background-size:120%;}
.m33 .conwrap .boxwrap .info .tit1{margin:20px 0 10px;font-size:31px;color:#fff;font-weight:bold;}
.m33 .conwrap .boxwrap .info .tit2{margin:0 0 0 0;font-size:21px;font-weight:500;color:#fff; }
.m33 .conwrap .boxwrap .info i{
	display:block;
	position:absolute;right:0;top:15px;
	width:48px;height:48px;
	border:1px solid #fff;
	border-radius:50%;
	background:url(/images/page/btn_arr2.png) no-repeat center;
	background-size:8px;
	transition:all 0.24s;
}
.m33 .conwrap .boxwrap:hover .info i{
	border:1px solid #fff;
	background:#fff url(/images/page/btn_arr1.png) no-repeat center;
	background-size:8px;
}





/* m41 */
.m41{}
.m41List{padding:180px 0;text-align:center;}
.m41List h3{
	font-size:21px;color:#ff3c42;font-weight:600;
}
.m41List h3 i{
	display:inline-block;vertical-align:top;
	margin:3px 0 0 0;
	background:url(/images/page/icon_arr1.png) no-repeat;
	background-size:cover;
	width:20px;height:20px;
}
.m41List h4{margin:40px 0 20px;font-size:52px;color:#000;font-weight:700;}
.m41List p{font-size:17px;color:#222;}
.m41List .step{
	display:flex;align-items:center;justify-content:space-between;
	position:relative;
	max-width:336px;
	margin:40px auto 60px; 
}
.m41List .step:before{
	display:block;content:"";
	width:90%;height:1px;
	background:rgba(0,0,0,0.1);
	position:absolute;left:5%;top:25px;
	margin-top:-1px;
}
.m41List .step li{position:relative;z-index:10;text-align:center;}
.m41List .step li .icon{
	display:flex;align-items:center;justify-content:center;
	width:48px;height:48px;
	margin:0 auto 10px;
	background:#ededed;
	border-radius:50%;
}
.m41List .step li:nth-child(1) .icon{background:#ededed url(/images/page/m41_list_step_icon1.png) no-repeat center;}
.m41List .step li:nth-child(2) .icon{background:#ededed url(/images/page/m41_list_step_icon2.png) no-repeat center;}
.m41List .step li:nth-child(3) .icon{background:#ededed url(/images/page/m41_list_step_icon3.png) no-repeat center;}
.m41List .step li.on:nth-child(1) .icon{background:#ff3c42 url(/images/page/m41_list_step_icon1.png) no-repeat center;}
.m41List .step li.on:nth-child(2) .icon{background:#ff3c42 url(/images/page/m41_list_step_icon2.png) no-repeat center;}
.m41List .step li.on:nth-child(3) .icon{background:#ff3c42 url(/images/page/m41_list_step_icon3.png) no-repeat center;}
.m41List .step li .tit{font-size:16px;color:#666;}
.m41List .step li.on .tit{font-size:16px;color:#000;font-weight:500;}
.m41List h5{margin-bottom:20px;font-size:25px;color:#000;font-weight:bold;text-align:left;}
.m41List .priceInfo{}
.m41List .priceInfo .con{padding:40px 0;border-top:2px solid rgba(0,0,0,0.2);}
.m41List .membership{margin:120px 0 0;}
.m41List .membership .con{padding:40px 0;border-top:2px solid rgba(0,0,0,0.2);}
.m41List .membership .con ul{display:flex;flex-wrap:wrap;}
.m41List .membership .con ul li{
	box-sizing:border-box;
	position:relative;
	width:32%;
	margin:0 2% 2% 0;padding:40px;
	border:1px solid #ccc;border-radius:12px;text-align:left;
	cursor:pointer;
	transition:all 0.24s;
}
.m41List .membership .con ul li:after{
	position:absolute;left:0;top:0;
	content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	border:2px solid #ff3c42;border-radius:12px;
	opacity:0;
	transition:all 0.24s;
}
.m41List .membership .con ul li:nth-child(3n){margin-right:0;}
.m41List .membership .con ul li .cate{}
.m41List .membership .con ul li .cate span{
	display:inline-flex;align-items:center;justify-content:center;
	height:40px;
	padding:0 20px;
	background:0;
	border:1px solid #ff3c42;border-radius:20px;
	box-sizing:border-box; 
	font-size:17px;color:#ff3c42;text-align:center;transition:all 0.24s;
}
.m41List .membership .con ul li .cate span.icon{background:#000;border:0;}
.m41List .membership .con ul li .year{margin:22px 0 12px;font-size:25px;color:#000;font-weight:700;}
.m41List .membership .con ul li .evt{font-size:17px;color:#666;}
.m41List .membership .con ul li .price{margin-top:22px;font-size:31px;color:#000;font-weight:bold;text-align:right;}
.m41List .membership .con ul li .price span{font-size:19px;font-weight:400;}

.m41List .membership .con ul li.on{background:rgba(255,60,66,0.02);}
.m41List .membership .con ul li.on:after{opacity:1;}
.m41List .membership .con ul li.on  .cate span.icon{background:#ff3c42;}
.m41List .membership .con button{
	width:280px;height:76px;
	margin:80px 0 0;
	background:#ff3c42;
	border-radius:50px;
	font-size:17px;color:#fff;
	border:0;outline:0;
}





.formWrap h5{
	padding-bottom:20px;
	border-bottom:2px solid #ccc;
}
.formWrap .selected{
	box-sizing:border-box;
	padding:40px;
	border:1px solid #ccc;border-radius:12px;
	text-align:left;
}
.formWrap .selected .cate{}
.formWrap .selected .cate span{
	display:inline-flex;align-items:center;justify-content:center;
	height:40px;
	padding:0 20px;
	background:0;
	border:1px solid #ff3c42;border-radius:20px;
	box-sizing:border-box; 
	font-size:17px;color:#ff3c42;text-align:center;transition:all 0.24s;
}
.formWrap .selected .cate span.icon{background:#000;border:0;}
.formWrap .selected .cate + div{display:flex;justify-content:space-between;flex-wrap:wrap;margin:20px 0 0;}
.formWrap .selected .cate + div .year{font-size:25px;color:#000;font-weight:700;}
.formWrap .selected .cate + div .year .evt{font-size:17px;color:#666;font-weight:400;}
.formWrap .selected .cate + div .price{font-size:31px;color:#000;font-weight:bold;}
.formWrap .selected .cate + div .price span{font-size:19px;font-weight:400;}
.formWrap dl{
	display:flex;align-items:center;
	padding:34px 0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.formWrap dl dt{width:290px;font-size:19px;color:#000;font-weight:600;text-align:left;}
.formWrap dl dd{width:calc(100% - 290px); font-size: 18px;}
.formWrap dl dd .con{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
}
.formWrap dl dd .con>div:nth-child(1){margin-bottom:20px;}
.formWrap dl dd .con .red_exp{
	font-size: 16px;
	color: #FF3C42;
	text-align: left;
}
.formWrap dl dd .recom input {
	box-sizing: border-box;
	width: 230px;
	height: 50px;
	margin: 0 10px;
	padding: 0 20px;
	border: 1px solid #ccc;
	border-radius: 12px;
	outline: 0;
	font-size: 17px;
}
.formWrap dl dd input[type="radio"]{display:none;}
.formWrap dl dd input[type="radio"] + label{
	position:relative;
	padding-left:35px;margin-right:55px;
	font-size:17px;color:#000;
}
.formWrap dl dd input[type="radio"] + label:before{
	display:block;content:"";
	width:24px;height:24px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:50%;
	position:absolute;left:0;top:-2px;
}
.formWrap dl dd input[type="radio"] + label:after{
	display:block;content:"";
	width:12px;height:12px;
	box-sizing:border-box;
	background:#ff3c42;border-radius:50%;
	position:absolute;left:6px;top:4px;
	opacity:0;
}
.formWrap dl dd input[type="radio"]:checked + label:before{border:1px solid #ff3c42;}
.formWrap dl dd input[type="radio"]:checked + label:after{opacity:1;}

.formWrap dl dd .dateInput{
	display: flex;
	align-items: center;
}
.formWrap dl dd .dateInput > div{
	position: relative;
}
.formWrap dl dd .dateInput > div input{
	box-sizing: border-box;
	width: 230px;
	height: 50px;
	padding: 0 20px;
	border: 1px solid #ccc;
	border-radius: 12px;
	background: url(/images/page/icon_date.png) no-repeat left 20px center;
	outline: 0;
	appearance: none;
	font-size: 16px;
	text-align: right;
}
.formWrap dl dd .dateInput .bar{
	display: block;
	width: 10px;
	height: 1px;
	background: #ccc;
	margin: 0 10px;
}



.formWrap dl dd .price{font-size:21px;color:#000;font-weight:600;text-align:right;}
.formWrap dl dd .price span{font-weight:400;}
.formWrap dl dd .price input{
	box-sizing:border-box;
	width:230px;height:50px;
	margin:0 10px;padding:0 20px;
	border:1px solid #ccc;border-radius:12px;
	outline:0;
	font-size:17px;text-align:right;
}
.formWrap dl dd .tip{margin-top:12px;font-size:16px;color:#ff3c42;}
.formWrap dl dd .tip2{margin-top:12px;font-size:16px;color:#222;text-align:right;}
.formWrap dl dd select{
	box-sizing:border-box;
	width:300px;height:50px;
	padding:0 20px;
	border:1px solid #ccc;border-radius:12px;
	background:url(/images/page/icon_sel.png) no-repeat calc(100% - 20px) center;outline:0;
	appearance: none;
	font-size:16px;
}
.formWrap dl dd .point{font-size:21px;color:#ff3c42;font-weight:500;}
.formWrap dl dd .point span{
	display:inline-block;
	width:28px;height:28px;
	background:#ff3c42;
	border-radius:50%;
	font-size:17px;color:#fff;text-align:center;line-height:28px;
}
.formWrap .payment{
	box-sizing:border-box;
	padding:50px 60px;
	border:1px solid #ccc;border-radius:12px;
}
.formWrap .payment dl{padding:10px 0;justify-content:space-between;border:0;}
.formWrap .payment dl dt{width:auto;font-size:19px;color:#000;font-weight:400;}
.formWrap .payment dl dt span{font-size:16px;color:rgba(0,0,0,0.5);}
.formWrap .payment dl dd{width:auto;font-size:22px;color:#000;font-weight:600;}
.formWrap .payment dl dd span{font-size:18px;font-weight:400;}
.formWrap .payment dl.total dt{
	font-size: 26px;
	font-weight: 700;
}
.formWrap .payment dl.total dd{
	font-size: 32px;
	font-weight: 700;
	color: #FF3C42;
}
.formWrap .payment dl.total dd span{
	font-size: 20px;
}
.formWrap .payment .line{
	width:100%;height:1px;
	margin:10px 0;
	background:rgba(0,0,0,0.1);
}
.formWrap .btns{display:flex;align-items:center;justify-content:center;gap:12px;margin:80px 0 0;}
.formWrap .btns button{
	width:223px;height:76px;
	border-radius:50px;
	font-size:17px;
	border:0;outline:0;
}
.formWrap .btns button:nth-child(1){background:#ededed;color:#222;}
.formWrap .btns button:nth-child(2){background:#ff3c42;color:#fff;}

.agreeWrap{margin:40px 0 0;}
.m41List .agreeWrap{text-align: left;}
.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;
}


.m41List .result{padding:80px;border-top:1px solid rgba(0,0,0,0.2);text-align:center;}
.m41List .result .icon{}
.m41List .result .msg{margin:35px 0 30px;font-size:52px;color:#000;font-weight:500;}
.m41List .result .msg strong{font-weight:700;}
.m41List .result p{font-size:17px;color:#222;}
.m41List .result .nextDate{
	margin-top: 20px;
	font-size: 20px;
	font-weight: 500;
}
.m41List .result .nextDate span{
	color: #FF3C42;
}
.m41List .result button{
	width:300px;height:76px;
	margin:50px 0 0;
	border-radius:50px;
	font-size:17px;color:#fff;
	border:0;outline:0;background:#ff3c42;
}





/* m41 - 260108 */
.m41{}
.m41 .sec1{
	height:auto;
	padding:90px 0 170px;
	text-align:center;
}
.m41 .sec1 h4{font-size:70px;color:#000;font-weight:700;line-height:125%;}
.m41 .sec1 .imgs{
	position:relative;
	width:100%;height:632px;
	margin-top:80px;
}
.m41 .sec1 .imgs .box{
	overflow:hidden;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:100%;height:100%;
	display:flex;	
	border-radius:15px;	
}
.m41 .sec1 .imgs .box>div{flex:1;}
.m41 .sec1 .imgs .box>div.img1{background:url(/images/page/m41_sec1_img1.jpg) no-repeat center / cover;}
.m41 .sec1 .imgs .box>div.img2{background:url(/images/page/m41_sec1_img2.jpg) no-repeat center / cover;}
.m41 .sec1 .imgs .box>div.img3{background:url(/images/page/m41_sec1_img3.jpg) no-repeat center / cover;}
.m41 .sec1 .img4{
	position:absolute;left:50%;top:50%;z-index:100;
	transform:translate(-50%,-50%) scale(1);
}

.m41 .sec2{padding:160px 0 60px;}
.m41 .titlearea{text-align:center;}
.m41 .titlearea h4{
	display: inline-block;
	position: relative;
	font-size: 58px;
	color: #000;
	font-weight: 700;
}
.m41 .titlearea h4.brand:before {
	display:block;content:"";
	position:absolute;
	width: 279px;
	height: 121px;
	aspect-ratio: 279 / 121;
	left:50%;
	bottom: calc(100%);
	transform:translateX(-50%);
	background: url(/images/page/m41_title_brand.png) no-repeat;
	background-size: cover;
}
.m41 .sec2 .brandSwiper{margin:140px 0 0;}
.m41 .sec2 .brandSwiper .ctr{margin-bottom:80px;text-align:center;}
.m41 .sec2 .brandSwiper .ctr span{
	width:30px;height:3px;
	margin:0 2px;
	background:#bfbfbf;
	opacity:1;
	border-radius:0;
}
.m41 .sec2 .brandSwiper .ctr .swiper-pagination-bullet-active{background:#ff3c42;}
.m41 .sec2 .brandSwiper .swiper-slide{text-align:center;}
.m41 .sec2 .brandSwiper .swiper-slide .tit{font-size:44px;color:#000;font-weight:700;}
.m41 .sec2 .brandSwiper .swiper-slide .txt{margin:20px 0 70px;font-size:21px;color:#222;}
.m41 .sec2 .brandSwiper .swiper-slide .img{}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner{}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .bsiPrev{
	position:absolute;left:10px;top:50%;z-index:100;
	width:64px;height:64px;
	margin-top:-32px;
	border:1px solid #bfbfbf;border-radius:50%;
	background:rgba(255,255,255,0.2) url(/images/page/m41_sec2_brand_inner_prev.png) no-repeat center;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .bsiNext{
	position:absolute;right:10px;top:50%;z-index:100;
	width:64px;height:64px;
	margin-top:-32px;
	border:1px solid #bfbfbf;border-radius:50%;
	background:rgba(255,255,255,0.2) url(/images/page/m41_sec2_brand_inner_next.png) no-repeat center;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide{
	overflow:hidden;
	position:relative;
	border-radius:12px;
	aspect-ratio:473/600;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide .bg{
	width:100%;height:100%;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide.gx1 .bg{
	background:url(/images/page/m41_sec2_brand_inner_bg1.jpg) no-repeat center / cover;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide.gx2 .bg{
	background:url(/images/page/m41_sec2_brand_inner_bg2.jpg) no-repeat center / cover;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide.gx3 .bg{
	background:url(/images/page/m41_sec2_brand_inner_bg3.jpg) no-repeat center / cover;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide.gx4 .bg{
	background:url(/images/page/m41_sec2_brand_inner_bg4.jpg) no-repeat center / cover;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide.gx5 .bg{
	background:url(/images/page/m41_sec2_brand_inner_bg5.jpg) no-repeat center / cover;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide.gx6 .bg{
	background:url(/images/page/m41_sec2_brand_inner_bg6.jpg) no-repeat center / cover;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide.gx7 .bg{
	background:url(/images/page/m41_sec2_brand_inner_bg7.jpg) no-repeat center / cover;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide.gx8 .bg{
	background:url(/images/page/m41_sec2_brand_inner_bg8.jpg) no-repeat center / cover;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide .txts{
	position:absolute;left:0;bottom:0;z-index:10;
	width:100%;
	box-sizing:border-box;
	padding:30px;
	text-align:left;
}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide .txts .tit{font-size:24px;color:#fff;font-weight:600;}
.m41 .sec2 .brandSwiper .swiper-slide .brandSwiperInner .swiper-slide .txts .txt{margin:10px 0 0;font-size:16px;color:#fff;}

.m41 .sec3{
	padding:160px 0 220px;
	display:flex;align-items:center;flex-wrap:wrap;
}
.m41 .sec3 .conArea{width:calc(100% - 59.52%);}
.m41 .sec3 .conArea h4{font-size:25px;color:#ff3c42;font-weight:500;}
.m41 .sec3 .conArea h5{
	margin:30px 0 60px;
	font-size:65px;color:#000;line-height:80px;font-weight:700;
}
.m41 .sec3 .conArea .download{}
.m41 .sec3 .conArea .download>a{
	display:flex;align-items:center;justify-content:space-between;
	width:385px;height:100px;
	box-sizing:border-box;
	padding:0 45px;
	border-radius:100px;
	border:1px solid rgba(0,0,0,0.2);
}
.m41 .sec3 .conArea .download .btn1{margin-bottom:20px;}
.m41 .sec3 .conArea .download .btn2{}
.m41 .sec3 .conArea .download .logoImg{height:40px;}
.m41 .sec3 .conArea .download .qrImg{height:64px;}
.m41 .sec3 .imgArea{
	position:relative;
	width:59.52%;
	background:url(/images/page/m41_sec3_img_bg.png) no-repeat center / cover;
	aspect-ratio:881/724;
}
.m41 .sec3 .imgArea .img1{
	position:absolute;right:50px;top:50%;
	transform:translateY(-50%);
	aspect-ratio:540/660;
	max-width:540px;
	animation:updown 2s infinite alternate;
}
.m41 .sec3 .imgArea .img2{
	position:absolute;left:50%;top:17vh;
	transform:translateX(-85%);
	aspect-ratio:383/108;
	max-width:383px;
}
@keyframes updown{
	0%{transform:translateY(-50%);}
	100%{transform:translateY(-48%);}
}

.m41 .sec3 .infoArea{
	display:flex;flex-wrap:wrap;align-items:center;
	width:100%;
	padding:29px 60px;margin-top:60px;
	background:rgba(247, 247, 247, 0.8);
	border-radius:24px;
}
.m41 .sec3 .infoArea>div:nth-child(1){
	display:flex;align-items:center;
	width:60%;
	font-size:19px;color:#222;font-weight:600;
}
.m41 .sec3 .infoArea>div:nth-child(1) img{
	vertical-align:top;
	height:41px;margin-right:30px;
}
.m41 .sec3 .infoArea>div:nth-child(2){width:40%;}
.m41 .sec3 .infoArea>div:nth-child(2) ul{display:flex;}
.m41 .sec3 .infoArea>div:nth-child(2) ul li{
	box-sizing:border-box;
	width:33.333%;
	padding-left:16px;
	border-left:1px solid #ccc;
}
.m41 .sec3 .infoArea>div:nth-child(2) ul li .num{font-size:16px;color:#ff3c42;font-weight:500;}
.m41 .sec3 .infoArea>div:nth-child(2) ul li .tit{margin-top:5px;font-size:19px;color:#000;font-weight:500;}

.m42 .m41 .m42Sec4 .conWrap .boxWrap .benefit ul li:nth-child(3) {
	background: #242424 url(/images/page/m41_sec4_icon3.png) no-repeat calc(100% - 30px) center;
	background-size: 40px;
}
.m42 .m41 .m42Sec4 .conWrap .boxWrap .benefit ul li:nth-child(4) {
	background: #242424 url(/images/page/m42_sec4_icon3.png) no-repeat calc(100% - 30px) center;
	background-size: 40px;
}

@media(max-width:1170px){

	.m41 .sec3{display:block;text-align:center;}	
	.m41 .sec3 .conArea{width:100%;}
	.m41 .sec3 .imgArea{
		width:881px;
		margin:0 auto;
	}
	.m41 .sec3 .infoArea{display:block;text-align:center;}
	.m41 .sec3 .infoArea>div:nth-child(1){width:100%;justify-content:center;text-align:center;}
	.m41 .sec3 .infoArea>div:nth-child(2){width:100%;margin-top:20px;}
	.m41 .sec3 .infoArea>div:nth-child(2) ul li:first-child{border:0;}


}



/* m42 */
.m41 .titlearea h4.plan:before {
	display:block;content:"";
	position:absolute;
	width: 279px;
	height: 80px;
	aspect-ratio: 279 / 121;
	left:50%;
	bottom: calc(100%);
	transform:translateX(-50%);
	background: url(/images/page/m41_title_plan.png) no-repeat center;
	background-size: contain;
}


.m42{}
.m42 .m42Sec1{padding:20px 0 140px;}
.m42 .m42Sec1>div{display:flex;align-items:center;justify-content:space-between;}
.m42 .m42Sec1>div .con{
	box-sizing:border-box;
	width:calc(100% - 42.22%);
	padding-right:5%;
}
.m42 .m42Sec1>div .con h4{font-size:32px;color:#222;font-weight:500;line-height:140%;}
.m42 .m42Sec1>div .con h4 strong{display:block;font-size:60px;color:#000;font-weight:700;line-height:120%;}
.m42 .m42Sec1>div .con p{margin:40px 0 40px;font-size:16px;color:#7c7c7c;line-height:34px;}
.m42 .m42Sec1>div .con a{
	display:block;
	width:194px;height:56px;
	background:#ff3c42;
	border:0;outline:0;
	border-radius:12px;
	font-size:18px;color:#fff;text-align:center;line-height:56px;
}
.m42 .m42Sec1>div .img{width:42.22%;}

.m42 .m42Sec2{
	padding:226px 0 140px;
	background:#ededed url(/images/page/m42_sec2_bg.png) no-repeat center bottom;
	background-size:100% auto;
}
.m42 .m42Sec2 ul{display:flex;flex-wrap:wrap;gap:20px;margin-top:80px;}
.m42 .m42Sec2 ul li{
	overflow:hidden;
	position:relative;
	width:calc((100% - 40px) / 3);
	aspect-ratio:473/600;
	border-radius:12px;
}
.m42 .m42Sec2 ul li:nth-child(1){background:url(/images/page/m42_sec2_img1.jpg) no-repeat center / cover;}
.m42 .m42Sec2 ul li:nth-child(2){background:url(/images/page/m42_sec2_img2.jpg) no-repeat center / cover;}
.m42 .m42Sec2 ul li:nth-child(3){background:url(/images/page/m42_sec2_img3.jpg) no-repeat center / cover;}
.m42 .m42Sec2 ul li dl{
	position:absolute;left:0;bottom:0;
	width:100%;
	background:rgba(34,34,34,0.75);
	padding:30px 20px 30px;
	text-align:center;
}
.m42 .m42Sec2 ul li dl dt{font-size:24px;color:#fff;font-weight:500;}
.m42 .m42Sec2 ul li dl dd{font-size:16px;color:#fff;font-weight:500;margin-top:10px;}

.m42 .m42Sec3{
	overflow:hidden;
	padding:96px 0 0;
	background:#0f0f0f;
	text-align:center;
}
.m42 .m42Sec3 .con{position:relative;z-index:10;}
.m42 .m42Sec3 .con h4{font-size:25px;color:#e671b7;font-weight:600;}
.m42 .m42Sec3 .con h4 span{
  background: linear-gradient(to bottom,#FF7DFF, #956BFF);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.m42 .m42Sec3 .con h4 strong{display:block;font-size:66px;color:#fff;font-weight:700;margin-top:10px;}
.m42 .m42Sec3 .con p{margin:40px 0 0;font-size:17px;color:rgba(255,255,255,0.7);line-height:160%;}
.m42 .m42Sec3 .img{	
	position:relative;
	padding:80px 0 0;
	text-align:center;
}
.m42 .m42Sec3 .img .bg1{
	position:absolute;left:0;bottom:0;
	width:100%;
	aspect-ratio:1638/361;
	background:url(/images/page/m42_sec3_bg1.png) no-repeat center / contain;
}
.m42 .m42Sec3 .img .bg2{
	position:absolute;left:50%;bottom:-20px;z-index:1;
	width:100vw;
	font-size:18.5vw;text-align:center;font-weight:700;line-height:100%;
	transform:translateX(-50%);
	color:rgba(255,255,255,0.1);
}
.m42 .m42Sec3 .img .img1{position:relative;z-index:100;}
.m42 .m42Sec3 .img .img2{position:absolute;left:5%;top:40%;z-index:5;}
.m42 .m42Sec3 .img .img3{position:absolute;right:10%;top:35%;z-index:5;}

.m42 .m42Sec4{padding:160px 0;background:rgba(15, 15, 15, 1);text-align:center;}
.m42 .m42Sec4 h4{font-size:20px;color:#ff3c42;font-weight:500;}
.m42 .m42Sec4 h5{margin:30px 0 0;font-size:56px;color:#fff;font-weight:700;}
.m42 .m42Sec4 .conWrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	max-width:1200px;width:90%;
	margin:100px auto 0;
}
.m42 .m42Sec4 .conWrap .boxWrap{
	width:48.5%;
}
.m42 .m42Sec4 .conWrap .boxWrap .pass{
	padding:40px 50px;
	border-radius:20px; 
	text-align:left;
}
.m42 .m42Sec4 .conWrap .boxWrap:nth-child(1) .pass{background:#ff3c42;}
.m42 .m42Sec4 .conWrap .boxWrap:nth-child(2) .pass{background:#ff4294;}
.m42 .m42Sec4 .conWrap .boxWrap .pass .tit{}
.m42 .m42Sec4 .conWrap .boxWrap .pass .tit .kr{font-size:17px;color:#fff;font-weight:500;}
.m42 .m42Sec4 .conWrap .boxWrap .pass .tit .en{margin-top:10px;font-size:41px;color:#fff;font-weight:600;}
.m42 .m42Sec4 .conWrap .boxWrap .pass dl{margin-top:75px;}
.m42 .m42Sec4 .conWrap .boxWrap .pass dl dt{font-size:25px;color:#eeeef1;font-weight:600;}
.m42 .m42Sec4 .conWrap .boxWrap .pass dl dd{margin-top:15px;font-size:17px;color:rgba(255,255,255,0.8);}
.m42 .m42Sec4 .conWrap .boxWrap .benefit{margin-top:10px;}
.m42 .m42Sec4 .conWrap .boxWrap .benefit ul{}
.m42 .m42Sec4 .conWrap .boxWrap .benefit ul li{
	overflow:hidden;
	position:relative;
	padding:30px 80px 30px 50px;
	border-radius:20px;
	font-size:17px;color:#fff;font-weight:600;text-align:left;
}
.m42 .m42Sec4 .conWrap .boxWrap .benefit ul li:after{
	display:block;content:"";
	width:94%;height:1px;
	border-top:2px dashed rgba(255, 255, 255, 0.2);
	position:absolute;left:50%;bottom:0;
	transform:translateX(-50%);
}
.m42 .m42Sec4 .conWrap .boxWrap .benefit ul li:last-child:after{display:none;}
.m42 .m42Sec4 .conWrap .boxWrap .benefit ul li:nth-child(1){
	background:#242424 url(/images/page/m42_sec4_icon1.png) no-repeat calc(100% - 30px) center;
	background-size:40px;
}
.m42 .m42Sec4 .conWrap .boxWrap .benefit ul li:nth-child(2){
	background:#242424 url(/images/page/m42_sec4_icon2.png) no-repeat calc(100% - 30px) center;
	background-size:40px;
}
.m42 .m42Sec4 .conWrap .boxWrap .benefit ul li:nth-child(3){
	background:#242424 url(/images/page/m42_sec4_icon3.png) no-repeat calc(100% - 30px) center;
	background-size:40px;
}
.m42 .m42Sec4 .conWrap .boxWrap .benefit ul li:nth-child(4){
	background:#242424 url(/images/page/m42_sec4_icon4.png) no-repeat calc(100% - 30px) center;
	background-size:40px;
}
.m42 .m42Sec4 .conWrap .boxWrap .benefit ul li span{
	display:block;
	font-size:16px;
	margin-top:5px;color:#bfbfbf;font-weight:400;
}

.m42 .m42Sec5{padding:0 0 160px 0;}
.m42 .m42Sec5 h4{font-size:56px;color:#222;font-weight:700;text-align:center;}
.m42 .m42Sec5 .conWrap{position:relative;margin:80px 0 0 ;}
.m42 .m42Sec5 .conWrap .ssPrev{
	position:absolute;left:-100px;top:50%;z-index:100;
	width:64px;height:64px;
	margin-top:-32px;
	border:1px solid #bfbfbf;border-radius:50%;
	background:rgba(255,255,255,0.2) url(/images/page/m41_sec2_brand_inner_prev.png) no-repeat center;
}
.m42 .m42Sec5 .conWrap .ssNext{
	position:absolute;right:-100px;top:50%;z-index:100;
	width:64px;height:64px;
	margin-top:-32px;
	border:1px solid #bfbfbf;border-radius:50%;
	background:rgba(255,255,255,0.2) url(/images/page/m41_sec2_brand_inner_next.png) no-repeat center;
}
.m42 .m42Sec5 .conWrap .ssSwiper{}
.m42 .m42Sec5 .conWrap .ssSwiper .swiper-slide{
	overflow:hidden;
	border-radius:12px;
	width:472px;
	border:1px solid #ddd;
}
.m42 .m42Sec5 .conWrap .ssSwiper .swiper-slide .thumb{}
.m42 .m42Sec5 .conWrap .ssSwiper .swiper-slide .info{
	padding:30px 30px 50px;
}
.m42 .m42Sec5 .conWrap .ssSwiper .swiper-slide .info .name{font-size:23px;color:#000;font-weight:600;}
.m42 .m42Sec5 .conWrap .ssSwiper .swiper-slide .info .addr{
	margin:20px 0 30px;
	padding-left:24px;
	background:url(/images/page/m21_icon1.png) no-repeat left top;
	font-size:17px;color:#000;
}
.m42 .m42Sec5 .conWrap .ssSwiper .swiper-slide .info .tag{display:flex;flex-wrap:wrap;gap:6px;}
.m42 .m42Sec5 .conWrap .ssSwiper .swiper-slide .info .tag span{
	display:flex;align-items:center;justify-content:center;
	height:36px;
	padding:0 16px;
	border:1px solid #ccc;border-radius:50px;
	font-size:16px;color:#000;text-align:center;
}





/* m43 */
.m41 .titlearea h4.smart:before {
	display:block;content:"";
	position:absolute;
	width: 334px;
	height: 122px;
	aspect-ratio: 334 / 122;
	left:50%;
	bottom: calc(100%);
	transform:translateX(-50%);
	background: url(/images/page/m41_title_smart.png) no-repeat;
	background-size: cover;
}

.m43 .m43Sec2{
	padding:225px 0 190px;
	background:#ededed url(/images/page/m43_sec2_bg.png) no-repeat center calc(100% - 70px);
	background-size:contain;
}
.m43 .m43Sec2 .swiper-slide{}
.m43 .m43Sec2 .swiper-slide .info{
	box-sizing:border-box;
	width:calc(100% - 0%);
	padding:80px 60px;
	background:#222;
	border-radius:24px;
	text-align:left;
}
.m43 .m43Sec2 .swiper-slide .info .tit{font-size:36px;color:#fff;font-weight:600;}
.m43 .m43Sec2 .swiper-slide .info .tit + p{margin-top:20px;font-size:21px;color:#fff;line-height:40px;font-weight:500;}
.m43 .m43Sec2 .swiper-slide .img{
	overflow:hidden;
	width:100%;height:40vh;
	border-radius:24px;
}
.m43 .m43Sec2 .swiper-slide.smart1 .img{background:url(/images/page/m43_smart_img1.jpg) no-repeat center / cover;}
.m43 .m43Sec2 .swiper-slide.smart2 .img{background:url(/images/page/m43_smart_img2.jpg) no-repeat center / cover;}
.m43 .m43Sec2 .swiper-slide.smart3 .img{background:url(/images/page/m43_smart_img3.jpg) no-repeat center / cover;}
.m43 .m43Sec2 .swiper-slide.smart4 .img{background:url(/images/page/m43_smart_img4.jpg) no-repeat center / cover;}

.m43 .m43Sec3{
	padding:160px 0;
	background:#0f0f0f;
	text-align:center;
}
.m43 .m43Sec3 h4{font-size:20px;color:#ff3c42;font-weight:500;}
.m43 .m43Sec3 h5{margin:30px 0 0;font-size:56px;color:#fff;font-weight:700;text-align:center;}
.m43 .m43Sec3 .conWrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin:100px 0 0;
}
.m43 .m43Sec3 .conWrap .boxWrap{width:32%;}
.m43 .m43Sec3 .conWrap .boxWrap>div{
	padding:40px 50px;
	background:#242424;
	border-radius:24px;
}
.m43 .m43Sec3 .conWrap .boxWrap .topArea{
	position:relative;
}
.m43 .m43Sec3 .conWrap .boxWrap .topArea:after{
	display:block;content:"";
	width:90%;height:1px;
	border-top:1px dashed rgba(255,255,255,0.2);
	position:absolute;left:50%;bottom:0;
	transform:translateX(-50%);
}
.m43 .m43Sec3 .conWrap .boxWrap .topArea .hour{
	display:flex;align-items:center;
	width:100%;
}
.m43 .m43Sec3 .conWrap .boxWrap .topArea .hour dl{
	width:calc(100% - 110px);
	text-align:left;
}
.m43 .m43Sec3 .conWrap .boxWrap .topArea .hour dl dt{font-size:31px;color:#fff;font-weight:600;}
.m43 .m43Sec3 .conWrap .boxWrap .topArea .hour dl dd{margin-top:10px;font-size:17px;color:rgba(255,255,255,0.8);}
.m43 .m43Sec3 .conWrap .boxWrap .topArea .hour .circle{
	display:flex;align-items:center;justify-content:center;
	width:110px;height:110px;
	border:1px dashed #7c7c7c;border-radius:50%;
}
.m43 .m43Sec3 .conWrap .boxWrap .topArea .hour .circle .num{font-size:21px;color:#ff3c42;font-weight:600;}
.m43 .m43Sec3 .conWrap .boxWrap .topArea .hour .circle .txt{font-size:17px;color:rgba(255,255,255,0.6);}
.m43 .m43Sec3 .conWrap .boxWrap .topArea .hour .circle .unlimit{font-size:17px;color:#ff4294;font-weight:600;}
.m43 .m43Sec3 .conWrap .boxWrap .topArea .price{
	margin-top:60px;padding:15px 0;
	background:#ff3c42;
	border-radius:12px;
	font-size:19px;color:#fff;font-weight:600;text-align:center;
}
.m43 .m43Sec3 .conWrap .boxWrap:last-child .topArea .price{background:#ff4294;}
.m43 .m43Sec3 .conWrap .boxWrap .btmArea{text-align:left;}
.m43 .m43Sec3 .conWrap .boxWrap .btmArea h6{font-size:21px;color:#fff;font-weight:500;}
.m43 .m43Sec3 .conWrap .boxWrap .btmArea ul{margin-top:30px;}
.m43 .m43Sec3 .conWrap .boxWrap .btmArea ul li{
	position:relative;
	padding-left:28px;margin-bottom:15px;
	background:url(/images/page/m43_sec3_v.png) no-repeat left;
	background-size:24px;
	font-size:17px;color:rgba(255,255,255,0.8);
}
.m43 .m43Sec3 .conWrap .boxWrap .btmArea ul li:last-child{margin:0;}


@media(max-width:1200px){
	.m43 .m43Sec3 .conWrap{display:block;}
	.m43 .m43Sec3 .conWrap .boxWrap{width:100%;margin-bottom:20px;}
}






/**/
.promotion{padding:0 0 220px;}
.bbsSearchWrap{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	padding:60px 5%;
	background:#f9f9f9;
	border-radius:12px;
}
.bbsSearchWrap select{
	box-sizing:border-box;
	width:150px;height:56px;
	padding:0 30px;
	font-size:17px;color:#666;
	appearance: none;
	border:1px solid #ccc;border-radius:28px;outline:0;
	background:#fff url(/images/page/sel_arr2.png) no-repeat calc(100% - 30px) center;
}
.bbsSearchWrap .textSearch{
	overflow:hidden;
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:space-between;
	max-width:680px;width:calc(100% - 150px - 10px);
	margin-left:10px;padding:0 10px 0 30px;
	background:#fff;
	border:1px solid #ccc;border-radius:28px;
}
.bbsSearchWrap .textSearch input{
	box-sizing:border-box;
	width:calc(100% - 56px);height:56px;		
	font-size:17px;color:#666;
	outline:0;border:0;
}
.bbsSearchWrap .textSearch button{
	width:56px;height:56px;
	border:0;outline:0;background:#fff;
}
.promotion .sort{display:flex;gap:10px;margin:60px 0 0;}
.promotion .sort button{
	width:120px;height:56px;
	background:#ededed;
	border:0;outline:0;
	border-radius:50px;
	font-size:17px;font-weight:500;
}
.promotion .sort button.on{background:#ff3c42;color:#fff;}
.promotion ul.list{display:flex;flex-wrap:wrap;margin:60px 0 0;}
.promotion ul.list li{
	width:49%;
	margin:0 2% 2% 0;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:30px;
}
.promotion ul.list li:nth-child(2n){margin-right:0;}
.promotion ul.list li a{
	display:block;
	position:relative;
	padding:40px 40px 50px;
}
.promotion ul.list li a .state{}
.promotion ul.list li a .state span{
	display:inline-flex;align-items:center;justify-content:center;
	font-size:16px;color:#fff;font-weight:500;
	height:30px;
	padding:0 16px;
	border-radius:30px;
}
.promotion ul.list li a .state span.ing{background:#ff3c42;}
.promotion ul.list li a .state span.end{background:#ededed;color:#666;}
.promotion ul.list li a .thumb{margin:30px 0 20px;}
.promotion ul.list li a .thumb img{width:100%;}
.promotion ul.list li a .tit{
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size:23px;color:#000;font-weight:bold;line-height:1.4em;
}
.promotion ul.list li a .date{
	display:flex;
	margin:40px 0 0;
	font-size:16px;
}
.promotion ul.list li a .date .dday{
	margin-right:10px;
	color:#ff3c42;
}
.promotion ul.list li a .date .period{color:rgba(0,0,0,0.6);}
.promotion ul.list li a .more{
	box-sizing:border-box;
	width:48px;height:48px;
	background:url(/images/page/more_arr1.png) no-repeat center;
	border:1px solid #bebebe;
	border-radius:50%;
	position:absolute;right:40px;bottom:40px;
}
.btnMore{
	display:block;
	width:300px;height:76px;
	margin:40px auto 0;
	background:#ededed;
	border:0;outline:0;
	border-radius:50px;
	font-size:17px;color:#222;font-weight:500;
	transition:all 0.4s;
}





/* m51 */
.prTabs{margin-bottom:40px;}
.prTabs ul{display:flex;box-shadow:0 -1px 0 #cacaca inset;}
.prTabs ul li{flex:1;}
.prTabs ul li a{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	padding-bottom:35px;
	font-size:17px;color:#222;text-align:center;
}
.prTabs ul li.on a{color:#000;font-weight:600;border-bottom:2px solid #000; }





/* 공지사항  */
.notice{padding:0 0 220px;}
.notice .list{display:flex;flex-wrap:wrap;margin:60px 0 0;}
.notice .list li{
	position:relative;
	width:49%;
	margin:0 2% 2% 0;padding:40px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:30px;
}
.notice .list li:nth-child(2n){margin-right:0;}
.notice .list li a:after{
	display:block;content:"";
	box-sizing:border-box;
	width:100%;height:100%;
	border:2px solid #ff3c42;
	border-radius:30px;
	position:absolute;left:0;top:0;
	opacity:0;transition:all 0.4s;
}
.notice .list li a .cate{margin-bottom:30px;}
.notice .list li a .cate span{
	display:inline-flex;align-items:center;justify-content:center;
	font-size:16px;color:#fff;font-weight:500;
	height:30px;
	padding:0 16px;
	border-radius:30px;
}
.notice .list li a .cate span.cate2{background:#ff3c42;}
.notice .list li a .cate span.cate1{border:1px solid #666;background:#fff;color:#666;}
.notice .list li a .thumb{margin:0 0 20px;}
.notice .list li a .thumb img{width:100%;}
.notice .list li a .tit{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:23px;color:#000;font-weight:bold;line-height:1.4em;
}
.notice .list li a .txt{
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin:20px 0 40px;
	font-size:17px;color:rgba(0,0,0,0.6);line-height:1.7em;
}
.notice .list li a .date{
	display:flex;
	margin:40px 0 0;
	font-size:16px;
}
.notice .list li a .more{
	box-sizing:border-box;
	width:48px;height:48px;
	background:url(/images/page/more_arr1.png) no-repeat center;
	border:1px solid #bebebe;
	border-radius:50%;
	position:absolute;right:40px;bottom:30px;
	transition:all 0.4s;
}
.notice .list li:hover a:after{opacity:1;}
.notice .list li:hover a .more{
	background:#000 url(/images/page/more_arr2.png) no-repeat center;
}





/* 미디어  */
.media{padding:0 0 220px;}
.media .list{display:flex;flex-wrap:wrap;margin:60px 0 0;padding:0 0px;}
.media .list li{
	position:relative;
	width:49%;
	margin:0 2% 2% 0;
	box-sizing:border-box;
}
.media .list li:nth-child(2n){margin-right:0;}
.media .list li a:after{
	display:block;content:"";
	box-sizing:border-box;
	width:100%;height:100%;
	border:2px solid #ff3c42;
	border-radius:30px;
	position:absolute;left:0;top:0;
	opacity:0;transition:all 0.4s;
}
.media .list li a .thumb{margin:0 0 20px; aspect-ratio: 433 / 244; border-radius: 12px; overflow: hidden;}
.media .list li a .thumb img{width:100%; height: 100%; object-fit: cover;}
.media .list li a .tit{
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size:23px;color:#000;font-weight:bold;line-height:1.4em;
}
.media .list li a .date{
	display:flex;
	margin:10px 0 0;
	font-size:16px;
}





/* bbsView */
.bbsView{padding:0 0 220px;}
.bbsView .titlearea{
	position:relative;
	padding:0 0 20px;
	border-bottom:2px solid rgba(0, 0, 0, 0.2);
}
.bbsView .titlearea .tit{font-size:52px;color:#000;font-weight:bold;}
.bbsView .titlearea .dateArea{
	display:flex;justify-content:space-between;align-items:center;
	margin-top:30px;font-size:17px;color:rgba(102, 102, 102, 1);
}
.bbsView .titlearea .dateArea .name{color:#000;}
.bbsView .titlearea .dateArea .bar{
	display:inline-block;
	width:1px;height:12px;
	margin:0 10px;
	background:#ccc;
}
.bbsView .titlearea .dateArea .btns{}
.bbsView .titlearea .dateArea .btns button{
	padding-left:33px;
	border:0;outline:0;background:0;
	font-size:17px;color:#000;
}
.bbsView .titlearea .dateArea .btns button i{
	display:inline-block;vertical-align:top;
	width:21px;height:21px;	
}
.bbsView .titlearea .dateArea .btns button.btnModify i{background:url(/images/page/icon_modify.png) no-repeat;background-size:cover;}
.bbsView .titlearea .dateArea .btns button.btnDelete i{background:url(/images/page/icon_del.png) no-repeat;background-size:cover;}
.bbsView .titlearea .dateArea .btns a{
	display:flex;align-items:center;justify-content:center;
	width:115px;height:115px;
	border-radius:50%;
	background:#ff3c42;
	font-size:17px;color:#fff;font-weight:600;
}
.bbsView .titlearea .dateArea dl{
	display:inline-flex;
	margin-right:30px;
}
.bbsView .titlearea .dateArea dl dt{
	position:relative;
	padding-right:10px;margin-right:11px;
	font-size:17px;color:#666;
}
.bbsView .titlearea .dateArea dl dt:after{
	display:block;content:"";
	width:1px;height:12px;
	background:#ccc;
	position:absolute;right:0;top:4px;
}
.bbsView .titlearea .dateArea dl dd{font-size:17px;color:#000;}
.bbsView .titlearea .dateArea dl dd .dday{margin-right:5px;color:#ff3c42;}
.bbsView .filearea{margin-top: 15px;}
.bbsView .filearea li + li{margin-top: 5px;}
.bbsView .filearea li a{font-size: 18px;}
.bbsView .filearea li a img{margin-right: 10px;}
.bbsView .viewcon{
	padding:60px 0;
	border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
.bbsView .btmbtns{
	display:flex;justify-content:center;gap:12px;
	margin:60px 0 0;
}
.bbsView .btmbtns a{margin:0;}
.bbsView .btmbtns a.btnRecruit{
	display:flex;align-items:center;justify-content:center;
	width:220px;height:76px;
	border-radius:38px;
	background:#ff3c42;
	font-size:17px;color:#fff;font-weight:500;
}





/* bbsWrite */
.bbsWrite{padding:0 0 220px;}
.bbsWrite .titlearea{
	display:flex;justify-content:space-between;
}
.bbsWrite .titlearea h4{font-size:25px;color:#000;font-weight:bold;}
.bbsWrite .titlearea .tip{font-size:16px;color:#666;text-align:right;}
.bbsWrite .req{color:#ff3c42;}
.bbsWrite .line{
	width:100%;height:1px;
	margin:55px 0;
	background:rgba(0, 0, 0, 0.1);
}
.bbsWrite .formWrap{
	margin:20px 0;
	padding:55px 0 0;
	border-top:2px solid rgba(0, 0, 0, 0.2);
}
.bbsWrite .formWrap dl{display:flex;align-items:center;margin-bottom:16px; padding: 0; border-bottom: none;}
.bbsWrite .formWrap dl dt{
	width:180px;
	font-size:18px;color:#000;font-weight:500;
}
.bbsWrite .formWrap dl dd{width:calc(100% - 412px); font-size: 17px;}
.bbsWrite .formWrap dl dd input{
	box-sizing:border-box;
	max-width:297px;width:100%;height:50px;
	border:1px solid rgba(204, 204, 204, 1);
	border-radius:12px;
	background:0;outline:0;
	padding:0 20px;
	font-size:18px;
}
.bbsWrite .formWrap dl dd select{
	box-sizing:border-box;
	max-width:200px;width:100%;height:50px;
	border:1px solid rgba(204, 204, 204, 1);
	border-radius:12px;
	background:url(/images/page/sel_arr2.png) no-repeat calc(100% - 20px) 50%;
	outline:0;
	padding:0 20px;
	font-size:16px;
	appearance: none;
}
.bbsWrite .formWrap dl dd .msg{
	display:inline-flex;
	margin-left:20px;font-size:16px;line-height:150%;
}
.bbsWrite .formWrap dl dd .email{display:flex;align-items:center;max-width:calc(297px + 36px + 200px);}
.bbsWrite .formWrap dl dd .email input:nth-child(1){width:297px;}
.bbsWrite .formWrap dl dd .email span:nth-child(2){width:36px;text-align:center;}
.bbsWrite .formWrap dl dd .email input:nth-child(3){width:200px;}
.bbsWrite .formWrap dl dd .area{display:inline-flex;align-items:center;gap:10px;max-width:620px;}
.bbsWrite .formWrap dl dd .area input{flex:1;}
.bbsWrite .formWrap dl dd .radio{display:flex;flex-wrap:wrap;gap:30px;padding:10px 0;}
.bbsWrite .formWrap dl dd .radio input{display:none;}
.bbsWrite .formWrap dl dd .radio input + label{
	position:relative;
	padding-left:34px;
	font-size:18px;color:#000;
}
.bbsWrite .formWrap dl dd .radio input + label:before{
	display:block;content:"";
	box-sizing:border-box;
	width:24px;height:24px;
	border:1px solid #ccc;
	border-radius:50%;
	position:absolute;left:0;top:-2px;
}
.bbsWrite .formWrap dl dd .radio input:checked + label:before{
	border:1px solid #ff3c42;
}
.bbsWrite .formWrap dl dd .radio input:checked + label:after{
	display:block;content:"";
	width:12px;height:12px;
	border-radius:50%;
	background:#ff3c42;
	position:absolute;left:6px;top:4px;
}
.bbsWrite .formWrap dl dd .filebox{display:flex;align-items:center;}
.bbsWrite .formWrap dl dd .filebox label{height:50px; line-height: 50px; margin-left:5px;}
.bbsWrite .agreeWrap{margin-bottom:30px;}
.bbsWrite .agreeWrap .exp{width:100%;}

.bbsWrite .btns{display:flex;align-items:center;justify-content:center;gap:12px;margin:60px 0 0;}
.bbsWrite .btns a{margin:0;}
.bbsWrite .btns button{margin:0;}





/* bgBlack */
#bgBlack{
	display:none;
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
}
/* layerPop */
.layerPop{
	display:none;
	position:fixed;left:50%;top:50%;z-index:5000;
	width:94%;max-width:1200px;
	transform:translate(-50%,-50%);
}
.layerPop .btnClose{margin-bottom:10px;text-align:right;cursor:pointer;}


.layerPop.video .vod{width:100%;height:670px;}
.layerPop.video .vod iframe{width:100%;height:100%;}


.layerPop.m32pop{
	display:none;
	max-width:1480px;	
}
.layerPop.m32pop .btnClose{
	position:absolute;right:0%;top:-30px;
	width:24px;height:24px;
	margin:0 0 0 20px;
}
.layerPop.m32pop .conwrap{	
	overflow:hidden;
	width:100%;
	background:rgba(139, 139, 139, 0.9);
	border-radius:12px;
}
.layerPop.m32pop .conwrap>div{display:none;width:100%;}
.layerPop.m32pop .conwrap>div>div{display:flex;width:100%;}
.layerPop.m32pop .conwrap .imgarea{width:63%;aspect-ratio:932/559;}
.layerPop.m32pop .conwrap .imgarea iframe{width:100%;height:100%;object-fit:cover;}
.layerPop.m32pop .conwrap .imgarea .swiper-pagination{width:100%;bottom:30px;}
.layerPop.m32pop .conwrap .imgarea .swiper-pagination span{
	width:30px;height:3px;
	background:#bfbfbf;
	border-radius:0;
	opacity:1;
}
.layerPop.m32pop .conwrap .imgarea .swiper-pagination span.swiper-pagination-bullet-active{
	background:#ff3c42;
}
.layerPop.m32pop .conwrap .txtarea{
	box-sizing:border-box;
	width:37%;height:100%;
	aspect-ratio:547/559;
	padding:60px 20px 60px 50px;
}
.layerPop.m32pop .conwrap .txtarea>div{
	overflow:hidden;overflow-y:auto;height:100%;
	padding-right:30px;
}
.layerPop.m32pop .conwrap .txtarea .tit1{font-size:30px;color:#fff;font-weight:700;}
.layerPop.m32pop .conwrap .txtarea .tit2{margin:14px 0 30px;font-size:21px;color:#fff;font-weight:500;}
.layerPop.m32pop .conwrap .txtarea p{font-size:17px;color:rgba(255,255,255,0.7);line-height:150%;}
.layerPop.m32pop .conwrap .program{
	margin-top:40px;padding:34px 0;
	border-top:1px solid rgba(255,255,255,0.3);
}
.layerPop.m32pop .conwrap .program .tit3{font-size:25px;color:#fff;font-weight:700;}
.layerPop.m32pop .conwrap .program ul{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;}
.layerPop.m32pop .conwrap .program ul li{
	font-size:19px;color:#fff;font-weight:500;
}


.layerPop.infoPop{
	display:none;
	max-width:1000px;	
}
.layerPop.infoPop .btnClose{
	position:absolute;right:0%;top:-40px;
	width:24px;height:24px;
	margin:0 0 0 20px;
}
.layerPop.infoPop .conwrap{	
	overflow:hidden;
	position:relative;
	width:100%;	
	background:#fff url(/images/page/m41_sec3_img_bg.png) no-repeat right;
	background-size:50%;
	border-radius:12px;
}
.layerPop.infoPop .conwrap .con{
	padding:70px 80px 60px;
}
.layerPop.infoPop .conwrap .con .tit1{
	display:inline-block;
	padding:10px 20px;
	border:2px solid #ff3c42;
	border-radius:30px;
	font-size:21px;color:#ff3c42;text-align:center;font-weight:600;
}
.layerPop.infoPop .conwrap .con .tit2{
	margin:16px 0 68px;
	font-size:52px;color:#000;font-weight:700;line-height:70px;
}
.layerPop.infoPop .conwrap .con .download{}
.layerPop.infoPop .conwrap .con .download>a{
	display:flex;align-items:center;justify-content:space-between;
	width:316px;height:83px;
	box-sizing:border-box;
	padding:0 37px;
	border-radius:100px;
	border:1px solid rgba(0,0,0,0.2);	
}
.layerPop.infoPop .conwrap .con .download .btn1{margin-bottom:20px;}
.layerPop.infoPop .conwrap .con .download .btn2{}
.layerPop.infoPop .conwrap .con .download .logoImg{height:32px;}
.layerPop.infoPop .conwrap .con .download .qrImg{height:52px;}
.layerPop.infoPop .conwrap .img{
	position:absolute;right:35px;bottom:0;
	width:50%;
}
.layerPop.infoPop .conwrap .msg{
	position:relative;z-index:10;
	background:#ff3c42;
	font-size:19px;color:#fff;text-align:center;padding:48px;
}




/* 매거진  */
.magazine{padding:0 0 220px;}
.magazine .list{display:flex;flex-wrap:wrap;margin:60px 0 0;padding:0 50px;}
.magazine .list li{
	position:relative;
	width:49%;
	margin:0 2% 40px 0;
	box-sizing:border-box;
}
.magazine .list li:nth-child(2n){margin-right:0;}
.magazine .list li .thumb{overflow:hidden;position:relative;border-radius:12px;}
.magazine .list li .thumb img{width:100%;}
.magazine .list li .thumb .magazineTitle{
	position:absolute;left:0;top:0;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	background:rgba(0,0,0,0.6);
	font-size:25px;color:#fff;font-weight:700;text-align:center;line-height:150%;
	opacity:0;
	transition:all 0.4s;
}
.magazine .list li .tit{margin:22px 0;font-size:21px;color:#000;font-weight:600;}
.magazine .list li .btns{
	display:flex;justify-content:space-between;gap:10px;
}
.magazine .list li .btns a{
	flex:1;
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	height:56px;
	border:1px solid rgba(0,0,0,0.1);border-radius:12px;
	font-size:17px;color:#666;font-weight:500;
	transition:all 0.4s;
}

.magazine .list li:hover .thumb .magazineTitle{opacity:1;}
.magazine .list li .btns a:hover{background:#000;color:#fff;}





/* 칭찬게시판  */
.commend{padding:0 0 220px;}
.listTop{
	display:flex;justify-content:space-between;align-items:flex-end;
	margin:58px 0 0;
}
.listTop .total{font-size:15px;color:#000;}
.listTop .total .num{color:#ff3c42;font-weight:600;}
.listTop .total .alert{margin-left:10px;color:#666;}
.listTop a{
	display:flex;align-items:center;justify-content:center;
	width:129px;height:56px;
	margin:0;
	border-radius:50px;
	background:#000;
	font-size:17px;color:#fff;text-align:center;
}
.listTop a.btnWrite i{
	display:inline-block;
	width:16px;height:16px;
	margin-right:10px;
	background:url(/images/page/icon_write.png) no-repeat;
}
.commend .list{margin:16px 0 0;width:100%;border-top:1px solid rgba(0,0,0,0.2)}
.commend .list li{}
.commend .list li a{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	padding:35px 0;
	border-bottom:1px solid rgba(0,0,0,0.2);
	font-size:17px;color:rgba(0,0,0,0.6);text-align:center;
}
.commend .list li a .tit{width:calc(100% - 300px);font-size:19px;color:#000;font-weight:500;text-align:left;padding:0 30px;}
.commend .list li a .writer{width:150px;color:#000;}
.commend .list li a .date{width:150px;}





/* password */
.password{padding:265px 0;text-align:center;}
.password .conwrap{max-width:560px;margin:0 auto;}
.password .conwrap .tit{font-size:35px;color:#000;font-weight:bold;text-align:left;}
.password .conwrap .txt{margin:30px 0;font-size:16px;color:#222;text-align:left;}
.password .conwrap dl{
	display:flex;align-items:center;
	padding:40px 0;
	border-top:2px solid rgba(0,0,0,0.2);
}
.password .conwrap dl dt{width:143px;font-size:17px;color:#000;font-weight:500;}
.password .conwrap dl dd{width:calc(100% - 143px);}
.password .conwrap dl dd input{
	width:100%;height:50px;
	border:1px solid #ccc;border-radius:12px;
	outline:0;background:#fff;
	box-sizing:border-box;
	padding:0 25px;
	font-size:17px;
}
.password .conwrap button{
	width:100%;height:66px;
	background:#ff3c42;
	border-radius:12px;
	border:0;outline:0;
	font-size:17px;color:#fff;font-weight:500;
}
.password .conwrap a{
	display:inline-block;
	margin-top:40px;
	font-size:17px;color:#666;text-align:center;
	border-bottom:1px solid #666;
}




/* 글쓰기  */
.write{padding:0 0 220px;}
.write .formWrap{
	padding:50px 0;
	border-top:1px solid rgba(0,0,0,0.4);
	border-bottom:1px solid rgba(0,0,0,0.4);
}
.write .formWrap dl{
	display:flex;align-items:center;
	margin-bottom:16px;
	border-bottom: none;
	padding: 4px 0;
}
.write .formWrap dl dt{
	width:158px;
	font-size:18px;color:#000;font-weight:500;
}
.write .formWrap dl dd{width:calc(100% - 158px);}
.write .formWrap dl dd .msg{
	display:inline-block;
	position:relative;
	margin-left:20px;padding-left:10px;
	font-size:16px;color:#666;
}
.write .formWrap dl dd .msg:before{
	display:block;content:"*";
	position:absolute;left:0;top:0;
	color:#ff3c42;
}
.write .formWrap dl dd input{
	width:100%;max-width:434px;height:50px;
	border:1px solid #ccc;border-radius:12px;
	background:#fff;outline:0;
	box-sizing:border-box;
	padding:0 25px;
	font-size:17px;
}
.write .formWrap dl dd select{
	width:100%;max-width:434px;height:50px;
	border:1px solid #ccc;border-radius:12px;
	background:#fff url(/images/page/sel_arr.png) no-repeat calc(100% - 25px) center;
	outline:0;
	box-sizing:border-box;
	padding:0 25px;
	font-size:17px;
	appearance: none;
}
.write .formWrap dl dd textarea{
	width:100%;height:170px;
	border:1px solid #ccc;border-radius:12px;
	background:#fff;
	outline:0;resize:none;
	box-sizing:border-box;
	padding:25px;
	font-size:17px;	
}
.write .formWrap .line{
	width:100%;height:1px;
	background:#ccc;
	margin:24px 0 40px;
}
.write .btns{
	display:flex;align-items:center;justify-content:center;
	gap:10px;
	margin:60px 0 0;
}
.write .btns a{margin:0;}
.write .btns button{
	display:flex;align-items:center;justify-content:center;
	width:253px;height:76px;
	background:#ff3c42;
	border-radius:50px;
	border:0;outline:0;
	font-size:17px;color:#fff;text-align:center;font-weight:500;
	margin: 0;
}
.write .btns button i{
	display:inline-block;
	width:24px;height:24px;
	margin-left:6px;
	background:url(/images/page/icon_write2.png) no-repeat;
	background-size:cover;
}





/* m54  */
.m54{padding:0 0 220px;}
.m54 .faq{margin:30px auto 80px;border-top:1px solid #ccc;word-break:keep-all;}
.m54 .faq .question{display:flex;justify-content:space-between;padding:25px 0;cursor:pointer;border-bottom:1px solid #ddd;}
.m54 .faq .question .mark{width:112px;text-align:center;}
.m54 .faq .question .mark span{
	display:inline-flex;align-items:center;justify-content:center;
	width:42px;height:42px;
	border:1px solid #ccc;
	border-radius:50%;
	font-size:21px;font-weight:600;color:#ff3c42;text-align:center;
}
.m54 .faq .question.notice .mark span{background:#ff3c42;color:#fff;}
.m54 .faq .question .tit{
	box-sizing:border-box;
	width:calc(100% - 112px - 80px);
	font-size:19px;color:#000;font-weight:600;padding:8px 0 0;
}
.m54 .faq .question .arr{width:80px;text-align:center;}
.m54 .faq .question .arr:after{
	display:inline-block;content:"";
	width:8px;height:8px;margin:16px 0 0 0;
	border-right:2px solid #777;border-bottom:2px solid #777;
	transform:rotate(45deg);transition:all 0.24s;
}
.m54 .faq .question.active{background:#f9f9f9;}
.m54 .faq .question.active .arr:after{transform:rotate(225deg);}
.m54 .faq .answer{display:none;background:#f9f9f9;padding:25px 0;border-bottom:1px solid #ddd;}
.m54 .faq .answer>div{display:flex;justify-content:space-between;}
.m54 .faq .answer>div .mark{width:112px;text-align:center;}
.m54 .faq .answer>div .txt{
	box-sizing:border-box;
	width:calc(100% - 112px);
	font-size:17px;color:#222;padding:6px 112px 0 0;text-align:left;line-height:180%;
}





/* m55  */
.m55{padding:0 0 220px;}
.m55 .sec1{}
.m55 .sec1>div{padding:50px 0;border-top:1px solid rgba(0,0,0,0.4);}
.m55 .sec1 dl{
	display:flex;align-items:center;
	margin-bottom:20px;
}
.m55 .sec1 dl dt{width:158px;font-size:17px;color:#000;font-weight:500;}
.m55 .sec1 dl dd{width:calc(100% - 158px);}
.m55 .sec1 dl dd input{
	box-sizing:border-box;
	max-width:434px;width:100%;height:56px;
	padding:0 25px;
	border:1px solid #ccc;border-radius:12px;
	background:0;outline:0;
	font-size:17px;
}
.m55 .sec1 dl dd input[type="file"]{}
.m55 .sec1 dl dd textarea{
	box-sizing:border-box;
	width:100%;height:171px;
	padding:25px;
	border:1px solid #ccc;border-radius:12px;
	background:0;outline:0;resize:none;
	font-size:17px;
}
.filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width:100%;
    color: #999999;
}
.filebox input[type="file"]{display:none;}
.filebox label {
    display: inline-block;vertical-align:top;
	width:107px;height:56px;
	margin:0 10px 0 20px;
	background:#222;
	border-radius:12px;
	font-size:17px;color:#fff;text-align:center;line-height:56px;
}
.m55 .sec1 .line{
	width:100%;height:1px;
	margin:40px 0;
	background:#ccc;
}
.agreeWrap{position:relative;}
.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;
}
.btnWrite{
	display:flex;align-items:center;justify-content:center;
	width:253px;height:76px;
	background:#ff3c42;
	border-radius:100px;
	margin:65px auto 0;
	font-size:17px;color:#fff;font-weight:500;
	border:0;outline:0;
}
.btnWrite img{margin-left:10px;}





/* recruit */
.recruit{padding:0 0 220px;}
.recruit .recruitTabs{display:flex;margin-bottom:40px;box-shadow:0 -1px 0 #ccc inset;}
.recruit .recruitTabs li{width:50%;}
.recruit .recruitTabs li a{
	display:block;
	width:100%;height:48px;
	font-size:17px;color:#222;font-weight:400;text-align:center;
}
.recruit .recruitTabs li.on a{color:#000;font-weight:500;border-bottom:2px solid #000;}
.recruit .list{margin:10px 0 0;border-top:1px solid #ccc;}
.recruit .list li{border-bottom:1px solid #ccc;}
.recruit .list li a{
	display:block;
	position:relative;
	padding:30px 200px 30px 20px;
}
.recruit .list li a .area{font-size:16px;color:#ff3c42;}
.recruit .list li a .tit{
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
	margin:16px 0 14px; 
	font-size:25px;color:#000;font-weight:600;
}
.recruit .list li a .day{
	font-size:15px;color:rgba(0,0,0,0.6);
}
.recruit .list li a .day>span{
	position:relative;
	padding-right:11px;margin-right:8px;
}
.recruit .list li a .day>span:after{
	display:block;content:"";
	width:1px;height:11px;
	background:#ccc;
	position:absolute;right:0;top:3px;
}
.recruit .list li a .day>span:last-child:after{display:none;}
.recruit .list li a .day .dday{color:#000;}
.recruit .list li a .day .period{}
.recruit .list li a .state{
	position:absolute;right:20px;top:50%;
	transform:translateY(-50%);
}
.recruit .list li a .state span{
	display:flex;align-items:center;justify-content:center;
	width:110px;height:110px;
	border-radius:50%;
	background:#ededed;
	font-size:17px;color:#000;font-weight:600;text-align:center;
}
.recruit .list li a .state span.ing{background:#ff3c42;color:#fff;}





/* m63 */
.m63{}
.m63 .sec1{padding:160px 0;background:#f9f9f9;}
.m63 .sec1 .boxwrap{
	display:flex;align-items:center;justify-content:space-between;
	margin-bottom:110px;
}
.m63 .sec1 .boxwrap{margin:0;}
.m63 .sec1 .boxwrap .imgarea{
	width:42.5%;
	aspect-ratio:629/728; 
}
.m63 .sec1 .boxwrap .imgarea img{
	width:100%;height:100%;
	object-fit:cover;	
}
.m63 .sec1 .boxwrap .imgarea{
	 clip-path: url(#myClip);
}
/* 180도 반전 */
.m63 .sec1 .boxwrap .imgarea.flipped {
  clip-path: url(#myClipFlipped);
}
.m63 .sec1 .boxwrap:nth-child(even){flex-direction:row-reverse;}
.m63 .sec1 .boxwrap:nth-child(even) .imgarea{text-align:right;}
.m63 .sec1 .boxwrap:nth-child(even) .imgarea img{transform:rotateY(180deg);}
.m63 .sec1 .boxwrap .txtarea{width:40.87%;}
.m63 .sec1 .boxwrap:nth-child(odd) .txtarea{margin-right:0%;}
.m63 .sec1 .boxwrap:nth-child(even) .txtarea{text-align:right;}
.m63 .sec1 .boxwrap .txtarea h4{font-size:21px;color:#ff3c42;font-weight:500;}
.m63 .sec1 .boxwrap .txtarea h5{margin:14px 0 20px;font-size:52px;color:#000;font-weight:700;line-height:100%;}
.m63 .sec1 .boxwrap .txtarea p{font-size:19px;color:#222;font-weight:400;line-height:170%;}
.m63 .sec1 .boxwrap .txtarea ul{margin:80px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;}
.m63 .sec1 .boxwrap .txtarea ul li{
	display:flex;align-items:center;
	width:calc(50% - 22px);
}
.m63 .sec1 .boxwrap .txtarea ul li .icon{
	display:flex;align-items:center;justify-content:center;
	width:90px;height:90px;
	background:#fff;
	border-radius:10px;
}
.m63 .sec1 .boxwrap .txtarea ul li .icon img{max-width:40px;}
.m63 .sec1 .boxwrap:nth-child(3) .txtarea ul li:nth-child(2) img{max-width:50px;}
.m63 .sec1 .boxwrap .txtarea ul li .tit{
	box-sizing:border-box;
	width:calc(100% - 90px);
	padding:0 26px;
	font-size:21px;color:#000;font-weight:600;
}


.m63 .sec2{padding:160px 0 220px;background:#222 url(/images/page/m63_sec2_bg.png) no-repeat calc(100% - 68px) -70px;}
.m63 .sec2 h4{font-size:29px;color:#fff;font-weight:700;}
.m63 .sec2 h5{margin:70px 0;font-size:54px;color:#fff;font-weight:700;line-height:130%;}
.m63 .sec2 ul{display:flex;flex-wrap:wrap;gap:30px;}
.m63 .sec2 ul li{
	box-sizing:border-box;
	width:calc((100% - 60px) / 3);
	padding:70px;
	border-radius:18px;
	background:#fff;
	backdrop-filter: blur(5px);
	text-align:center;
}
.m63 .sec2 ul li .icon{
	display:flex;align-items:center;justify-content:center;
	width:80px;height:80px;
	margin:0 auto;
	background:#ff3c42;
	border-radius:50%;
}
.m63 .sec2 ul li .icon img{max-width:40px;}
.m63 .sec2 ul li:nth-child(3) .icon img{max-width:50px;}
.m63 .sec2 ul li .tit{margin:24px 0 14px;font-size:23px;color:#000;font-weight:600;}
.m63 .sec2 ul li .txt{font-size:17px;color:#222;line-height:150%;}

.m63 .sec2 ul li:nth-child(2n){background:rgba(255,255,255,0.2);}
.m63 .sec2 ul li:nth-child(2n) .icon{background:#fff;}
.m63 .sec2 ul li:nth-child(2n) .tit{color:#fff;}
.m63 .sec2 ul li:nth-child(2n) .txt{color:#fff;}



@media(max-width:1200px){
	
	.m63 .sec1 .boxwrap{margin-bottom:50px;}
	.m63 .sec1 .boxwrap .txtarea{width:47%;}
	.m63 .sec1 .boxwrap .txtarea h5{font-size:42px;}
	.m63 .sec1 .boxwrap .txtarea ul li .tit{font-size:14px;}

}
@media(max-width:1024px){

	.m63 .sec2 ul li{
		width:calc((100% - 30px) / 2);
	}

}





/* m64 */
.m64{}
.m64 .sec1{
	position:relative;
	padding:150px 0 250px;
	background:#000;
}	
.m64 .sec1:before{
	display:block;content:"";
	width:100%;height:100%;
	background:url(/images/page/m64_sec1_bg.jpg) no-repeat;background-size:cover;
	position:absolute;left:0;top:0;
	opacity:0.4;
}
.m64 .sec1 ul{display:flex;flex-wrap:wrap;gap:30px;position:relative;z-index:10;}
.m64 .sec1 ul li{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	flex:0 0 calc(100% / 3 - 30px);
	border:1px solid rgba(255,255,255,0.4);
	border-radius:18px;
	transition:all 0.24s;
}
.m64 .sec1 ul li .num{
	position:relative;
	padding:20px 30px;	
	font-size:19px;color:#fff;font-weight:500;text-align:center;
	transition:all 0.24s;
}
.m64 .sec1 ul li .num:after{
	display:block;content:"";
	width:calc(100% - 60px);height:1px;
	background:rgba(255,255,255,0.4);
	position:absolute;left:30px;bottom:1px;
	transition:all 0.24s;
}
.m64 .sec1 ul li .con{
	width:calc(100% - 60px);
	margin:0 auto;
	padding:40px;
	text-align:center;
}
.m64 .sec1 ul li .con .icon{
	width:40px;height:40px;
	margin:0 auto;
}
.m64 .sec1 ul li:nth-child(1) .con .icon{background:url(/images/page/m64_sec1_icon1.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(2) .con .icon{background:url(/images/page/m64_sec1_icon2.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(3) .con .icon{background:url(/images/page/m64_sec1_icon3.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(4) .con .icon{background:url(/images/page/m64_sec1_icon4.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(5) .con .icon{background:url(/images/page/m64_sec1_icon5.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(6) .con .icon{background:url(/images/page/m64_sec1_icon6.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(7) .con .icon{background:url(/images/page/m64_sec1_icon7.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(8) .con .icon{background:url(/images/page/m64_sec1_icon8.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(9) .con .icon{background:url(/images/page/m64_sec1_icon9.png) no-repeat;background-size:cover;}

.m64 .sec1 ul li:nth-child(1):hover .con .icon{background:url(/images/page/m64_sec1_icon1_hover.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(2):hover .con .icon{background:url(/images/page/m64_sec1_icon2_hover.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(3):hover .con .icon{background:url(/images/page/m64_sec1_icon3_hover.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(4):hover .con .icon{background:url(/images/page/m64_sec1_icon4_hover.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(5):hover .con .icon{background:url(/images/page/m64_sec1_icon5_hover.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(6):hover .con .icon{background:url(/images/page/m64_sec1_icon6_hover.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(7):hover .con .icon{background:url(/images/page/m64_sec1_icon7_hover.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(8):hover .con .icon{background:url(/images/page/m64_sec1_icon8_hover.png) no-repeat;background-size:cover;}
.m64 .sec1 ul li:nth-child(9):hover .con .icon{background:url(/images/page/m64_sec1_icon9_hover.png) no-repeat;background-size:cover;}

.m64 .sec1 ul li .con .tit{
	margin:14px 0 20px;
	font-size:21px;color:#fff;font-weight:600;line-height:150%;
}
.m64 .sec1 ul li .con .txt{
	font-size:17px;color:#fff;font-weight:400;line-height:150%;
}
.m64 .sec1 ul li:hover{border:1px solid #ff3c42;}
.m64 .sec1 ul li:hover .num{background:#ff3c42;}
.m64 .sec1 ul li:hover .num:after{opacity:0;}

.m64 .sec2{padding:200px 0 220px;}
.m64 .sec2 .conwrap{display:flex;justify-content:space-between;position:relative;z-index:10;}
.m64 .sec2 .conwrap .title{position:relative;width:48%;text-align:left;}
.m64 .sec2 .conwrap .title h3{font-size:29px;color:#000;font-weight:700;}
.m64 .sec2 .conwrap .title h4{margin-top:70px;}
.m64 .sec2 .conwrap .title .img{position:absolute;left:0;bottom:150px;}
.m64 .sec2 .conwrap ul{width:48%;transform:translateY(50%);}
.m64 .sec2 .conwrap ul li{
	overflow:hidden;
	display:flex;align-items:center;
	box-sizing:border-box;
	width:100%;height:160px;
	border:1px solid #ddd;
	border-radius:18px;
	margin-bottom:30px;padding:35px;
}
.m64 .sec2 .conwrap ul li:nth-child(1){}
.m64 .sec2 .conwrap ul li:nth-child(2){opacity:0.7;transform:translateX(100px);}
.m64 .sec2 .conwrap ul li:nth-child(3){opacity:0.6;transform:translateX(200px);}
.m64 .sec2 .conwrap ul li:nth-child(4){opacity:0.5;transform:translateX(300px);}
.m64 .sec2 .conwrap ul li:nth-child(5){opacity:0.4;transform:translateX(400px);}
.m64 .sec2 .conwrap ul li:nth-child(6){opacity:0.3;transform:translateX(500px);}
.m64 .sec2 .conwrap ul li .icon{
	display:flex;align-items:center;justify-content:center;
	width:90px;
	background:#ff3c42;
	border-radius:10px;
	aspect-ratio:1/1;
}
.m64 .sec2 .conwrap ul li .icon img{width:40px;}
.m64 .sec2 .conwrap ul li .con{
	box-sizing:border-box;
	width:calc(100% - 90px);
	padding:0 0 0 5%;
}
.m64 .sec2 .conwrap ul li .con .tit{font-size:21px;color:#000;font-weight:600;}
.m64 .sec2 .conwrap ul li .con .txt{margin-top:10px;font-size:17px;color:#000;line-height:1.7em;font-weight:500;}



@media(max-width:1200px){

	.m64 .sec1 ul li .con{
		width:calc(100% - 60px);
		margin:0 auto;
		padding:40px 0px;
		text-align:center;
	}

}





/* member */

	/* login */
.login{padding:148px 0;}
.login .loginWrap{
	overflow:hidden;
	border-radius:12px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.1), -5px -5px 5px rgba(0,0,0,0.1);
}
.login .loginWrap .formarea{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:100%;
	padding:60px 0;
	text-align:center;
}
.login .loginWrap .formarea .logoImg{}
.login .loginWrap .formarea .slg{margin:10px 0 55px;font-size:19px;color:#000;line-height:1.7em;}
.login .loginWrap .formarea .email{display:flex;align-items:center;justify-content:space-between;gap:7px;}
.login .loginWrap .formarea .email input{
	box-sizing:border-box;
	width:100%;height:58px;
	border:1px solid #ccc;border-radius:12px;
	padding:0 20px;
	font-size:16px;color:rgba(0,0,0,0.5);
}
.login .loginWrap .formarea .email span{font-size:16px;}
.login .loginWrap .formarea .pw{margin:10px 0 25px;}
.login .loginWrap .formarea .pw input{
	box-sizing:border-box;
	width:100%;height:58px;
	padding:0 20px 0 47px;
	border:1px solid #ccc;border-radius:12px;
	background:url(/images/page/login_icon2.png) no-repeat 16px center;
	font-size:16px;color:rgba(0,0,0,0.5);
}
.login .loginWrap .formarea button{
	width:100%;height:58px;
	background:#ff3c42;
	border:0;outline:0;
	border-radius:12px;
	font-size:17px;color:#fff;
}
.login .loginWrap .formarea button i{
	display:inline-block;
	width:10px;height:10px;
	margin-left:5px;
	background:url(/images/page/icon_link2.png) no-repeat;
}
.login .loginWrap .formarea #loginIdEmail1{
	padding-left:47px;
	background:url(/images/page/login_icon1.png) no-repeat 16px center;
}
.login .loginWrap .formarea ul{display:flex;align-items:center;justify-content:center;margin-top:50px;}
.login .loginWrap .formarea ul li{
	position:relative;
	padding-right:18px;margin-right:16px;
}
.login .loginWrap .formarea ul li:after{
	display:block;content:"";
	width:1px;height:12px;
	background:#ccc;
	position:absolute;right:0;top:3px;
}
.login .loginWrap .formarea ul li:last-child{padding:0;margin:0;}
.login .loginWrap .formarea ul li:last-child:after{display:none;}
.login .loginWrap .formarea ul li a{
	font-size:15px;color:rgba(0,0,0,0.5);
}
.login .loginWrap .imgarea{
	display:none;
	width:50%;
	min-height:748px;
	background:url(/images/page/loginImg.jpg) no-repeat center;
	background-size:cover;
}





	/* find */
.find{padding:195px 0;}
.find .findWrap{width:560px;margin:0 auto;}
.find .findWrap h3{font-size:35px;color:#000;font-weight:700;}
.find .findWrap h3 + p{margin-top:30px;font-size:16px;color:#222;}
.find .findWrap .formarea{
	display:flex;gap:16px;
	margin:30px 0 0;
	padding:40px 0 0;
	border-top:2px solid rgba(0,0,0,0.3);
}
.find .findWrap .formarea>div{width:calc(100% - 101px);flex:1;}
.find .findWrap .formarea dl{display:flex;align-items:center;margin-bottom:16px;}
.find .findWrap .formarea dl:last-child{margin:0;}
.find .findWrap .formarea dl dt{width:143px;font-size:17px;color:#000;font-weight:500;}
.find .findWrap .formarea dl dd{width:calc(100% - 143px);}
.find .findWrap .formarea 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;
}
.find .findWrap .formarea dl dd .email{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.find .findWrap .formarea dl dd .email input{flex:2;}
.find .findWrap .formarea dl dd .email span{font-size:16px;}
.find .findWrap .formarea button{
	width:101px;height:116px;
	background:#ff3c42;
	border:0;
	border-radius:12px;
	font-size:17px;color:#fff;font-weight:500;
}

.find .findResult{width:560px;margin:30px auto 0;}
.find .findResult .info{
	box-sizing:border-box;
	padding:50px;
	border:1px solid #ccc;
	border-radius:12px;
}
.find .findResult .info h4{font-size:25px;color:#000;font-weight:700;}
.find .findResult .info h4 + p{margin-top:22px;font-size:16px;color:#222;}
.find .findResult .info div{
	border-top:1px solid rgba(0,0,0,0.1);
	padding-top:30px;margin-top:30px;
}
.find .findResult .info div dl{
	display:flex;
	margin-bottom:24px;
}
.find .findResult .info div dl:last-child{margin-bottom:0;}
.find .findResult .info div dl dt{width:143px;font-size:17px;color:#000;font-weight:500;}
.find .findResult .info div dl dd{width:calc(100% - 143px);font-size:17px;color:#000;}
.find .findResult .info div dl dd.imp{color:#ff3c42;}
.find .findResult .btns{display:flex;align-items:center;justify-content:center;margin-top:24px;gap:16px;}
.find .findResult .btns a{
	width:50%;height:66px;
	border-radius:12px;
	font-size:17px;font-weight:500;text-align:center;line-height:66px;
}
.find .findResult .btns a:nth-child(1){background:#ededed;color:#222;}
.find .findResult .btns a:nth-child(2){background:#000;color:#fff;}

.findTemporary{width:560px;margin:30px auto 0;}
.findTemporary .info{
	display:flex;align-items:center;
	padding:33px 0;
	border:1px solid #ccc;border-radius:12px;
}
.findTemporary .info .icon{
	width:164px;
	box-sizing:border-box;
	border-right:1px solid #ccc;
	text-align:center;
}
.findTemporary .info .txts{
	box-sizing:border-box;
	width:calc(100% - 164px);
	padding:0 47px;
}
.findTemporary .info .txts h4{font-size:19px;color:#000;font-weight:600;}
.findTemporary .info .txts p{margin-top:12px;font-size:16px;color:#222;line-height:1.5em;}
.findTemporary .info .txts p strong{color:#ff3c42;}
.findTemporary .btns{display:flex;margin-top:24px;}
.findTemporary .btns button{
	flex:1;
	height:66px;
	background:#ff3c42;
	border-radius:12px;
	border:0;
	font-size:17px;color:#fff;
}





	/* join */
.join{padding:165px 0;}
.join h3{font-size:35px;color:#000;font-weight:700;text-align:center;}
.join h3 + p{margin:20px 0 0;font-size:16px;color:#222;font-weight:400;text-align:center;}
.join .step{display:flex;justify-content:space-between;position:relative;max-width:328px;margin:36px auto 0;}
.join .step:before{
	display:block;content:"";
	width:96%;height:1px;
	background:rgba(0,0,0,0.1);
	position:absolute;left:2%;top:24px;
}
.join .step li{
	position:relative;
	width:56px;	
	text-align:center;
}
.join .step li .icon{
	display:flex;align-items:center;justify-content:center;
	width:48px;height:48px;
	margin:0 auto;
	background:#ededed;
	border-radius:50%;
}
.join .step li .tit{
	margin-top:10px;
	font-size:16px;color:#666;
}
.join .step li.on .icon{background:#ff3c42;}
.join .step li.on .tit{color:#000;font-weight:600;}
.join .formwrap{margin:50px 0 0;}
.join .formwrap .boxwrap{margin-bottom:80px;}
.join .formwrap .boxwrap:last-child{margin-bottom:0;}
.join .formwrap .boxwrap .titlearea{
	display:flex;align-items:center;justify-content:space-between;
	padding:0 0 20px;margin-bottom:40px;
	border-bottom:2px solid rgba(0,0,0,0.2);
}
.join .formwrap .boxwrap .titlearea>h4{font-size:25px;color:#000;font-weight:700;}
.join .formwrap .boxwrap .titlearea>div{font-size:16px;color:#222;}
.join .formwrap .boxwrap .titlearea>div .bar{
	display:inline-block;
	width:1px;height:10px;
	background:rgba(0,0,0,0.1);
	margin:0 10px;
}
.join .formwrap .boxwrap .titlearea>div a{
	display:inline-block;
	width:114px;height:39px;
	margin-left:16px;
	background:#000;
	font-size:16px;color:#fff;text-align:center;line-height:39px;
	border-radius:50px;
}
.join .formwrap .boxwrap .con{display:flex;flex-wrap:wrap;justify-content:space-between;}
.join .formwrap .boxwrap .con>dl{
	display:flex;
	width:100%;
	margin-bottom:16px;
}
.join .formwrap .boxwrap .con>dl:last-child{margin:0;}
.join .formwrap .boxwrap .con>dl dt{
	width:163px;
	padding:15px 0 0;
	font-size:17px;color:#000;font-weight:500;
}
.join .formwrap .boxwrap .con>dl dd{
	width:calc(100% - 163px);
}
.join .formwrap .boxwrap .con>dl dd input{
	box-sizing:border-box;
	max-width:297px;
	width:100%;height:50px;
	padding:0 20px;
	border:1px solid #ccc;border-radius:12px;
	outline:0;
	font-size:16px;
}
.join .formwrap .boxwrap .con>dl dd input + .msg{
	display:inline-block;
	position:relative;
	padding-left:10px;margin-left:15px;
	font-size:16px;color:#666;
}
.join .formwrap .boxwrap .con>dl dd input + .msg:before{
	display:block;content:"*";
	position:absolute;left:0;top:0;
	color:#ff3c42;
}
.join .formwrap .boxwrap .con>dl dd select{
	box-sizing:border-box;
	width:100%;height:50px;
	padding:0 20px;
	border:1px solid #ccc;border-radius:12px;
	appearance: none;
	background:url(/images/page/icon_sel.png) no-repeat calc(100% - 20px) center;
}
.join .formwrap .boxwrap .con>dl dd button{
	box-sizing:border-box;
	height:50px;
	background:#222;border-radius:12px;
	border:0;outline:0;
	font-size:16px;color:#fff;
}
.join .formwrap .boxwrap .con>dl dd .email{display:flex;align-items:center;gap:10px;}
.join .formwrap .boxwrap .con>dl dd .email{}
.join .formwrap .boxwrap .con>dl dd .email input{max-width:250px;}
.join .formwrap .boxwrap .con>dl dd .email input:nth-child(3){max-width:200px;}
.join .formwrap .boxwrap .con>dl dd .email span{width:16px;}
.join .formwrap .boxwrap .con>dl dd .email button{
	display:inline-block;
	width:116px;height:50px;
	background:#222;border:0;outline:0;
	border-radius:12px;
	font-size:16px;color:#fff;
}
.join .formwrap .boxwrap .con>dl dd .email select{width:200px;}
.join .formwrap .boxwrap .con>dl dd .msg{
	display:block;
	margin:20px 0 0;
	font-size:16px;color:#666;
}
.join .formwrap .boxwrap .con>dl dd .msg2{
	display:block;
	margin:16px 0 0;
	font-size:16px;color:#666;
}
.join .formwrap .boxwrap .con>dl dd .msg2 span.imp{
	position:relative;
	padding-left:10px;
}
.join .formwrap .boxwrap .con>dl dd .msg2 span.imp:before{
	content:"*";
	position:absolute;left:0;top:0;
	color:#ff3c42;
}
.join .formwrap .boxwrap .con>dl dd .hidden{display:none;}
.join .formwrap .boxwrap .con>dl dd .pwChk{}
.join .formwrap .boxwrap .con>dl dd .pwChk input{display:none;}
.join .formwrap .boxwrap .con>dl dd .pwChk input + label{
	padding-left:30px;margin:0 20px 0 0;
	background:url(/images/page/join2_chk_arr1.png) no-repeat left 2px;
	font-size:16px;color:#666;
	cursor:default;
	pointer-events: none;
}
.join .formwrap .boxwrap .con>dl dd .pwChk input:checked + label{
	background:url(/images/page/join2_chk_arr2.png) no-repeat left 2px;
}
.join .formwrap .boxwrap .con>dl dd .radio{padding:15px 0;}
.join .formwrap .boxwrap .con>dl dd .radio input{display:none;}
.join .formwrap .boxwrap .con>dl dd .radio input + label{
	position:relative;
	padding-left:34px;margin:0 20px 0 0;
	font-size:17px;color:#000;
}
.join .formwrap .boxwrap .con>dl dd .radio input + label:before{
	display:block;content:"";
	width:24px;height:24px;
	box-sizing:border-box;
	border:1px solid #ccc;border-radius:4px;
	position:absolute;left:0;top:-2px;
}
.join .formwrap .boxwrap .con>dl dd .radio input:checked + label:before{
	border:0;
	background:#ff3c42 url(/images/page/radio_chk.png) no-repeat center;
}
.join .formwrap .boxwrap .con>dl dd .radio.path{display:flex;flex-wrap:wrap;align-items:center;gap:30px}
.join .formwrap .boxwrap .con>dl dd .radio.path label{margin:0;min-width:163px;}
.join .formwrap .boxwrap .con>dl dd .radio.path input.etc{display:block;}
.join .formwrap .boxwrap .con>dl dd .birthday{display:flex;flex-wrap:wrap;gap:10px;}
.join .formwrap .boxwrap .con>dl dd .birthday select{max-width:200px;}
input[type="date"]::-webkit-calendar-picker-indicator{
    background: url(/images/page/icon_calendar.png) no-repeat center;
    background-size: 24px;
    cursor: pointer;
}
.join .formwrap .boxwrap .con>dl dd .addr{display:flex;gap:10px;}
.join .formwrap .boxwrap .con>dl dd .addr button{width:116px;}
.join .formwrap .boxwrap .con>dl dd .detailAddr{margin-top:10px;}
.join .formwrap .boxwrap .con>dl dd .addr input,
.join .formwrap .boxwrap .con>dl dd .detailAddr input{max-width:423px;}

.join .formwrap .boxwrap .con .agreeWrap{width:100%;}
.join .formwrap .boxwrap .con .agreeWrap .exp{
	box-sizing:border-box;
	width:100%;
	padding:15px 0 0 44px;
	font-size:16px;color:#666;
}
.join .formwrap .boxwrap .con .agreeWrap .exp ul{margin-bottom:20px;}
.join .formwrap .boxwrap .con .agreeWrap .exp ul li{
	position:relative;
	padding-left:10px;margin-bottom:10px;
	font-size:16px;color:#222;font-weight:500;
}
.join .formwrap .boxwrap .con .agreeWrap .exp ul li:before{
	display:block;content:"";
	width:4px;height:1px;
	background:#222;
	position:absolute;left:0;top:8px;
}

.join .formwrap .boxwrap .con .verification{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.join .formwrap .boxwrap .con .verification>div{
	display:flex;align-items:center;
	position:relative;
	width:49%;
	padding:50px 0;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:12px;
	cursor:pointer;
}
.join .formwrap .boxwrap .con .verification>div:after{
	display:block;content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	border:2px solid #ff3c42;border-radius:12px;
	position:absolute;left:0;top:0;
	opacity:0;
	transition:all 0.24s;
}
.join .formwrap .boxwrap .con .verification>div .icon{
	box-sizing:border-box;
	width:145px;height:48px;
	text-align:center;
	border-right:1px solid #ccc;
}
.join .formwrap .boxwrap .con .verification>div:nth-child(1) .icon{
	background:url(/images/page/join1_verif_icon1.png) no-repeat center;
	transition:all 0.24s;
}
.join .formwrap .boxwrap .con .verification>div:nth-child(2) .icon{
	background:url(/images/page/join1_verif_icon2.png) no-repeat center;
	transition:all 0.24s;
}
.join .formwrap .boxwrap .con .verification>div dl{
	box-sizing:border-box;
	width:calc(100% - 145px);
	padding:0 47px;
}
.join .formwrap .boxwrap .con .verification>div dl dt{font-size:21px;color:#000;font-weight:600;}
.join .formwrap .boxwrap .con .verification>div dl dd{font-size:16px;color:#222;margin-top:10px;}

.join .formwrap .boxwrap .con .verification>div.on:after{opacity:1;}
.join .formwrap .boxwrap .con .verification>div.on:nth-child(1) .icon{
	background:url(/images/page/join1_verif_icon1_on.png) no-repeat center;
}
.join .formwrap .boxwrap .con .verification>div.on:nth-child(2) .icon{
	background:url(/images/page/join1_verif_icon2_on.png) no-repeat center;
}
.join .btns{display:flex;align-items:center;justify-content:center;margin:60px 0 0;}
.join .btns .btnNext{
	flex:0 0 300px;
	width:300px;height:76px;	
	background:#ff3c42;
	border:0;outline:0;
	border-radius:50px;
	font-size:17px;color:#fff;font-weight:600;
}
.join .btns .btnEnd{
	flex:0 0 300px;
	width:300px;height:76px;	
	background:#ff3c42;
	border:0;outline:0;
	border-radius:50px;
	font-size:17px;color:#fff;font-weight:600;
}
.join .btnEnd.disabled{background:#ededed;color:#666;cursor:default;}

.join .req{color:#ff3c42 !important;}





	/* join3 */
.joinResult{
	overflow:hidden;
	position:relative;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:calc(100vh + 100px);
}
.joinResult #canvas{
	position: absolute;top:50%;left:50%;z-index: 1;
	transform:translate(-50%,-50%);
}
.joinResult .center-area{
	position: relative;z-index:10;
	z-index: 100;
	background:#fff;
	border-radius: 50%;
	width:490px;height:490px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(10px);	
	text-align:center;
}
.joinResult .center-area .txt1{font-size:40px;color:#000;font-weight:700;}
.joinResult .center-area .txt2{margin:25px 0 45px;font-size:19px;color:#666;line-height:1.7em;}
.joinResult .center-area a{
	width:310px;height:68px;
	margin:0 auto;
	background:#000;
	border-radius:50px;
	font-size:16px;color:#fff;text-align:center;line-height:68px;font-weight:500;
}
.joinResult .center-area a i{
	display:inline-block;
	width:10px;height:10px;
	margin-left:5px;
	background:url(/images/page/icon_link2.png) no-repeat;
}





	/* mypage */
.mypage{padding:220px 0;}
.mobileTitle{display:block;margin-bottom:20px;font-size:29px;color:#000;font-weight:700;}
.mobileMySub{
	display:block;
	margin:24px 0 0;
}
.mobileMySub ul{display:flex;}
.mobileMySub ul li{}
.mobileMySub ul li a{
	display:flex;align-items:center;justify-content:center;
	padding:0 20px;height:37px;
	font-size:16px;color:#666;text-align:center;
	border-radius:37px;
}
.mobileMySub ul li.on a{background:#f9f9f9;color:#000;font-weight:600;}
.mypage>div{}
.mypage>div .myLnb{width:100%;margin-bottom:30px;}
.mypage>div .myLnb>ul{
	display:flex;justify-content:space-between;
	position:relative;
}
.mypage>div .myLnb>ul:after{
	display:block;content:"";
	width:200%;height:1px;
	background:#ccc;
	position:absolute;left:-50%;bottom:0;
}
.mypage>div .myLnb>ul>li{}
.mypage>div .myLnb>ul>li>a{display:block;padding:20px 0;font-size:17px;color:#222;font-weight:500;}
.mypage>div .myLnb>ul>li.on>a{font-weight:700;color:#000;}
.mypage>div .myLnb>ul>li>ul{display:none;}
.mypage>div .banner{display:none;}

.mypage>div .conwrap .titlearea{display:none;}





/* 마이홈 */
.mypage>div .conwrap .myhome{
	display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;
	width:100%;
	margin:20px 0 0;
}
.mypage>div .conwrap .myhome .title1{font-size:25px;color:#000;font-weight:600;}
.mypage>div .conwrap .myhome .boxwrap{
	box-sizing:border-box;
	width:100%;
	border-radius:12px;
}
.mypage>div .conwrap .myhome .boxwrap:nth-child(2){border:1px solid #ccc;}
.mypage>div .conwrap .myhome .box1{
	box-sizing:border-box;
	padding:40px 0;
	border-radius:12px;
}
.mypage>div .conwrap .myhome .box1 .info{
	display:flex;align-items:center;justify-content:space-between;
}
.mypage>div .conwrap .myhome .box1 .info .cate{
	width:60px;height:60px;
	border:1px solid #ccc;border-radius:50%;
}
.mypage>div .conwrap .myhome .box1 .info .cate{}
.mypage>div .conwrap .myhome .box1 .info .name{
	box-sizing:border-box;
	width:154px;
	padding-left:16px;
	font-size:25px;color:#000;font-weight:600;
}
.mypage>div .conwrap .myhome .box1 .info .name span{font-size:17px;color:#000;font-weight:500;}
.mypage>div .conwrap .myhome .box1 .info .point{
	display:flex;align-items:center;justify-content:flex-end;gap:8px;
	width:calc(100% - 60px - 154px);
	font-size:25px;color:#ff3c42;text-align:right;
}
.mypage>div .conwrap .myhome .box1 .info .point span{
	display:inline-flex;align-items:center;justify-content:center;
	width:30px;height:30px;
	background:#ff3c42;
	border-radius:50%;
	font-size:17px;color:#fff;font-weight:600;text-align:center;
}
.mypage>div .conwrap .myhome .box1 .link{
	display:flex;justify-content:space-between;
	margin:30px 0 35px;
}
.mypage>div .conwrap .myhome .box1 .link a{
	display:flex;align-items:center;justify-content:center;
	width:49%;height:66px;
	background:#f9f9f9;border-radius:12px;
	font-size:17px;color:#000;font-weight:600;text-align:center;
}
.mypage>div .conwrap .myhome .box1 .myCenter{}
.mypage>div .conwrap .myhome .box1 .myCenter dl{display:flex;margin-bottom:30px;}
.mypage>div .conwrap .myhome .box1 .myCenter dl:last-child{margin:0;}
.mypage>div .conwrap .myhome .box1 .myCenter dl dt{width:95px;font-size:17px;color:#000;font-weight:600;}
.mypage>div .conwrap .myhome .box1 .myCenter dl dd{width:calc(100% - 95px);font-size:17px;color:#666;font-weight:400;}
.mypage>div .conwrap .myhome .box2{
	box-sizing:border-box;
	padding:40px 50px;margin-top:30px;
	border:1px solid #ccc;
	border-radius:12px;	
}
.mypage>div .conwrap .myhome .box2 .pt{margin:30px 0 34px;}
.mypage>div .conwrap .myhome .box2 .pt .nums{display:flex;align-items:center;}
.mypage>div .conwrap .myhome .box2 .pt .nums .pt_this{font-size:29px;color:#000;font-weight:600;}
.mypage>div .conwrap .myhome .box2 .pt .nums .bar{font-size:29px;}
.mypage>div .conwrap .myhome .box2 .pt .nums .pt_total{font-size:29px;color:#666;font-weight:600;}
.mypage>div .conwrap .myhome .box2 .pt .nums .unit{margin:5px 0 0 3px;font-size:17px;color:#666;}
.mypage>div .conwrap .myhome .box2 .pt .guage{
	position:relative;
	width:100%;height:15px;
	margin-top:12px;
	background:#f9f9f9;
	border-radius:30px;
}
.mypage>div .conwrap .myhome .box2 .pt .guage .gBar{
	position:absolute;left:0;top:0;
	height:100%;
	border-radius:30px;
	background:linear-gradient(to right, #FFACAD, #FF3C42);
}
.mypage>div .conwrap .myhome .box2 .pt .guage .g10{width:10%;}
.mypage>div .conwrap .myhome .box2 .pt .guage .g20{width:20%;}
.mypage>div .conwrap .myhome .box2 .pt .guage .g30{width:30%;}
.mypage>div .conwrap .myhome .box2 .pt .guage .g40{width:40%;}
.mypage>div .conwrap .myhome .box2 .pt .guage .g50{width:50%;}
.mypage>div .conwrap .myhome .box2 .pt .guage .g60{width:60%;}
.mypage>div .conwrap .myhome .box2 .pt .guage .g70{width:70%;}
.mypage>div .conwrap .myhome .box2 .pt .guage .g80{width:80%;}
.mypage>div .conwrap .myhome .box2 .pt .guage .g90{width:90%;}
.mypage>div .conwrap .myhome .box2 .pt .guage .g100{width:100%;}
.mypage>div .conwrap .myhome .box2 .ptot{text-align:right;}
.mypage>div .conwrap .myhome .box2 .ptot a{
	display:inline-flex;align-items:center;justify-content:center;
	width:161px;height:56px;
	background:#000;
	border-radius:50px;
	font-size:17px;color:#fff;font-weight:500;text-align:center;
}
.mypage>div .conwrap .myhome .box2 .ptot a i{
	display:inline-block;
	width:8px;height:8px;
	margin:0 0 0 5px;
	background:url(/images/page/icon_link2.png) no-repeat;
	background-size:cover;
}
.mypage>div .conwrap .myhome .box3{padding:50px;}
.mypage>div .conwrap .myhome .box3 .guage2{position:relative;margin:10px 0;}
.mypage>div .conwrap .myhome .box3 .guage2:after{
	display:none;content:"";
	width:100%;height:42px;
	background:#fff;
	position:absolute;left:0;bottom:0;
}
.mypage>div .conwrap .myhome .box3 .guage2 .gauge-container{
	max-width:312px;width:100%;
	margin:0 auto;
	aspect-ratio:1/1;
	text-align:center;
}
.mypage>div .conwrap .myhome .box3 .guage2 .gauge-container svg{
	transform: rotate(90deg);
	width: 100%;height: 100%;
}
.mypage>div .conwrap .myhome .box3 .guage2 .gauge-container .gauge-bg {
	fill: none;
	stroke: #f0f0f0;
	stroke-width:10;
}
.mypage>div .conwrap .myhome .box3 .guage2 .gauge-container .gauge-progress {
	fill: none;
	stroke: url(#gradient);
	stroke-width:10;
	stroke-linecap: round;
    stroke-dasharray: 502.65;
    stroke-dashoffset: 502.65;
	transition: stroke-dashoffset 1s ease-out;
}

.mypage>div .conwrap .myhome .box3 .guage2 .gauge-container .gauge-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.mypage>div .conwrap .myhome .box3 .guage2 .info{
	position:absolute;left:0;top:0;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	font-size:17px;color:#222;text-align:center;
}
.mypage>div .conwrap .myhome .box3 .guage2 .info .use{margin-top:10px;font-size:39px;color:#000;font-weight:600;}
.mypage>div .conwrap .myhome .box3 .option{
	box-sizing:border-box;
	padding:30px;
	background:#f9f9f9;
	border-radius:12px;
}
.mypage>div .conwrap .myhome .box3 .option dl{
	display:flex;align-items:center;justify-content:space-between;
	margin-bottom:20px;
}
.mypage>div .conwrap .myhome .box3 .option dl:last-child{margin:0;}
.mypage>div .conwrap .myhome .box3 .option dl dt{font-size:17px;color:#000;font-weight:500;}
.mypage>div .conwrap .myhome .box3 .option dl dd{font-size:17px;color:#666;font-weight:400;}
.mypage>div .conwrap .myhome .box3 .option .use{color:#000;font-weight:500;}
.mypage>div .conwrap .myhome .box3 .state{
	width:100%;height:66px;
	margin-top:20px;	
}
.mypage>div .conwrap .myhome .box3 .state a{
	display:block;
	width:100%;height:100%;
	background:#ff3c42;
	border-radius:50px;
	font-size:17px;color:#fff;font-weight:500;text-align:center;line-height:66px;
}
.mypage>div .conwrap .myhome .box3 .state span{
	display:block;
	width:100%;height:100%;
	background:#ededed;
	border-radius:50px;
	font-size:17px;color:#666;font-weight:500;text-align:center;line-height:66px;
}





/* 마이홈 - 결제내역 */
.mypage>div .conwrap .myorder{margin:100px 0 0;}
.mypage>div .conwrap .myorder .box1{
	padding:50px;
	border:1px solid #ccc;border-radius:12px;
}
.mypage>div .conwrap .myorder h5{font-size:25px;color:#000;font-weight:600;margin-bottom:40px;}
.mypage>div .conwrap .myorder .box1 h5 + div{display:flex;justify-content:space-between;flex-wrap:wrap;}
.mypage>div .conwrap .myorder .box1 h5 + div dl{
	display:flex;align-items:center;justify-content:space-between;
	width:49%;height:72px;
	padding:0 30px;
	background:#f9f9f9;border-radius:12px;
}
.mypage>div .conwrap .myorder .box1 h5 + div dl dt{font-size:17px;color:#222;font-weight:500;}
.mypage>div .conwrap .myorder .box1 h5 + div dl dd{font-size:21px;color:#000;font-weight:600;}
.mypage>div .conwrap .myorder .box1 h5 + div dl dd span{font-size:17px;font-weight:400;}
.mypage>div .conwrap .myorder .box2{margin:100px 0 0;}
.mypage>div .conwrap .myorder .box2 .table{}
.mypage>div .conwrap .myorder .box2 .table table{width:100%;border-top:2px solid rgba(0,0,0,0.2);}
.mypage>div .conwrap .myorder .box2 .table table td{
	padding:30px;
	border-bottom:1px solid rgba(0,0,0,0.2);
	font-size:19px;color:#000;
}
.mypage>div .conwrap .myorder .box2 .table table td.date{width:120px;text-align:left;}
.mypage>div .conwrap .myorder .box2 .table table td.info1{}
.mypage>div .conwrap .myorder .box2 .table table td.info1 .tit{color:#000;font-weight:600;}
.mypage>div .conwrap .myorder .box2 .table table td.info1 .tit span{color:#ff3c42;font-weight:600;}
.mypage>div .conwrap .myorder .box2 .table table td.info1 .branch{font-size:17px;margin-top:10px;color:#666;}
.mypage>div .conwrap .myorder .box2 .table table td.info2{width:200px;text-align:right;}
.mypage>div .conwrap .myorder .box2 .table table td.info2 .price{color:#000;font-weight:600;}
.mypage>div .conwrap .myorder .box2 .table table td.info2 .pay{font-size:17px;margin-top:10px;color:#666;}

.mypage>div .conwrap .myorder .box2 .table ul{width:100%;border-top:2px solid rgba(0,0,0,0.2);}
.mypage>div .conwrap .myorder .box2 .table ul li{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	padding:30px;
	border-bottom:1px solid rgba(0,0,0,0.2);
	font-size:19px;color:#000;
}
.mypage>div .conwrap .myorder .box2 .table ul li .date{width:120px;text-align:left;}
.mypage>div .conwrap .myorder .box2 .table ul li .info1{width:calc(100% - 120px - 200px);}
.mypage>div .conwrap .myorder .box2 .table ul li .info1 .tit{color:#000;font-weight:600;}
.mypage>div .conwrap .myorder .box2 .table ul li .info1 .tit span{color:#ff3c42;font-weight:600;}
.mypage>div .conwrap .myorder .box2 .table ul li .info1 .branch{font-size:17px;margin-top:10px;color:#666;}
.mypage>div .conwrap .myorder .box2 .table ul li .info2{width:200px;text-align:right;}
.mypage>div .conwrap .myorder .box2 .table ul li .info2 .price{color:#000;font-weight:600;}
.mypage>div .conwrap .myorder .box2 .table ul li .info2 .pay{font-size:17px;margin-top:10px;color:#666;}





/* 마이홈 - 카드관리 */
.mypage>div .conwrap .mycard{margin:100px 0 0;}
.mypage>div .conwrap h5{font-size:25px;color:#000;font-weight:600;margin-bottom:40px;}
.mypage>div .conwrap .card{}
.mypage>div .conwrap .card .img{
	display:flex;align-items:center;justify-content:center;
	width:100%;
	padding:50px;
	margin-bottom:40px;
	border:1px solid #ccc;border-radius:12px;
}
.mypage>div .conwrap .card .img .cardImg{
	display:flex;align-items:center;justify-content:center;
	background:#f9f9f9;
	width:100%;height:304px;
	border-radius:12px;
	font-size:16px;color:#666;text-align:center;
}
.mypage>div .conwrap .card .img .cardImg strong{display:block;color:#000;font-weight:500;margin-bottom:0px;}
.mypage>div .conwrap .card .img{}
.mypage>div .conwrap .card .formWrap{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	width:100%;
}
.mypage>div .conwrap .card .formWrap h6{margin-bottom:50px;font-size:25px;color:#000;font-weight:600;}
.mypage>div .conwrap .card .formWrap form{width:100%;}
.mypage>div .conwrap .card .formWrap dl{
	display:block;
	width:100%;
	padding:0;margin-bottom:40px;
	border:0;
}
.mypage>div .conwrap .card .formWrap dl:last-child{margin:0;}
.mypage>div .conwrap .card .formWrap dl dt{width:100%;font-size:17px;font-weight:500;}
.mypage>div .conwrap .card .formWrap dl dd{width:100%;margin-top:20px;}
.mypage>div .conwrap .card .formWrap dl dd input{
	width:100%;height:50px;
	padding:0 20px;
	border:1px solid #ccc;border-radius:12px;
	font-size:16px;
	outline:0;
}
.mypage>div .conwrap .card .formWrap dl dd .ex{margin-top:16px;}
.mypage>div .conwrap .card .formWrap dl dd .expiration{display:flex;justify-content:space-between;}
.mypage>div .conwrap .card .formWrap dl dd .expiration select{width:49%;}
.mypage>div .conwrap .card .formWrap button{
	width:100%;height:66px;
	margin:50px 0 0;
	background:#ff3c42;
	border:0;outline:0;
	border-radius:12px;
	font-size:16px;color:#fff;
}




/* 마이페이지 */
.mypage>div .conwrap .inMypage{margin:100px 0 0;}
.inMypage .box1{
	border:0;
}
.inMypage .box1 .title{display:flex;align-items:center;justify-content:space-between;}
.inMypage .box1 .title h5{margin:0;}
.inMypage .box1 .title a{
	width:96px;height:36px;
	background:#f9f9f9;
	border:0;outline:0;
	border-radius:50px;
	font-size:15px;color:#666;line-height:36px;text-align:center;
}
.inMypage .box1 .con{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	margin:40px 0 0;
}
.inMypage .box1 .con .user{display:flex;align-items:center;width:48.5%;}
.inMypage .box1 .con .user .cate{
	width:60px;height:60px;
	border:1px solid #ccc;border-radius:50%;
}
.inMypage .box1 .con .user .cate + div{margin-left:16px;}
.inMypage .box1 .con .user .cate + div .name{font-size:21px;color:#000;font-weight:600;}
.inMypage .box1 .con .user .cate + div .email{margin-top:6px;font-size:17px;color:#666;}
.inMypage .box1 .con .info{width:48.5%;}
.inMypage .box1 .con .info dl{display:flex;margin-bottom:20px;}
.inMypage .box1 .con .info dl:last-child{margin-bottom:0px;}
.inMypage .box1 .con .info dl dt{width:100px;font-size:17px;color:#000;font-weight:600;}
.inMypage .box1 .con .info dl dd{width:calc(100% - 100px);font-size:17px;color:#000;}

.inMypage .box2{
	padding:50px;margin:30px 0;
	border:1px solid #ccc;border-radius:12px;
}
.inMypage .box2 h5 a{
	position:relative;
	font-size:25px;color:#000;font-weight:600;
}
.inMypage .box2 h5 a:after{
	display:inline-block;vertical-align:top;content:"";
	width:6px;height:6px;
	margin:12px 0 0 10px;
	border-right:2px solid #666;border-bottom:2px solid #666;
	transform:rotate(-45deg);
}
.inMypage .box2 .conwrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	width:100%;
}
.inMypage .box2 .conwrap>dl{
	display:flex;align-items:center;justify-content:space-between;
	width:48.5%;height:72px;
	padding:0 30px;
	background:#f9f9f9;
	border-radius:12px;
}
.inMypage .box2 .conwrap>dl dt{
	padding-left:40px;
	font-size:19px;color:#222;font-weight:500;
}
.inMypage .box2 .conwrap>dl.main dt{
	background:url(/images/page/mypage_icon1.png) no-repeat left center;
}
.inMypage .box2 .conwrap>dl.etc dt{
	background:url(/images/page/mypage_icon2.png) no-repeat left center;
}
.inMypage .box2 .conwrap>dl dd{font-size:19px;color:#000;text-align:right;}
.inMypage .box2 .conwrap>dl dd span{font-weight:600;}

.inMypage .box3{display:flex;flex-wrap:wrap;justify-content:space-between;}
.inMypage .box3 h5 a{
	position:relative;
	font-size:25px;color:#000;font-weight:600;
}
.inMypage .box3 h5 a:after{
	display:inline-block;vertical-align:top;content:"";
	width:6px;height:6px;
	margin:12px 0 0 10px;
	border-right:2px solid #666;border-bottom:2px solid #666;
	transform:rotate(-45deg);
}
.inMypage .box3>div{
	display:flex;justify-content:space-between;align-items:center;
	width:48.5%;
	border:1px solid #ccc;border-radius:12px;
	padding:50px;
}
.inMypage .box3>div h5{margin:0;}
.inMypage .box3>div .point{font-size:21px;color:#ff3c42;font-weight:500;}
.inMypage .box3>div .point span{
	display:inline-flex;align-items:center;justify-content:center;
	width:30px;height:30px;
	margin:0 0 0 5px;
	background:#ff3c42;
	border-radius:50%;
	font-size:19px;color:#fff;font-weight:600;text-align:center;
}
.inMypage .box3>div .coupon{font-size:20px;color:#000;}
.inMypage .box3>div .coupon span{font-weight:600;}





/* 마이페이지 - 내 정보 수정 */
.mypage>div .conwrap .myInfo{margin:100px 0 0;}
.mypage>div .conwrap .myInfo .formWrap{padding-bottom:30px;border-bottom:2px solid #ccc;}
.mypage>div .conwrap .myInfo .formWrap dl{
	align-items:flex-start;
	margin:0 0 16px;padding:0;
	border:0;
}
.mypage>div .conwrap .myInfo .formWrap dl dt{padding-top:15px;font-size:17px;font-weight:500;}
.mypage>div .conwrap .myInfo .formWrap dl dd{
	display:flex;align-items:center;
	min-height:50px;
	font-size:17px;
}
.mypage>div .conwrap .myInfo .formWrap .line{
	width:100%;height:1px;
	background:#ccc;
	margin:24px 0;
}
.mypage>div .conwrap .myInfo .formWrap dl dd input{
	box-sizing: border-box;
	max-width: 297px;
	width: 100%;
	height: 50px;
	padding: 0 20px;
	border: 1px solid #ccc;
	border-radius: 12px;
	outline: 0;
	font-size: 16px;
}
.mypage>div .conwrap .myInfo .formWrap dl dd .msg2 {
	display: inline-block;
	margin: 0 0 0 16px;
	font-size: 16px;
	color: #666;
}
.mypage>div .conwrap .myInfo .formWrap dl dd .pwChk input {
	display: none;
}
.mypage>div .conwrap .myInfo .formWrap dl dd .pwChk input + label {
	padding-left: 30px;
	margin: 0 20px 0 0;
	background: url(/images/page/join2_chk_arr1.png) no-repeat left 2px;
	font-size: 16px;
	color: #666;
	cursor: default;
	pointer-events: none;
}
.mypage>div .conwrap .myInfo .formWrap dl dd .addr{display:flex;gap:10px;width:100%;}
.mypage>div .conwrap .myInfo .formWrap dl dd .addr input{max-width:464px}
.mypage>div .conwrap .myInfo .formWrap dl dd .addr button {
	box-sizing: border-box;
	width:116px;height: 50px;
	background: #222;
	border-radius: 12px;
	border: 0;
	outline: 0;
	font-size: 16px;
	color: #fff;
}
.mypage>div .conwrap .myInfo .formWrap dl dd .radio input + label {
	position: relative;
	padding-left: 34px;
	margin: 0 20px 0 0;
	font-size: 17px;
	color: #000;
}
.mypage>div .conwrap .myInfo .formWrap dl dd .radio{padding:15px 0;}
.mypage>div .conwrap .myInfo .formWrap dl dd .radio input + label:before {
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: -2px;
}
.mypage>div .conwrap .myInfo .formWrap dl dd .radio input:checked + label:before{
	border:0;
	background:#ff3c42 url(/images/page/radio_chk.png) no-repeat center;
}
.mypage>div .conwrap .myInfo .formWrap dl dd .radio input:checked + label:after{display:none;}
.mypage>div .conwrap .myInfo .formWrap dl dd .radio.path{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 30px;
}
.mypage>div .conwrap .myInfo .btns{display:flex;align-items:center;justify-content:center;margin:60px 0 0;gap:12px;}
.mypage>div .conwrap .myInfo .btns a{
	width:223px;height:76px;
	background:#ededed;
	border-radius:50px;
	font-size:19px;color:#222;font-weight:500;text-align:center;line-height:76px;
}
.mypage>div .conwrap .myInfo .btns button{
	width:223px;height:76px;
	background:#ff3c42;border:0;
	border-radius:50px;
	font-size:19px;color:#fff;font-weight:500;
}





/* 마이페이지 - 입장내역 */
.mypage>div .conwrap .myEntry{margin:100px 0 0;}
.mypage>div .conwrap .myEntry .box2{
	padding:50px;
	margin-bottom:100px;
	border:1px solid rgba(0,0,0,0.2);border-radius:12px;
}
.mypage>div .conwrap .myEntry .box2 h5{font-size:24px;color:#000;font-weight:600;}
.mypage>div .conwrap .myEntry .box2 .conwrap{
	display:flex;flex-wrap:wrap;justify-content:space-between;
	width:100%;
}
.mypage>div .conwrap .myEntry .box2 .conwrap>dl{
	display:flex;align-items:center;justify-content:space-between;
	width:48.5%;height:72px;
	padding:0 30px;
	background:#f9f9f9;
	border-radius:12px;
}
.mypage>div .conwrap .myEntry .box2 .conwrap>dl dt{
	padding-left:40px;
	font-size:19px;color:#222;font-weight:500;
}
.mypage>div .conwrap .myEntry .box2 .conwrap>dl.main dt{
	background:url(/images/page/mypage_icon1.png) no-repeat left center;
}
.mypage>div .conwrap .myEntry .box2 .conwrap>dl.etc dt{
	background:url(/images/page/mypage_icon2.png) no-repeat left center;
}
.mypage>div .conwrap .myEntry .box2 .conwrap>dl dd{font-size:19px;color:#000;text-align:right;}
.mypage>div .conwrap .myEntry .box2 .conwrap>dl dd span{font-weight:600;}
.mypage>div .conwrap .myEntry .entryList{margin-top:20px;border-top:2px solid rgba(0,0,0,0.2);}
.mypage>div .conwrap .myEntry .entryList ul{}
.mypage>div .conwrap .myEntry .entryList ul li{
	display:flex;justify-content:space-between;align-items:center;
	padding:30px 20px;
	border-bottom:1px solid #ddd;
}
.mypage>div .conwrap .myEntry .entryList ul li .date{font-size:19px;color:#000;}
.mypage>div .conwrap .myEntry .entryList ul li .area{text-align:right;}
.mypage>div .conwrap .myEntry .entryList ul li .area .name{font-size:19px;color:#000;font-weight:600;}
.mypage>div .conwrap .myEntry .entryList ul li .area .state{font-size:17px;color:#ff3c42;margin-top:14px;}




/* 마이페이지 - 포인트 */
.mypage>div .conwrap .myPoint{margin:100px 0 0;}
.mypage>div .conwrap .myPoint .box3{margin-bottom:100px;}
.mypage>div .conwrap .myPoint .box3>div{
	display:flex;justify-content:space-between;align-items:center;
	width:100%;
	border:1px solid #ccc;border-radius:12px;
	padding:50px;
}
.mypage>div .conwrap .myPoint .box3>div h5{margin:0;font-size:25px;color:#000;font-weight:600;}
.mypage>div .conwrap .myPoint .box3>div .point{font-size:21px;color:#ff3c42;font-weight:500;}
.mypage>div .conwrap .myPoint .box3>div .point span{
	display:inline-flex;align-items:center;justify-content:center;
	width:30px;height:30px;
	margin:0 0 0 5px;
	background:#ff3c42;
	border-radius:50%;
	font-size:19px;color:#fff;font-weight:600;text-align:center;
}
.mypage>div .conwrap .myPoint .pointList{margin-top:20px;border-top:2px solid rgba(0,0,0,0.2);}
.mypage>div .conwrap .myPoint .pointList ul{}
.mypage>div .conwrap .myPoint .pointList ul li{
	display:flex;justify-content:space-between;align-items:center;
	padding:30px 20px;
	border-bottom:1px solid #ddd;
}
.mypage>div .conwrap .myPoint .pointList ul li .state{width:80px;font-size:19px;color:#000;font-weight:500;}
.mypage>div .conwrap .myPoint .pointList ul li .state.up{color:#ff3c42;}
.mypage>div .conwrap .myPoint .pointList ul li .state.down{color:#007AFF;}
.mypage>div .conwrap .myPoint .pointList ul li .con{
	width:calc(100% - 160px);text-align:left;
	padding:0 80px;
}
.mypage>div .conwrap .myPoint .pointList ul li .con .name{font-size:19px;color:#000;font-weight:600;}
.mypage>div .conwrap .myPoint .pointList ul li .con .date{font-size:16px;color:#666;margin-top:14px;}
.mypage>div .conwrap .myPoint .pointList ul li .point{width:80px;font-size:17px;color:#000;text-align:right;}
.mypage>div .conwrap .myPoint .pointList ul li .point span{font-weight:600;}





/* 마이페이지 - 포인트 */
.mypage>div .conwrap .myCoupon{margin:100px 0 0;}
.mypage>div .conwrap .myCoupon .box3{margin-bottom:100px;}
.mypage>div .conwrap .myCoupon .box3>div{
	display:flex;justify-content:space-between;align-items:center;
	width:100%;
	border:1px solid #ccc;border-radius:12px;
	padding:50px;
}
.mypage>div .conwrap .myCoupon .box3>div h5{margin:0;font-size:25px;color:#000;font-weight:600;}
.mypage>div .conwrap .myCoupon .box3>div .coupon{font-size:21px;color:#000;font-weight:500;}
.mypage>div .conwrap .myCoupon .box3>div .coupon span{
	display:inline-flex;align-items:center;justify-content:center;
	width:30px;height:30px;
	margin:0 0 0 5px;
	border-radius:50%;
	font-size:25px;color:#000;font-weight:600;text-align:center;
}
.mypage>div .conwrap .myCoupon .couponList{margin-top:20px;border-top:2px solid rgba(0,0,0,0.2);}
.mypage>div .conwrap .myCoupon .couponList ul{}
.mypage>div .conwrap .myCoupon .couponList ul li{
	display:flex;justify-content:space-between;align-items:center;
	padding:30px 20px;
	border-bottom:1px solid #ddd;
}
.mypage>div .conwrap .myCoupon .couponList ul li .con{
	width:calc(100% - 120px);text-align:left;
}
.mypage>div .conwrap .myCoupon .couponList ul li .con .name{font-size:19px;color:#000;font-weight:600;}
.mypage>div .conwrap .myCoupon .couponList ul li .con .info{
	display:flex;
	width:100%;
	margin-top:20px;
	font-size:16px;color:#666;
}
.mypage>div .conwrap .myCoupon .couponList ul li .con .info dl{display:flex;gap:10px;}
.mypage>div .conwrap .myCoupon .couponList ul li .con .info dl dt{font-size:17px;color:#666;}
.mypage>div .conwrap .myCoupon .couponList ul li .con .info dl dd{font-size:17px;color:#666;}
.mypage>div .conwrap .myCoupon .couponList ul li .con .info .bar{width:1px;height:14px;background:#ccc;margin:2px 12px 0;}
.mypage>div .conwrap .myCoupon .couponList ul li .point{width:120px;font-size:17px;color:#000;text-align:right;}
.mypage>div .conwrap .myCoupon .couponList ul li .point span{font-weight:600;}




/* 마이페이지 - 1:1문의 */
.mypage>div .conwrap .myInquiry{margin:100px 0 0;}
.mypage>div .conwrap .myInquiry .exp{margin-bottom:30px;}
.mypage>div .conwrap .myInquiry .exp h5{}
.mypage>div .conwrap .myInquiry .exp p{font-size:17px;color:#000;line-height:1.7em;}
.mypage>div .conwrap .myInquiry .list{margin:16px 0 0;width:100%;border-top:1px solid rgba(0,0,0,0.2)}
.mypage>div .conwrap .myInquiry .list a{
	display:flex;justify-content:space-between;
	padding:35px 0;
	border-bottom:1px solid rgba(0,0,0,0.2);
	font-size:17px;color:rgba(0,0,0,0.6);text-align:center;
}
.mypage>div .conwrap .myInquiry .list a .tit{width:calc(100% - 300px);text-align:left;}
.mypage>div .conwrap .myInquiry .list a .tit{font-size:19px;color:#000;font-weight:500;padding:0 30px;}
.mypage>div .conwrap .myInquiry .list a .writer{width:150px;color:#000;}
.mypage>div .conwrap .myInquiry .list a .date{width:150px;}


/* 마이페이지 - 1:1문의 글쓰기 */
.mypage>div .conwrap .myInquiry.write .exp{padding:0;border:0;}
.mypage>div .conwrap .myInquiry.write .exp p{margin-top:-20px;font-size:17px;color:#000;}



/* 마이페이지 - 회원탈퇴 */
.mypage>div .conwrap .myLeave{margin:100px 0 0;}
.mypage>div .conwrap .myLeave .exp{margin-bottom:80px;}
.mypage>div .conwrap .myLeave .exp ul{}
.mypage>div .conwrap .myLeave .exp ul li{
	position:relative;
	padding-left:15px;margin-bottom:15px;
	font-size:16px;color:#000;
}
.mypage>div .conwrap .myLeave .exp ul li:last-child{margin:0;}
.mypage>div .conwrap .myLeave .exp ul li:before{
	display:block;content:"";
	width:6px;height:6px;
	background:#bfbfbf;
	border-radius:50%;
	position:absolute;left:0;top:6px;
}
.mypage>div .conwrap .myLeave .con .verification{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;}
.mypage>div .conwrap .myLeave .con .verification>div{
	display:flex;align-items:center;
	position:relative;
	width:49%;
	padding:50px 0;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:12px;
	cursor:pointer;
}
.mypage>div .conwrap .myLeave .con .verification>div:after{
	display:block;content:"";
	width:100%;height:100%;
	box-sizing:border-box;
	border:2px solid #ff3c42;border-radius:12px;
	position:absolute;left:0;top:0;
	opacity:0;
	transition:all 0.24s;
}
.mypage>div .conwrap .myLeave .con .verification>div .icon{
	box-sizing:border-box;
	width:145px;height:48px;
	text-align:center;
	border-right:1px solid #ccc;
}
.mypage>div .conwrap .myLeave .con .verification>div:nth-child(1) .icon{
	background:url(/images/page/join1_verif_icon1.png) no-repeat center;
	transition:all 0.24s;
}
.mypage>div .conwrap .myLeave .con .verification>div:nth-child(2) .icon{
	background:url(/images/page/join1_verif_icon2.png) no-repeat center;
	transition:all 0.24s;
}
.mypage>div .conwrap .myLeave .con .verification>div dl{
	box-sizing:border-box;
	width:calc(100% - 145px);
	padding:0 47px;
}
.mypage>div .conwrap .myLeave .con .verification>div dl dt{font-size:21px;color:#000;font-weight:600;}
.mypage>div .conwrap .myLeave .con .verification>div dl dd{font-size:16px;color:#222;margin-top:10px;}

.mypage>div .conwrap .myLeave .con .verification>div:hover:after{opacity:1;}
.mypage>div .conwrap .myLeave .con .verification>div:hover:nth-child(1) .icon{
	background:url(/images/page/join1_verif_icon1_on.png) no-repeat center;
}
.mypage>div .conwrap .myLeave .con .verification>div:hover:nth-child(2) .icon{
	background:url(/images/page/join1_verif_icon2_on.png) no-repeat center;
}











/* 창업문의 */
.startup{}
.startup .page_top{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.startup .page_top .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/page/startup_pagetop_bg.jpg) no-repeat center / cover;
}
.startup .page_top .txtwrap{
	position: relative;
	text-align: center;
	color: #fff;
	width: 92%;
}
.startup .page_top .txtwrap .txt1{
	font-size: 22px;
	font-weight: 500;
}
.startup .page_top .txtwrap .txt2{
	font-size: 68px;
	font-weight: 700;
	margin: 20px 0;
}
.startup .page_top .txtwrap .txt3{
	font-size: 20px;
	line-height: 1.5em
}
.startup .page_top .link{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 56px;
	border-radius: 56px;
	background: #FF3C42;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.startup .page_top .linkWrap{position:relative;margin:40px 0 0;height:56px;}
.startup .page_top .linkWrap>div{position:absolute;left:50%;top:50%;width:92%;transform:translate(-50%, -50%);transition:all 1s;}
.startup .page_top .linkWrap.float>div{
	position:fixed;left:50%;top:50%;z-index:100;	
	transform:translate(-50%, calc(100% + 34vh));
	width:92%;
}
.startup .page_top .linkWrap.float a{border:2px solid #fff;}
.startup .page_top .link img{
	aspect-ratio: unset;
	margin-left: 10px;
}

.startup h2{
	font-size: 30px;
	font-weight: 700;
	color: #FF3C42;
	opacity:1;transition:all 1s;
}
.startup h3{
	font-size: 68px;
	font-weight: 700;
	margin-top: 30px;
	opacity:1;transition:all 1s;
}
.startup h4{
	font-size: 54px;
	font-weight: 700;
	margin-top: 30px;
	opacity:1;transition:all 1s;
}
.startup .on h2{opacity:0;transition:all 1s;}
.startup .on h4{opacity:0;transition:all 1s;}

.startup .sec.smart{padding: 160px 0 600px; position: relative;}
.startup .sec.smart .titwrap{
	text-align: center;
}
.startup .sec.smart .phonewrap{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.startup .sec.smart .phonewrap .phone{}
.startup .sec.smart .phonewrap .phone .txtbox{
	display: block;
	position: absolute;
	font-size: 2vw;
	font-weight: 600;
	color: #fff;
	padding: 20px 30px;
	border-radius: 18px;
	background: #FF3C42;
	white-space: nowrap;
}
.startup .sec.smart .phonewrap .phone .txtbox.txt1{left: 50%; bottom: calc(100% + 120px); transform: translate(-50%, 0);}
.startup .sec.smart .phonewrap .phone .txtbox.txt2{right:-22vw;top: -30px;}
.startup .sec.smart .phonewrap .phone .txtbox.txt3{left:-22vw;top: -30px;}
.startup .sec.smart .phonewrap .phone .txtbox::after {
	content: "";
	position: absolute;
	bottom: -23px; /* 삼각형 높이 */
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 11.5px solid transparent;  /* 23px / 2 */
	border-right: 11.5px solid transparent;
	border-top: 24px solid #FF3C42; /* 꼬리 색상 */
}
.startup .sec.smart .phonewrap .phone .bg{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	width: 1200px;
	z-index: -1;
}

.startup .sec.specific{
	position: relative;
	width: 100%;
	height: 100vh;
	padding: 220px 0 160px;
	background: url(/images/page/startup_specific_bg.png) no-repeat left bottom #F9F9F9;
	background-size:contain;
	overflow: hidden;
}
.startup .sec.specific .conwrap{}
.startup .sec.specific .conwrap .titwrap{
	width: calc(100% - 0px);
	padding-bottom: 5%;
}

.startup .sec.specific .conwrap .boxwrap{
	flex-shrink: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	column-gap:60px;
	row-gap: 60px;
	width:100%;
}
.startup .sec.specific .conwrap .boxwrap .box{
	position: relative;
	width:calc((100% - 60px) / 2);
	aspect-ratio: 1;
	border-radius: 30px;
	background: #fff;
	padding: 50px;
}
.startup .sec.specific .conwrap .boxwrap .box:nth-child(2n){
	transform: translateY(260px);
}
.startup .sec.specific .conwrap .boxwrap .box .num{
	font-size: 22px;
	font-weight: 700;
	color: #FF3C42;
}
.startup .sec.specific .conwrap .boxwrap .box .tit{
	font-size: 30px;
	font-weight: 700;
	margin: 10px 0 15px;
}
.startup .sec.specific .conwrap .boxwrap .box p{
	font-size: 18px;
	line-height: 1.5em;
	color: #222;
}
.startup .sec.specific .conwrap .boxwrap .box .icon{
	position: absolute;
	right: 50px;
	bottom: 50px;
}

.startup .sec.merit{
	padding: 200px 0;
}
.startup .sec.merit .tit{
	font-size: 54px;
	font-weight: 700;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.startup .sec.merit .conwrap{
	margin-top: 80px;
}
.startup .sec.merit .conwrap .con + .con{
	margin-top: 30px;
}
.startup .sec.merit .conwrap .con{
	width: 100%;
	padding: 70px;
	border-radius: 20px;
	background: #f9f9f9;
	text-align:center;
}
.startup .sec.merit .conwrap .con2{
	flex-direction: row-reverse;
}
.startup .sec.merit .conwrap .con .txtwrap{
	width:100%;
	padding: 0 5%;
	text-align: center;
}
.startup .sec.merit .conwrap .con .txtwrap .slg{
	font-size: 54px;
	font-weight: 700;
	margin: 30px 0;
}
.startup .sec.merit .conwrap .con .txtwrap p{
	font-size: 22px;
	line-height: 1.8em;
}
.startup .sec.merit .conwrap .con .imgwrap{
	width: 100%;
	padding:10% 5% 0;
	text-align: center;
}
.startup .sec.merit .conwrap .con .imgwrap .exp{
	margin-top: 30px;
	display: flex;
	justify-content: center;
	text-align: left;
}
.startup .sec.merit .conwrap .con .imgwrap .exp span{
	flex-shrink: 0;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 50px;
	background: #000;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}
.startup .sec.merit .conwrap .con .imgwrap .exp p{
	flex-shrink: 1;
	font-size: 22px;
	margin-left: 10px;
}

.startup .sec.youtube{
	width: 100%;
	padding: 240px 0;
	background: #000;
	overflow: hidden;
}
.startup .sec.youtube .videoSwiper{
	overflow: visible;
}
.startup .sec.youtube .videoSwiper .swiper-slide{
	width: 680px;
}
.startup .sec.youtube .videoSwiper .swiper-slide .thumb{
	width: 100%;
	aspect-ratio: 681 / 381;
	border-radius: 12px;
	overflow: hidden;
}
.startup .sec.youtube .videoSwiper .swiper-slide .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.startup .sec.youtube .videoSwiper .swiper-slide .tit{
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin: 20px 0 10px;
}
.startup .sec.youtube .videoSwiper .swiper-slide .con{
	font-size: 20px;
	font-weight: 500;
	color: #eee;
}

.startup .numSec{
	width: 100%;
	padding: 60px 0px;
	background: url(/images/page/startup_numsec_bg.jpg) no-repeat center / cover;
}
.startup .numSec .conwrap{
	width: 100%;
	display: flex;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.startup .numSec .conwrap .titwrap{
	width: 50%;
	padding: 120px 10%;
}
.startup .numSec .conwrap .titwrap strong{
	font-size: 54px;
	font-weight: 700;
	color: #fff;
	line-height: 1.4em;
}
.startup .numSec .conwrap .titwrap p{
	font-size: 15px;
	font-weight: 500;
	color: rgba(255,255,255,0.7);
}
.startup .numSec .conwrap .numwrap{
	width: 50%;
	border-left: 1px solid rgba(255,255,255,0.2);
}
.startup .numSec .conwrap .numwrap .numcon{
	width: 100%;
	padding: 50px 80px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	color: #fff;
}
.startup .numSec .conwrap .numwrap .numcon .num{
	font-size: 30px;
	font-weight: 500;
}
.startup .numSec .conwrap .numwrap .numcon .num span{
	font-size: 110px;
}
.startup .numSec .conwrap .numwrap .numcon p{
	font-size: 22px;
	font-weight: 500;
	color: #fff;
}

.startup .sec.reason{
	width: 100%;
	height: 100vh;
	padding-top: 200px;
	background: url(/images/page/startup_reason_bg.png) no-repeat left 5% bottom -50% #FF3C42;
}
.startup .sec.reason .innerwrap{
	display: flex;justify-content:space-between;
}
.startup .sec.reason .titwrap{width: 48%;}
.startup .sec.reason .titwrap p{
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}
.startup .sec.reason .list{
	width: 48%;
}
.startup .sec.reason .list > div{
	font-size: 50px;
	font-weight: 700;
	color: rgba(255,255,255,0.3);
}
.startup .sec.reason .list > div + div{
	margin-top: 120px;
	transition: all 0.4s;
}
.startup .sec.reason .list > div.on{
	color: rgba(255,255,255,1);
}

.startup .merit_tit{
	text-align: center;
}
.startup .merit_tit .tit{
	font-size: 68px;
	font-weight: 700;
	margin-top: 40px;
	margin-bottom: 80px;
}

.startup .merit01{
	padding: 160px 0;
	overflow: hidden;
}
.startup .merit01 .yearwrap{
	margin: 0 auto;
	width: fit-content;
}
.startup .merit01 .yearwrap dl{
	display: flex;
	width: fit-content;
}
.startup .merit01 .yearwrap dl + dl{
	margin-top: 10px;
}
.startup .merit01 .yearwrap dl dt{
	font-size: 22px;
	font-weight: 600;
	width: 90px;
	flex-shrink: 0;
}
.startup .merit01 .yearwrap dl dd{
	flex-shrink: 1;
	font-size: 22px;
	font-weight: 500;
}
.startup .merit01 .yearwrap dl dd strong{
	font-weight: 700;
	color: #FF3C42;
}
.startup .merit01 .boxwrap{
	margin: 100px 0 150px;
	display: flex;
	justify-content: space-between;
}
.startup .merit01 .boxwrap .box{
	width: 49%;
	height: 455px;
	border-radius: 20px;
	border: 1px solid #ccc;
	padding: 35px 35px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.startup .merit01 .boxwrap .box table{
	width: 100%;
	border-collapse: collapse;
}
.startup .merit01 .boxwrap .box table th{
	padding: 14px 0;
	font-size: 18px;
	font-weight: 500;
	background: #EDEDED;
}
.startup .merit01 .boxwrap .box table th.red{
	color: #FF3C42;
	font-weight: 600;
}
.startup .merit01 .boxwrap .box table td{
	text-align: center;
	padding: 14px 0;
	font-size: 18px;
	font-weight: 500;
	border-left: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
}
.startup .merit01 .boxwrap .box p{
	margin-top: 30px;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}
.startup .merit01 .spotSwiper{overflow: visible;}
.startup .merit01 .spotSwiper .swiper-slide{
	width:825px;
	height: 550px;
	border-radius: 20px;
	padding: 40px;
	overflow: hidden;
}
.startup .merit01 .spotSwiper .swiper-slide .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 1s;
}
.startup .merit01 .spotSwiper .swiper-slide:hover .bg{
	transform: scale(1.1);
}
.startup .merit01 .spotSwiper .swiper-slide .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 825 / 550;
}
.startup .merit01 .spotSwiper .swiper-slide .txts{
	position: absolute;
	left: 40px;
	bottom: 40px;
	width: calc(100% - 80px);
	display: flex;
	justify-content: space-between;
}
.startup .merit01 .spotSwiper .swiper-slide .txts .name{
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}
.startup .merit01 .spotSwiper .swiper-slide .arr{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid #fff;
	transition: all 0.3s;
}
.startup .merit01 .spotSwiper .swiper-slide .arr i{
	display: block;
	width: 9px;
	height: 9px;
	background: url(/images/page/startup_merit01_arr.png) no-repeat center / contain;
	transition: all 0.3s;
}
.startup .merit01 .spotSwiper .swiper-slide:hover .arr{
	background: #fff;
}
.startup .merit01 .spotSwiper .swiper-slide:hover .arr i{
	background: url(/images/page/startup_merit01_arr_bl.png) no-repeat center / contain;
}

.startup .merit02{
	padding: 160px 0;
	background: #F9F9F9;
}
.startup .merit02 .ccwrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.startup .merit02 .ccwrap .cc{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 350px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #EDEDED;
	text-align: center;
}
.startup .merit02 .ccwrap .cc .name{
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
}
.startup .merit02 .ccwrap .cc .bar{
	width: 20px;
	height: 1px;
	background: #000;
	margin: 15px 0;
}
.startup .merit02 .ccwrap .cc .num{
	font-size: 4vw;
	font-weight: 700;
}
.startup .merit02 .ccwrap .cc2{
	width: 290px;
	color: #fff;
	background: #FF3C42;
}
.startup .merit02 .ccwrap .cc2 .bar{
	background: #fff;
}
.startup .merit02 .ccwrap .cc2 .num{
	font-size: 38px;
}
.startup .merit02 .ccwrap .percent{
	text-align: center;
	margin: 0 90px;
	margin-bottom: 50px;
}
.startup .merit02 .ccwrap .percent .dot{
	margin: 30px 0;
}
.startup .merit02 .ccwrap .percent p{
	font-size: 30px;
	font-weight: 500;
}
.startup .merit02 .expwrap{
	width: 100%;
	padding: 50px 4%;
	background: #EDEDED;
	border-radius: 18px;
	text-align: center;
	font-size: 22px;
	line-height: 1.8em;
	margin: 60px 0;
}
.startup .merit02 .boxwrap{
	margin: 100px 0 150px;
	display: flex;
	justify-content: space-between;
}
.startup .merit02 .boxwrap .box{
	position: relative;
	width: 49%;
	border-radius: 20px;
	border: 1px solid #ccc;
	padding: 50px;
}
.startup .merit02 .boxwrap .box .img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.startup .merit02 .boxwrap .box .img img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 606px;
	max-width: unset;
}
.startup .merit02 .boxwrap .box table{
	width: 100%;
	border-collapse: collapse;
}
.startup .merit02 .boxwrap .box table th{
	padding: 14px 0;
	font-size: 18px;
	font-weight: 500;
	background: #EDEDED;
}
.startup .merit02 .boxwrap .box table th.red{
	color: #FF3C42;
	font-weight: 600;
}
.startup .merit02 .boxwrap .box table td{
	text-align: center;
	padding: 14px 0;
	font-size: 18px;
	font-weight: 500;
	border-left: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
}
.startup .merit02 .boxwrap .box .unit{margin-top:10px;font-size:17px;color:#666;text-align:right;}
.startup .merit02 .boxwrap .box p{
	position: absolute;
	left: 50%;
	top: calc(100% + 30px);
	transform: translateX(-50%);
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}

.startup .merit03{
	padding: 160px 0;
}
.startup .merit03 .con{
	display: flex;
	align-items: center;
}
.startup .merit03 .con .txtwrap{
	width: 50%;
	padding: 0 6%;
}
.startup .merit03 .con .txtwrap .num{
	display: inline-block;
	padding: 6px 20px;
	border-radius: 50px;
	background: #FF3C42;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
}
.startup .merit03 .con .txtwrap .tit{
	font-size: 54px;
	font-weight: 700;
	margin: 10px 0 20px;
}
.startup .merit03 .con .txtwrap p{
	font-size: 20px;
	line-height: 1.5em;
}
.startup .merit03 .con .imgwrap{
	width: 50%;
	height: 400px;
	border-radius: 18px;
	overflow: hidden;
}
.startup .merit03 .con .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.startup .merit03 .con2{
	margin-top: 80px;
	flex-direction: row-reverse;
}

.startup .merit04{
	padding: 160px 0;
	background: #F9F9F9;
}
.startup .merit04 .boxwrap{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
.startup .merit04 .boxwrap .box{
	position: relative;
	width: calc((100% - 40px) / 2);
	aspect-ratio: 720 / 436;
	border-radius: 18px;
	overflow: hidden;
}
.startup .merit04 .boxwrap .box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.startup .merit04 .boxwrap .box .txt{
	position: absolute;
	left: 30px;
	bottom: 30px;
	font-size: 26px;
	font-weight: 500;
	color: #fff;
}

.startup .merit05{
	padding: 160px 0;
	overflow: hidden;
	height: 100vh;
}
.startup .merit05 .boxwrap{
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 40px;
}
.startup .merit05 .boxwrap .box{
	position: relative;
	width: calc((100% - 60px) / 3);
	aspect-ratio: 474 / 600;
	border-radius: 18px;
	padding: 30px;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
}
.startup .merit05 .boxwrap .box > img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.startup .merit05 .boxwrap .box .txt{
	position: relative;
	font-size: 26px;
	font-weight: 600;
	color: #fff;
}
.startup .merit05 .boxwrap .box:nth-child(5){
	border: 1px solid #ccc;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.startup .merit05 .boxwrap .box:nth-child(5) p{
	font-size: min(2.5vw, 38px);
	font-weight: 700;
	color: #222;
	margin-top: 20px;
}
.startup .merit05 .boxwrap .box:nth-child(1),
.startup .merit05 .boxwrap .box:nth-child(3),
.startup .merit05 .boxwrap .box:nth-child(4),
.startup .merit05 .boxwrap .box:nth-child(6){
	transform: translateY(88px);
}

.startup .sec.app{
	padding: 220px 0 140px;
	background: #F9F9F9;
}
.startup .sec.app .tit{
	font-size: 68px;
	font-weight: 700;
}
.startup .sec.app .imgwrap{
	position: relative;
	margin: 50px 0;
	width: 100%;
	height: 460px;
	border-radius: 30px;
	background: url(/images/page/startup_app_bg.jpg) no-repeat center / cover;
}
.startup .sec.app .imgwrap .phone{
	position: absolute;
	right: 2.4vw;
	bottom: 30px;
	width:40%;
}
.startup .sec.app .infowrap{}
.startup .sec.app .infowrap > div{
	width:100%;
	padding:30px;
	border-bottom: 1px solid #ccc;
}
.startup .sec.app .infowrap > div{
	display: flex;
}
.startup .sec.app .infowrap > div .icon{
	width: 90px;
}
.startup .sec.app .infowrap > div dl{
	width: calc(100% - 90px);
	padding-left: 30px;
}
.startup .sec.app .infowrap > div dl dt{
	font-size: 26px;
	font-weight: 700;
}
.startup .sec.app .infowrap > div dl dd{
	margin-top: 20px;
}
.startup .sec.app .infowrap > div dl dd p{
	position: relative;
	padding-left: 16px;
	font-size: 22px;
	font-weight: 500;
}
.startup .sec.app .infowrap > div dl dd p + p{
	margin-top: 15px;
}
.startup .sec.app .infowrap > div dl dd p:after{
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #BFBFBF;
}

.startup .sec.patent{
	padding: 160px 0;
	background: #000;
	overflow: hidden;
}
.startup .sec.patent .titwrap{
	display: flex;
}
.startup .sec.patent .titwrap .tit{
	width: 50%;
	padding-right: 3%;
	font-size: 54px;
	font-weight: 700;
	color: #fff;
}
.startup .sec.patent .titwrap p{
	width: 50%;
	font-size: 20px;
	line-height: 1.5em;
	color: #fff;
}
.startup .sec.patent .patentSwiper{
	position: relative;
	margin-top: 140px;
	padding-top: 60px;
	overflow: visible;
}
.startup .sec.patent .patentSwiper:after{
	content: "";
	position: absolute;
	left: -500%;
	top: 0;
	width: 10000%;
	height: 1px;
	background: rgba(255,255,255,0.4);
}
.startup .sec.patent .patentSwiper .swiper-slide{
	position: relative;
	width: 300px;
	aspect-ratio: 300 / 400;
	padding: 20px;
	display: flex;
	align-items: flex-end;
}
.startup .sec.patent .patentSwiper .swiper-slide img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.startup .sec.patent .patentSwiper .swiper-slide:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.startup .sec.patent .patentSwiper .swiper-slide .tit{
	position: relative;
	z-index: 2;
	font-size: 16px;
	color: #fff;
}

.startup .ceoSec{
	padding: 140px 0 160px;
	background: url(/images/page/startup_ceo_bg.png) no-repeat right 12% bottom;
}
.startup .ceoSec .tit{
	position: relative;
	width: fit-content;
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 90px;
}
.startup .ceoSec .tit .mark{
	font-family: "Poetsen One";
	position: absolute;
	font-size: 40px;
}
.startup .ceoSec .tit .mark1{
	left: -20px;
	top: -31px;
}
.startup .ceoSec .tit .mark2{
	right: -20px;
	bottom: 6px;
}
.startup .ceoSec .con{
	column-count: 2;
	column-gap: 110px;
}
.startup .ceoSec .con p.break{
	break-after: column;
}
.startup .ceoSec .con p{
	font-size: 18px;
	line-height: 1.8em;
}
.startup .ceoSec .con p + p{
	margin-top: 50px;
}
.startup .ceoSec .con p.break + p{
	margin-top: 0;
}
.startup .ceoSec .con .sign{
	padding-top: 20px;
	margin-top: 100px;
	font-size: 22px;
	font-weight: 500;
	border-top: 1px solid #ccc;
}
.startup .ceoSec .con .sign img{
	margin: 0 0 5px 10px;
}

.startup .sec.contact{
	padding: 160px 0;
	background: #FAFAFA;
}
.startup .sec.contact .innerwrap{}
.startup .sec.contact .innerwrap .txtwrap{
	width:100%;
}
.startup .sec.contact .innerwrap .txtwrap .titwrap{}
.startup .sec.contact .innerwrap .txtwrap .titwrap .tit{
	font-size: 30px;
	font-weight: 700;
	color: #FF3C42;
}
.startup .sec.contact .innerwrap .txtwrap .titwrap .slg{
	font-size: 54px;
	font-weight: 700;
	margin: 40px 0 30px;
}
.startup .sec.contact .innerwrap .txtwrap .titwrap p{
	font-size: 18px;
	line-height: 1.8em;
}
.startup .sec.contact .innerwrap .txtwrap dl{
	margin-top: 50px;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 15%;
	border-top: 1px solid #ccc;
	background: url(/images/page/startup_contact_icon.png) no-repeat left top 56px;
	width: 100%;
}
.startup .sec.contact .innerwrap .txtwrap dl dt{
	font-size: 20px;
	font-weight: 600;
}
.startup .sec.contact .innerwrap .txtwrap dl dt span{
	font-weight: 400;
	margin-left: 10px;
}
.startup .sec.contact .innerwrap .txtwrap dl dd{
	font-size: 16px;
	font-weight: 500;
	color: #666;
	margin-top: 10px;
}
.startup .sec.contact .innerwrap .txtwrap dl dd .bar{
	display: inline-block;
	width: 1px;
	height: 10px;
	background: rgba(0,0,0,0.2);
	margin: 0 10px;
}
.startup .sec.contact .innerwrap .txtwrap dl dd span{font-weight: 400;}
.startup .sec.contact .innerwrap .formwrap{width:100%;margin-top:40px;}
.startup .sec.contact .innerwrap .formwrap .inquirywrap{
	width: 100%;
	padding: 60px;
	background: #fff;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	row-gap: 20px;
}
.startup .sec.contact .innerwrap .formwrap .inquirywrap dl{
	display: flex;
	align-items: center;
}
.startup .sec.contact .innerwrap .formwrap .inquirywrap dl dt{
	width: 190px;
	font-size: 18px;
	font-weight: 500;
}
.startup .sec.contact .innerwrap .formwrap .inquirywrap dl dd{
	width:  calc(100% - 190px);
}
.startup .sec.contact .innerwrap .formwrap .inquirywrap dl dd input{
	width: 100%;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 12px;
	padding: 0 20px;
	font-size: 16px;
}
.startup .sec.contact .innerwrap .formwrap .inquirywrap button{
	width: 100%;
	height: 66px;
	border-radius: 12px;
	background: #FF3C42;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	border: none;
	margin-top: 30px;
}

.startup .sec.faq{
	padding: 100px 0 300px;
}
.startup .sec.faq .titwrap{
	text-align: center;
}
.startup .sec.faq .list{
	margin-top: 60px;
	border-top: 1px solid #ccc;
}
.startup .sec.faq .list li{}
.startup .sec.faq .list li a{
	position: relative;
	padding: 35px;
	display: flex;
	border-bottom: 1px solid #ccc;
}
.startup .sec.faq .list li.on a{
	background: #F9F9F9;
}
.startup .sec.faq .list li a .icon{
	display: block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 50%;
	background: #FF3C42;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	color: #fff;
}
.startup .sec.faq .list li a .conwrap{
	width: calc(100% - 42px);
	padding-left: 30px;
	padding-top: 8px;
}
.startup .sec.faq .list li a .conwrap .tit{
	font-size: 20px;
	font-weight: 600;
}
.startup .sec.faq .list li a .conwrap .con{
	margin-top: 30px;
	font-size: 18px;
	line-height: 1.8em;
	color: #222;
	display: none;
}
.startup .sec.faq .list li a:after{
	content: "";
	position: absolute;
	right: 35px;
	top: 48px;
	width: 8px;
	height: 8px;
	border-left: 1.5px solid #666;
	border-bottom: 1.5px solid #666;
	transform: rotate(-45deg);
}
.startup .sec.faq .list li.on a:after{
	transform: rotate(135deg);
}




/* agreeTxt */
.agreeTxt{padding:220px 0;}
.agreeTxt h4{font-size:35px;color:#000;font-weight:700;}
.agreeTxt .txtWrap{
	border-top:2px solid rgba(0, 0, 0, 0.2);
	padding:50px 0;margin-top:30px;
}
.agreeTxt .txtWrap>div{
	padding:60px;
	border:1px solid rgba(0, 0, 0, 0.2);
}
.agreeTxt .txtWrap>div h4{font-size:25px;color:#000;font-weight:700;margin-bottom: 20px;}
.agreeTxt .txtWrap>div h5{font-size:21px;color:#000;font-weight:700;}
.agreeTxt .txtWrap>div p{margin-top:25px;font-size:17px;color:rgba(34, 34, 34, 1);line-height:1.7em;}
.agreeTxt .txtWrap>div .br1{height:60px;}
.agreeTxt .txtWrap>div>ol{margin-top:25px;}
.agreeTxt .txtWrap>div>ol li{
	display:flex;flex-wrap:wrap;
	margin-top:25px;
	font-size:17px;color:rgba(34, 34, 34, 1);line-height:1.7em;
}
.agreeTxt .txtWrap>div>ol li .num{width:18px;}
.agreeTxt .txtWrap>div>ol li .txt{width:calc(100% - 18px);}
.agreeTxt .txtWrap>div>ol>li>ol{margin-top:0px;}
.agreeTxt .txtWrap>div>ol>li>ol>li{margin-top:0px;}
.agreeTxt .txtWrap>div>ol>li>ol>li>ol{margin-top:0px;}
.agreeTxt .txtWrap>div>ol>li>ol>li>ol>li{margin-top:0px;}
.agreeTxt .txtWrap>div .imp{color:rgba(255, 60, 66, 1) !important;}
.agreeTxt .txtWrap>div dl{}
.agreeTxt .txtWrap>div dl dt{font-size:21px;color:#333;font-weight:500;}
.agreeTxt .txtWrap>div dl dd{margin-top:20px;font-size:17px;color:rgba(255, 60, 66, 1);font-weight:500;}




/* webView */
.webView .magazine {
padding: 80px 0;
}

.webView .mypage {
padding: 80px 0;
}

.webView .mypage>div .conwrap .titlearea {
display: block;
}

.webView .mypage>div .conwrap .titlearea h4{
font-size: 29px;
color: #000;
font-weight: 700;
}

.webView .mypage>div .conwrap .myLeave {
margin: 80px 0 0 ;
}

.webView .mypage>div .conwrap {
width: 100%
}

.webView .agreeTxt {
padding: 80px 0;
}