@charset "utf-8";
/*
	모바일 기반이나 모든 기계에서 맞추기위함
*/
@media (max-width:991px){
	.main_wrap {
		margin:0 auto;
		padding-bottom: 0;
		max-width:720px;
		max-height: 1275px;
		width:100%;
		height:100%;
		position:fixed;
		overflow:hidden;
		left: 50%;
		transform: translateX(-50%);
	}
	.main_box {
		left: auto;
		top: auto;
	}



}
@media (max-width:720px){
	.main_box {
		left: auto;
		transform:translateX(0)
	}
	.last_box .last02 .card_box div:last-child ul li.card_name span {
		font-size:14px
	}
	
}
@media (max-width:530px){
	.last_box .last02 .card_box div:last-child ul li {
		/* float: none; */
		font-size:14px;
		word-break: keep-all;
	}
	.last_box .last02 .card_box div:last-child ul li.card_name {
		font-size:18px;
		padding-bottom: 5px;
	}
	.last_box .last02 .card_box div:last-child ul li.card_info span {
		font-size:14px;
		/* word-break: keep-all; */
	}
	.last_box .last02 .card_box p {
		font-size:14px;
		/* word-break: keep-all; */
	}
	.last_box .last02 .card_box div:last-child ul {
		padding-bottom: 5px;
	}
	/* .last_box .last02 .card_box div:last-child ul li:after {
		display: none;
	} */
	.last_box .last01 ul li a, .last_box .last02 .card_box, .last04 .card_box {
		border-radius: 13px;
	}

	.last_box .last02 .card_box div:first-child {
		width: 95px;
	}
	.last_box .last02 .card_box div {
		padding: 10px;
	}

	.last02_img {
		width: 95px;
		height: 95px;
		display: block;
	}
	.last_box .last02 .card_box>div:last-child {
		width: calc(100% - 95px);
		padding-left: 10px;
	}
	.last_box .last02 .card_box>div {
		vertical-align: top;
	}
	.last_box .last02 .card_box div:last-child ul li.card_info a img {
		max-width: 100%;
		margin-right: 5px;
		height: 16px;
		vertical-align: -3px;
	}
	/* .last_box .last02 .card_box .kakao_btn {
		width: 100%;
		margin-top: 10px;
		display: inline-block;
	} */


}
@media (max-width:480px){
	.last_box .last01 ul li a > div:first-child,
	.last_box .last02 .card_box div:first-child{
		width:40px;
	}
	.last_box .last01 ul li a > div:last-child,
	.last_box .last02 .card_box div:last-child{
		padding-left:10px;
		width:calc(100% - 40px);
	}
	.last_box .last01 ul li a > div:last-child span
	/* .last_box .last02 .card_box div:last-child ul li.card_name */{
		font-size: 16px;
	}
	.last_box .last02 .card_box div:last-child ul li.card_info span{
		font-size:13px;
	}
	.last_box .last01 ul{
		margin:-5px;
	}
	.last_box .last01 ul li{
		padding:5px;
		height:100px;
	}
	.last_box .last01 ul li a, .last_box .last02 .card_box{
		padding:10px;
	}
	.modal-con.share_modal .modal_bg{
		padding:50px 10px 10px;
	}
	.share_modal .share_mbox{
		padding-bottom:30px;
	}
	.join_box .frm_box{
		padding-bottom:10px;
	}
	.reserv_box .frm_box{
		padding-bottom:10px;
	}
	.share_modal .share_mbox ul li a span,
	.join_box .frm_box label{
		font-size:16px;
	}
	.reserv_box .frm_box label{
		font-size:16px;
	}
	/* .join_box .title{
		font-size:18px;
	} */
	.join_box .frm_box .input_box input,
	.join_box .select_box select{
		height:45px;
		font-size:14px;
	}
	.join_box .select_box select{
		background-size:14px;
	}

	.reserv_box .frm_box .input_box input,
	.reserv_box .select_box select, 
	.reserv_box select{
		height:45px;
		font-size:14px;
	}
	.reserv_box .select_box select ,
	.reserv_box select{
		background-size:14px;
	}
	.input_sub {
		font-size: 12px;
		padding-top: 5px;
		color: #999;
	}

	.join_bt_box a , .join_bt_box1 a {
		font-size:18px;
		padding:10px 0;
	}

	.last_box .last01 ul li a > div:first-child, .last_box .last02 .card_box div:first-child {
		width: 60px
	}
	/* .last_box .last01 ul li a > div:last-child span, .last_box .last02 .card_box div:last-child ul li.card_name {
		font-size:18px
	} */

	.page6_img {
		margin:6% auto 20px;
	}
	.page6_txt , .page6_tt , .page6_txt2 {
		font-size:14px;
	}

	.page6_tt {
		margin:40px 0 20px;
		font-size:16px;
	}
	.page6_tt:after {
		width: 100px;
		height: 10px;
	}

}

@media (max-width:360px){ 
	.last_box .last01 ul li a > div:first-child, .last_box .last02 .card_box div:first-child {
		width: 50px
	}

	.last_box .last01 ul li a > div:last-child span {
		font-size: 18px;
	}

}