/*********************************************
****************아이웨딩 메인*****************
**********************************************/

/****************타이틀*****************/
.tt_main_wrap{
	float:left;
	width:100%;
	padding:15px 10px;
	font-size:15px;
	background:#fff;
	line-height:15px;
	vertical-align:middle;
	margin-top:10px;
}

.tt_main_wrap .txt{float:left;font-weight:600;}
.tt_main_wrap .sub_txt{float:left;font-weight:100;margin-left:5px;}
.tt_main_wrap .btn_more{float:right;color:#858585;}


/****************메인 컨텐츠 감쌈*****************/
.dt_mainctn_wrap{float:left; width:100%; background:#fff; padding:0;}

/****************더스타즈*****************/

.main_ctn_stars{
	float:left;
	width:500%;
	margin-bottom:15px;
}
.main_ctn_stars .thum_box{
	float:left;
	margin-left:10px;
	position:relative;
	width:147px;
	height:93px;
	overflow:hidden;

}

.main_ctn_stars .thum_box img{width:100%;}
.main_ctn_stars .thum_box .name{float:left; width:100%;position:absolute;z-index:2; color:#fff;bottom:8px; left:10px;font-size:14px;}
.main_ctn_stars .thum_box .top_img{float:left; width:100%;
	position:absolute;
	background:url(/image/mobile/iwd_2017/list_thum_img.png) no-repeat;
	background-position:bottom left;
	background-size:100%;
	width:147px;
	height:93px;
	z-index:1;
}


/****************럭키찬스*****************/
.main_ctn_luckychance{
	float:left;	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 5px;
	margin-bottom:15px;
}
.main_ctn_luckychance li{ float:left; width:50%; padding: 0 5px;text-align:center;}

.main_ctn_luckychance .thum_box{float:left; width:100%; position:relative;overflow:hidden;}
.main_ctn_luckychance .thum_box img{width:100%;}
.main_ctn_luckychance .thum_box .parti_info{position:absolute; color:#fff; z-index:2;width:100%; text-align:center;bottom:8px;}
.main_ctn_luckychance .thum_box .top_img{float:left; width:100%;
	position:absolute;
	background:url(/image/mobile/iwd_2017/list_thum_img.png) no-repeat;
	background-position:bottom left;
	background-size:100%;
	width:100%;
	z-index:1;
	bottom:0;
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height:100%;
}

.main_ctn_luckychance .date_info {
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	line-height: 18px;
	vertical-align: middle;
	font-size:13px;
	padding:8px 0;


	background: linear-gradient(270deg, #00f6ff, #ff5dc2);
	background-size: 300% 300%;
	-webkit-animation: date_info 7s ease infinite;
	-moz-animation: date_info 7s ease infinite;
	-o-animation: date_info 7s ease infinite;
	animation: date_info 7s ease infinite;
}
 @-webkit-keyframes date_info {
     0%{background-position:0% 50%}
     50%{background-position:100% 50%}
     100%{background-position:0% 50%}
 }
 @-moz-keyframes date_info {
     0%{background-position:0% 50%}
     50%{background-position:100% 50%}
     100%{background-position:0% 50%}
 }
 @-o-keyframes date_info {
     0%{background-position:0% 50%}
     50%{background-position:100% 50%}
     100%{background-position:0% 50%}
 }
 @keyframes date_info {
     0%{background-position:0% 50%}
     50%{background-position:100% 50%}
     100%{background-position:0% 50%}
 }

.main_ctn_luckychance .name {
	float: left;
	width: 100%;
	color:#4a89dc;
	margin:8px 0 4px 0;

}

.main_ctn_luckychance .tt_txt {
	float:left; width:100%;
	line-height:18px;
	padding: 0 4px;
	height:36px;
	overflow:hidden;

}


/*컨텐츠 리스트--텍스트 타입*/
.main_listtype_txt{float:left; width:100%;}
.main_listtype_txt li{
	float:left;
	width:100%;
	border-top:1px solid #dedede;
	vertical-align:middle;
	vertical-align:middle;
	padding:10px 10px 12px 10px;
	height:41px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.main_listtype_txt .m_txt{color:#4a89dc;margin-right:4px;}
.main_listtype_txt .d_txt{color:#a0a0a0;margin-right:4px;}

/*컨텐츠 리스트--썸네일 타입*/
.main_listtype_thum{float:left; width:1000%; background:#fff;padding-bottom:15px;}
.main_listtype_thum li{float:left; width:100px;margin-left:10px;}
.main_listtype_thum .thum_img{float:left; width:100%; height:120px;overflow: hidden;position:relative;margin-bottom:7px;}
.main_listtype_thum .thum_img .bd_line{border:1px solid rgba(0,0,0,0.05); position:absolute; width:100px; height:120px; top:0; left:0;}
.main_listtype_thum .thum_img img{width:100%; }
.main_listtype_thum .name {
	float:left; width:100%; line-height:17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



/*컨텐츠 리스트--브플 컨텐츠 타입*/
.main_listtype_brandplus{float:left; width:100%; background:#fff;}
.main_listtype_brandplus li{float:left; width:100%;padding:10px;border-top:1px solid #e6e9eb;}

.main_listtype_brandplus .thum_img{float:left; width:100px; height:83px;overflow: hidden;position:relative;margin-right:10px;}
.main_listtype_brandplus .thum_img .bd_line{border:1px solid rgba(0,0,0,0.05); position:absolute; width:100px; height:83px; top:0; left:0;}
.main_listtype_brandplus .thum_img img{width:100%;}

.main_listtype_brandplus .ctn_box {float:left; width:67%;margin-top:10px;}
.main_listtype_brandplus .ctn_box .tt_txt{width:100%;height:36px; overflow:hidden;}
.main_listtype_brandplus .ctn_box .tt_txt span{color:#4a89dc;margin-right:4px;}
.main_listtype_brandplus .ctn_box .tag_txt{width:100%;color:#a3a3a3; font-size:12px; height:18px; margin-top:8px;overflow:hidden;}


@media only screen and (max-width:320px){
	.main_listtype_brandplus .ctn_box {float:left; width:57%;margin-top:10px;}


}


/*웨딩홀*/
.main_ctn_icon{float:left; width:100%; padding: 7px 5px 15px 5px;}
.main_ctn_icon li{float:left; width:25%; padding: 0 5px;text-align:center;}
.main_ctn_icon .icon{float:left; width:100%;margin-bottom:8px;}
.main_ctn_icon .icon img {width:100%;}
.main_ctn_icon .txt{float:left; width:100%;}






/****************웨딩홀 컨텐츠*****************/
.main_ctn_weddinghall{
	float:left;	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 5px;
}
.main_ctn_weddinghall li{ float:left; width:50%; padding: 0 5px;margin-bottom:15px;}

.main_ctn_weddinghall .thum_box{float:left; width:100%; position:relative;overflow:hidden;height:200px;overflow: hidden;}
.main_ctn_weddinghall .thum_box img{width:100%;}
.main_ctn_weddinghall .thum_box .hall_name{position:absolute; color:#fff; z-index:2;width:100%; text-align:left;bottom:8px;left:10px;}
.main_ctn_weddinghall .thum_box .top_img{float:left; width:100%;
	position:absolute;
	background:url(/image/mobile/iwd_2017/list_thum_img.png) no-repeat;
	background-position:bottom left;
	background-size:100%;
	width:100%;
	z-index:1;
	bottom:0;
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height:80px;
}


.main_ctn_weddinghall .tt_txt {
	float: left;
	width: 100%;
	height:36px;
	overflow: hidden;;
	margin: 8px 0;

}

.main_ctn_weddinghall .tag_txt {
	float:left; width:100%;
	line-height:15px;
	height:31px;
	overflow:hidden;
	color:#a3a3a3; font-size:12px;
	margin-bottom:3px;

}

/***************기타 컨텐츠*****************/

/*카테고리*/
.main_etc_category{float:left;width:100%; background:#9f9f9f;}
.main_etc_category li{float:left;width:33.3%;text-align:center;height:45px; line-height:45px; vertical-align:middle;color:#fff;}
.main_etc_category .sel{background:#e84938;}
/*리스트*/
.main_ctn_etc{float:left; width:100%; padding:5px;background:#fff;}
.main_ctn_etc li{float:left; width:33.3%; padding:5px;position: relative;vertical-align:bottom;}
.main_ctn_etc .img_box {float:left; width:100%;margin-bottom:7px;height:107px;overflow:hidden;position:relative;vertical-align: middle;text-align:center;}
.main_ctn_etc .img_box img{float:left; width:100%;}
.main_ctn_etc .img_box .bd_line{border:1px solid rgba(0,0,0,0.05); position:absolute; width:100%; height:107px; top:0; left:0;z-index:3;}
.main_ctn_etc .img_box .btn_more{position:absolute; width:100%; height:107px; top:0; left:0; background:url("/image/mobile/iwd_2017/main_listbtn_more02.jpg");
	background-position: center center;
	background-size: 100%;
}
.main_ctn_etc .name{float:left; width:100%; height:18px; overflow:hidden;font-size:14px;}
.main_ctn_etc .name_more{float:left; width:100%; height:18px; overflow:hidden;font-size:14px;text-align:center;}


@media only screen and (min-width:480px){
	.main_ctn_etc .img_box {
		float:left;
		width:100%;
		margin-bottom:7px;
		height:147px;
		overflow:hidden;
		position:relative;
		vertical-align: middle;
		text-align:center;

	}
	.main_ctn_etc .img_box .bd_line{border:1px solid rgba(0,0,0,0.05); position:absolute; width:100%; height:147px; top:0; left:0;z-index:3;}
	.main_ctn_etc .img_box .btn_more{position:absolute; width:100%; height:147px; top:0; left:0; background:url("/image/mobile/iwd_2017/main_listbtn_more02.jpg");
		background-position: center center;
		background-size: 100%;
	}
}


/****************땡큐아이웨딩*****************/
.main_ctn_thankyou{
	float:left;	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 5px;
	margin-bottom:15px;
}
.main_ctn_thankyou li{ float:left; width:50%; padding: 0 5px;text-align:center;}

.main_ctn_thankyou .thum_box{float:left; width:100%; position:relative;overflow:hidden;height:110px;overflow: hidden;}
.main_ctn_thankyou .thum_box img{width:100%;}
.main_ctn_thankyou .thum_box .best{
	position:absolute;
	color:#fff;
	z-index:2;
	float:left;
	width:67px;
	text-align:center;
	bottom:0px;
	left:0;
	display: block;
	background:#fc5e91;
	opacity: 0.8;
	vertical-align:middle;
	height:24px;
	line-height:24px;
}

.main_ctn_thankyou .name {
	float: left;
	width: 100%;
	color:#4a89dc;
	margin:8px 0 4px 0;

}

.main_ctn_thankyou .tt_txt {
	float:left; width:100%;
	line-height:18px;
	padding: 0 4px;
	height:18px;

}


@media only screen and (max-width:320px) {

	.main_ctn_thankyou .tt_txt {
		float: left;
		width: 100%;
		line-height: 18px;
		padding: 0 4px;
		height: 18px;
		letter-spacing:-0.05em;

	}
}