@charset "utf-8";
#wrap{overflow:hidden;}
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}

@media (min-width: 601px) and (max-width: 1024px) {
	/* m21 */
	.m21{}
	.m21 .etc_bg{}
	.m21 .etc_bg .bg1{
		width:172px;height:172px;
		background:url(/images/page/m21_bg1.png) no-repeat;
		background-size:cover;
		position:absolute;left:-15%;top:35%;
	}
	.m21 .etc_bg .bg2{
		width:795px;height:795px;
		background:url(/images/page/m21_bg2.png) no-repeat;
		background-size:cover;
		position:absolute;left:-50%;top:40%;
	}
	.m21 .etc_bg .bg3{
		width:321px;height:334px;
		background:url(/images/page/m21_bg3.png) no-repeat;
		background-size:cover;
		position:absolute;right:-20%;top:62%;opacity:0.5;
	}
	.m21 .page_title1 .bg1{
		width:134px;height:95px;
		background:url(/images/page/m21_deco1.png) no-repeat;
		background-size:cover;
		position:absolute;left:25px;top:160px;
	}
	.m21 .page_title1 .bg2{
		width:126px;height:127px;
		background:url(/images/page/m21_deco2.png) no-repeat;
		background-size:cover;
		position:absolute;right:-45px;top:-85px;
	}
	.m21 h4{font-family:"GmarketSansMedium";font-size:32px;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:635px;
		background:url(/images/page/m21_img1.jpg) no-repeat center;
		background-size:cover;
	}
	.m21 .center_info{display:flex;margin-bottom:125px;}
	.m21 .center_info dl{
		box-sizing:border-box;
		width:25%;
		padding-top:90px;
		border-right:1px solid #ddd;
		text-align:center;
	}
	.m21 .center_info dl:nth-child(1){background:url(/images/page/m21_center_icon1.gif) no-repeat center top;}
	.m21 .center_info dl:nth-child(2){background:url(/images/page/m21_center_icon2.gif) no-repeat center top;}
	.m21 .center_info dl:nth-child(3){background:url(/images/page/m21_center_icon3.gif) no-repeat center top;}
	.m21 .center_info dl:last-child{
		border-right:0;
		background:url(/images/page/m21_center_icon4.gif) no-repeat center top;
	}
	.m21 .center_info dl dt{
		margin-bottom:15px;
		font-family:"GmarketSansMedium";font-size:24px;color:#000;
	}
	.m21 .center_info dl dd{font-family:"GmarketSansMedium";font-size:20px;color:#6f6f6f;line-height:1.5em;}

	.m21 .detail{}
	.m21 .detail .boxwrap{
		display:flex;justify-content:space-between;
		margin-bottom:90px;
		/* border-top:2px solid #f66e6f; */
	}
	.m21 .detail .boxwrap h5{
		width:100%;
		padding:30px 0;
		font-family:"GmarketSansMedium";font-size:32px;color:#000;
		text-align: center;
	}
	.m21 .detail .boxwrap .btn_reserve{margin:0 0 40px;}
	.img_naver{
		width: 124px;height: 133px;
		background: url(/images/page/m51_deco3.png) no-repeat;
		background-size: cover;
	}
	.m21 .detail .boxwrap .detail_info{width:calc(100% - 325px);}
	.m21 .detail .boxwrap .detail_info dl{
		display:flex;
		box-sizing:border-box;
		padding:0;
		border-bottom:1px solid #ddd;
	}
	.m21 .detail .boxwrap .detail_info dl dt{
		box-sizing:border-box;
		width:150px;
		padding-left:35px;
		font-family:"GmarketSansMedium";font-size:24px;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);
		padding-bottom: 0 !important;
		/* padding-top:5px; */
	}
	.m21 .detail .boxwrap .detail_info dl dd p{font-family:"GmarketSansMedium";font-size:20px;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:17px;
		font-family:"GmarketSansMedium";font-size:20px;color:#6f6f6f;line-height:180%;
	}
	.m21 .detail .boxwrap .detail_info dl dd ul li:before{
		display:block;content:"";
		position:absolute;left:0;top:11px;
		width:2px;height:2px;
		border:3px 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:30px;}
	.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:25px;font-family:"GmarketSansMedium";font-size:20px;color:#6f6f6f;line-height:180%;}
	.m21 .detail .boxwrap .detail_info dl dd h6{margin-bottom:10px;font-family:"GmarketSansMedium";font-size:20px;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:20px 0;
		background:#f7f7f7;
		font-family:"GmarketSansMedium";font-size:20px;color:#000;text-align:center;
		border-bottom:1px solid #ddd;
	}
	.m21 .detail .boxwrap .detail_info dl dd table td{
		padding:20px 0;
		font-family:"GmarketSansMedium";font-size:20px;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;margin-top:-5px;}
	.m21 .detail .boxwrap .detail_info dl .btn_reserve{
		display:inline-block;
		width:153px;height:45px;
		background:url(/images/page/bg_reserve.png) no-repeat;
		background-size:cover;
		margin-left:25px;
		font-family:"GmarketSansMedium";font-size:20px;color:#fff;text-align:center;line-height:45px;
	}
	.m21 .detail .boxwrap .detail_info dl .btn_reserve:before{display:none;}
	.m21 .notice{position:relative;}
	.m21 .notice:before{
		display:block;content:"";
		width:89px;height:554px;
		background:url(/images/page/m21_notice_bg1.png) no-repeat;
		position:absolute;right:100%;top:0;margin-right:65px;
	}
	.m21 .notice:after{
		display:block;content:"";
		width:89px;height:554px;
		background:url(/images/page/m21_notice_bg2.png) no-repeat;
		position:absolute;left:100%;top:0;margin-left:65px;
	}
	.m21 .notice ul{
		overflow:hidden;
		position:relative;z-index:10;
		box-sizing:border-box;
		margin:50px 0 0;padding:50px 60px;
		border:2px solid #ddd;border-radius:20px;
		background:#fff6f6;
	}
	.m21 .notice ul li{
		position:relative;
		padding-left:17px;margin-bottom:15px;
		font-family:"GmarketSansMedium";font-size:20px;color:#6f6f6f;
	}
	.m21 .notice ul li:before{
		display:block;content:"";
		position:absolute;left:0;top:5px;
		width:2px;height:2px;
		border:3px solid #f66e6f;
	}
	.m21 .notice ul li:last-child{margin-bottom:0;}
	.m21 .detail .boxwrap .titlearea { text-align: center; }
/* }


@media(max-width:1177px){ */
	.m21 .detail .boxwrap {display:block;}
	.m21 .detail .boxwrap .detail_info{width: calc(100% - 0px);}
	.m21 .detail .boxwrap .img_naver{display:none;}
	.m21 .detail .boxwrap .btn_reserve{margin:0 auto;}
/* }
@media(max-width:820px){ */
	.m21 .detail .boxwrap .detail_info dl dd table td{font-size:18px;}
	.m21 img { width:90%; max-width:655px; border:1px solid black; }
}
