@charset "utf-8";
#wrap{overflow:hidden;}
.pcbr{display:none;}
.tbbr{display:none;}
.mbbr{display:block;}
.dn{display:none;}

@media (max-width: 600px) {
	/* m21 */
	.m21{}
	.m21 .page_title1 .bg1{
		width:134px;height:47px;
		background:url(/images/page/m21_deco1.png) no-repeat;
		background-size:auto 100%;
		position:absolute;left:0px;top:35px;
	}
	.m21 .page_title1 .bg2{
		width:126px;height:63px;
		background:url(/images/page/m21_deco2.png) no-repeat;
		background-size:auto 100%;
		position:absolute;right:-65px;top:15px;
	}
	.m21 h4{font-family:"GmarketSansMedium";font-size:28px;color:#000;text-align:center;}
	.m21 h4 span{border-bottom:1px solid #000;}
	.m21 .imgarea{position:relative;margin:50px 0 70px;}
	.m21 .imgarea:before{
		display:block;content:"";
		width:88px;height:88px;
		background:url(/images/page/square_pink.png) no-repeat;
		background-size:cover;
		position:absolute;left:-55px;top:55%;
	}
	.m21 .imgarea .img{
		overflow:hidden;
		border-radius:15px;
		width:100%;height:325px;
		background:url(/images/page/m21_img1.jpg) no-repeat center;
		background-size:cover;
	}
	.m21 .center_info{margin-bottom:85px;}
	.m21 .center_info dl{
		box-sizing:border-box;
		width:100%;
		padding-top:70px;margin-bottom:45px;
		text-align:center;
	}
	.m21 .center_info dl:nth-child(1){background:url(/images/page/m21_center_icon1.gif) no-repeat center top;background-size:60px;}
	.m21 .center_info dl:nth-child(2){background:url(/images/page/m21_center_icon2.gif) no-repeat center top;background-size:60px;}
	.m21 .center_info dl:nth-child(3){background:url(/images/page/m21_center_icon3.gif) no-repeat center top;background-size:60px;}
	.m21 .center_info dl:last-child{
		border-right:0;
		background:url(/images/page/m21_center_icon4.gif) no-repeat center top;
		background-size:60px;
	}
	.m21 .center_info dl dt{
		margin-bottom:15px;
		font-family:"GmarketSansMedium";font-size:20px;color:#000;
	}
	.m21 .center_info dl dd{font-family:"GmarketSansMedium";font-size:16px;color:#6f6f6f;line-height:1.5em;}

	.m21 .detail{}
	.m21 .detail .boxwrap{
		margin-bottom:90px;
		/* border-top:2px solid #f66e6f; */
	}
	.m21 .detail .boxwrap h5{
		width:100%;
		padding:30px 10px 0 10px;
		font-family:"GmarketSansMedium";font-size:1.4rem;color:#000;
		text-align: center;
	}
	.m21 .detail .boxwrap .detail_info{}
	.m21 .detail .boxwrap .detail_info dl{
		box-sizing:border-box;
		padding:0;
		border-bottom:1px solid #ddd;
	}
	.m21 .detail .boxwrap .detail_info dl dt{
		box-sizing:border-box;
		/* padding-left:10px; */
		text-align: center;
		font-family:"GmarketSansMedium";font-size:18px;color:#000;line-height:180%;
	}
	.m21 .detail .boxwrap .detail_info dl.who dt{
		background:url(/images/page/m21_detail_icon1.png) no-repeat left 5px;
	}
	.m21 .detail .boxwrap .detail_info dl.tel dt{
		background:url(/images/page/m21_detail_icon2.png) no-repeat left 5px;
	}
	.m21 .detail .boxwrap .detail_info dl.time dt{
		background:url(/images/page/m21_detail_icon3.png) no-repeat left 5px;
	}
	.m21 .detail .boxwrap .detail_info dl.age dt{
		background:url(/images/page/m21_detail_icon4.png) no-repeat left 5px;
	}
	.m21 .detail .boxwrap .detail_info dl dd{
		box-sizing:border-box;
		/* width:calc(100% - 175px); */
		width: 100%;
		padding-bottom: 0 !important;
		text-align: center;
		/* padding-top:5px; */
	}
	.m21 .detail .boxwrap .detail_info dl dd p{font-family:"GmarketSansMedium";font-size:18px;color:#6f6f6f;line-height:180%;}
	.m21 .detail .boxwrap .detail_info dl dd ul{}
	.m21 .detail .boxwrap .detail_info dl dd ul li{
		position:relative;
		padding-left:12px;
		font-family:"GmarketSansMedium";font-size:16px;color:#6f6f6f;line-height:180%;
	}
	.m21 .detail .boxwrap .detail_info dl dd ul li:before{
		display:block;content:"";
		position:absolute;left:0;top:9px;
		width:1px;height:1px;
		border:2px solid #f66e6f;
	}
	.m21 .detail .boxwrap .detail_info dl dd .tip{margin:20px 0 0;}
	.m21 .detail .boxwrap .detail_info dl dd .tip ul li{position:relative;padding-left:20px;}
	.m21 .detail .boxwrap .detail_info dl dd .tip ul li:before{display:none;}
	.m21 .detail .boxwrap .detail_info dl dd .tip ul li>span{position:absolute;left:0;top:0;}
	.m21 .detail .boxwrap .detail_info dl dd .day{margin-bottom:15px;font-family:"GmarketSansMedium";font-size:16px;color:#6f6f6f;line-height:180%;}
	.m21 .detail .boxwrap .detail_info dl dd h6{margin:10px 0;font-family:"GmarketSansMedium";font-size:16px;color:#000;}
	.m21 .detail .boxwrap .detail_info dl dd table{width:100%;border-top:1px solid #ddd;}
	.m21 .detail .boxwrap .detail_info dl dd table th{
		padding:15px 0;
		background:#f7f7f7;
		font-family:"GmarketSansMedium";font-size:14px;color:#000;text-align:center;
		border-bottom:1px solid #ddd;
	}
	.m21 .detail .boxwrap .detail_info dl dd table td{
		padding:15px 0;
		font-family:"GmarketSansMedium";font-size:12px;color:#6f6f6f;text-align:center;
		border-bottom:1px solid #ddd;
	}
	.m21 .detail .boxwrap .detail_info dl dd table td .under{position:relative;color:#333;}
	.m21 .detail .boxwrap .detail_info dl dd table td .under.important{}
	.m21 .detail .boxwrap .detail_info dl dd table td .under:after{
		display:block;content:"";
		width:100%;height:50%;
		padding:0 5px;
		background:rgba(68,198,243,0.4);
		position:absolute;left:-5px;bottom:0;
	}
	.m21 .detail .boxwrap .detail_info dl dd table .under.important:after{background:rgba(249,151,23,0.4);}
	.m21 .detail .boxwrap .detail_info dl dd table .under>span{position:relative;z-index:10;}
	.m21 .detail .boxwrap .detail_info dl .flex{display:inline-flex;align-items:center;}
	.m21 .detail .boxwrap .detail_info dl .btn_reserve{
		display:inline-block;
		width:117px;height:35px;
		background:url(/images/page/bg_reserve.png) no-repeat;
		background-size:cover;
		margin-left:25px;
		font-family:"GmarketSansMedium";font-size:14px;color:#fff;text-align:center;line-height:35px;
	}
	.m21 .detail .boxwrap .detail_info dl .btn_reserve:before{display:none;}

	.m21 .imgarea{overflow:hidden;border-radius:15px;}
	.m21 .imgarea .img{transform:scale(1.1);transition:all 2s;}
	.m21 .imgarea.in-view .img{transform:scale(1);}

	.m21 .detail .boxwrap .titlearea { text-align: center; }
	.m21 img { width:90%; max-width:655px; border:1px solid black; }
}

