
@media screen and (min-width:768px) {
.uio_thumbnail .ut_item {
	float:left;
	width:25%;
	margin:0 0 10px 0;
}


/*리스트가로*/
.uio_cd_bundle .ucb_item {
	border-top:1px solid #f2f2f2;
	width:50%;
	float:left;
	background:#fff;
}
/*헤어메이크업 스토리*/
.hall_n_inner .ucb_item {
	border-top:1px solid #f2f2f2;
	background:#fff;
	width:50%;
	float:left;
}

}


@media screen and (max-width:768px) {
.uio_thumbnail .ut_item {
	float:left;
	width:33.333%;
	margin:0 0 10px 0;
}

.uio_thumbnail .ut_item:nth-child(1n+4) {display:none;}

/*리스트가로*/
.uio_cd_bundle .ucb_item {
	border-top:1px solid #f2f2f2;
	width:50%;
	float:left;
	background:#fff;
}

/*헤어메이크업 스토리*/
.hall_n_inner .ucb_item {
	border-top:1px solid #f2f2f2;
	background:#fff;
	width:50%;
	float:left;
}

}


@media screen and (max-width:480px) {
.uio_thumbnail .ut_item {
	float:left;
	width:50%;
	margin:0 0 10px 0;
}

.uio_thumbnail .ut_item:nth-child(1n+3) {display:none;}

.uio_thumbnail .ut_item:nth-child(1n+4) {display:none;}

/*리스트가로*/
.uio_cd_bundle .ucb_item {
	border-top:1px solid #f2f2f2;
	width:100%;
}

/*헤어메이크업 스토리*/
.hall_n_inner .ucb_item {
	border-top:1px solid #f2f2f2;
	background:#fff;
	width:100%;
}

}




/* 헤어메이크업in브랜드플러스 */
.dress_bp_area {
	float:left;
	width:100%;
	padding:0;
	box-sizing:border-box;
	overflow:hidden;
}

.dress_bp_area .dress_bp_inner {
	margin:0 0 8px;
	background:#fff;
	border-bottom:1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
}
.dress_bp_inner:after {
	display:block; 
	clear:both;
	content:'';
}

.uio_top {
	position:relative;
	height:43px;
	margin:0 15px;
	line-height:18px;
	border-bottom:1px solid #cfcfcf;
}

.uio_title {
	font-size:16px;
	font-weight:400;
	line-height:40px;
	color:#000;
	letter-spacing:-1px;
	padding-top:3px;
}

.uio_title span {color:#d8530b;}

.uio_top .uio_thumbnail {
	position:relative;
	margin-top:1px;
	border-top:1px solid #fff;
	float:left;
}

.uio_thumbnail {
	padding:10px 10px 0;
}

/*
.uio_thumbnail .ut_item {
	float:left;
	width:50%;
	margin:0 0 10px 0;
}
*/

.uio_thumbnail .ut_item:first-child .ut_a {
	margin-left:0;
}

.uio_thumbnail .ut_a {
	display:block;
	position:relative;
	padding:0 5px;
	box-sizing:border-box;
}

.uio_thumbnail .ut_mw {
	display:block;
	position:relative;
}

.uio_thumbnail .ut_mw .fly_bp_zone {
	position:absolute;
	left:0;
	top:0;
	display:block;
	font-size:12px;
	color:#fff;
	height:24px;
	line-height:24px;
	padding:0 5px;
	letter-spacing:-0.5px;
}

.uio_thumbnail .ut_mw .fly_bp_zone.f_b_bg {background:rgba(255,0,0,.60)}

.uio_thumbnail .ut_m {
	min-height:90px;
	vertical-align:top;
}

.uio_thumbnail .bp_t {
	display:block;
	padding:8px 5px 0 5px;
	height:1.8em;
	overflow:hidden;
	font-size:14px;
}

.uio_thumbnail .bp_s {
	display:block; 
	padding:5px;
	color:#a5a5a5;
	letter-spacing:-1px;
	height:2.9em;
	overflow:hidden;
}


/* 스튜디오-세로 */
.fly_more_list {
	position:absolute;
	right:0;
	top:0;
	line-height:43px;
}

.fly_more_list a {
	text-decoration:none;
	color:#a5a5a5;
	display:block;
	padding-top:2px;
}

.fly_more_list a:after {
	display:inline-block;
	content:'';
	width:6px;
	height:10px;
	margin-left:6px;
	margin-right:-1px;
	margin-top:16px;
	vertical-align:top;
	background-position:0 0;
	background:url('/image/mobile/iwd_main/iwd_mobile_main_v2.png') no-repeat;
	background-size:150px 150px;
	-webkit-background-size:150px 150px;
}




/* 전체보기 배너 */
.mak_a_area {
	overflow:hidden;
	width:100%;
	padding:0;
	box-sizing:border-box;
	display:block;
}

.mak_a_area:after {
	display:block;
	clear:both;
	content:'';
}

.mak_cd_alpick {
	overflow:hidden;
	position:relative;
	margin:0 0 8px;
	background:#fff;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
}

.mak_cd_alpick .mak_ew {
	min-height:56px;
	padding:6px 0 0 0;
	text-align:center;
}

.mak_cd_alpick > a {display:block; text-decoration:none; }

.mak_cd_alpick .mak_tit {
	display:block;
	font-size:17px;
	font-weight:normal;
	line-height:29px;
	color:#202020;
	letter-spacing:-1px;
	text-align:center;
	vertical-align:middle;
}

.mak_cd_alpick .im_cm {
	display:inline-block;
	background:url('/image/mobile/iwd_main/iwd_mobile_main_v2.png') no-repeat;
	background-size:150px 150px;
	background-position:-60px -15px;
	width:22px;
	height:25px;
	text-indent:-999em;
	margin-right:4px;
	vertical-align:top;
}

.mak_cd_alpick .mak_tit em {color:#82bbd8;}

.mak_cd_alpick .mak_s_t {
	display:block;
	font-size:12px;
	line-height:14px;
	color:#a5a5a5;
	letter-spacing:-1px;
	text-align:center;
	vertical-align:middle;
	margin-top:-2px;
}




/* 헤어메이크업 리스트-가로 */
.mak_w_area {
	overflow:hidden;
	width:100%;
	padding:0;
	box-sizing:border-box;
}

.uio_cd_bundle {
	background:#fff;
	border-bottom:1px solid #e3e3e3;
	border-top:1px solid #e3e3e3;
	float:left;
}

.mak_w_area:after {
	display:block;
	clear:both;
	content:'';
	margin-bottom:8px;
}

.ucb_list {
	display:block;
}

.uio_cd_bundle .ucb_item:first-child {
	border-top:0;
}
/*
.uio_cd_bundle .ucb_item {
	border-top:1px solid #f2f2f2;
	width:100%;
}*/

.uio_cd_bundle .ucb_a:last-child {
	padding-bottom:10px;
}

.uio_cd_bundle .ucb_a:first-child {
	padding-top:10px;
}

.uio_cd_bundle .ucb_a {
	display:block;
	position:relative;
	padding:7px 0px;
}

.uio_cd_bundle .ucb_mw {
	float:left;
	position:relative;
	width:35%;
}

.uio_cd_bundle .ucb_a::after {
	display:table;
	clear:both;
	table-layout:fixed;
	content:'';
}

.uio_cd_bundle .ucb_m {
	min-height:56px;
	vertical-align:top;
}

.uio_cd_bundle .ucb_det {
	left:36%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	white-space:nowrap;
}

.uio_cd_bundle .ucb_flex {
	display:inline-block;
	padding:0 15px 0 10px;
	vertical-align:middle;
	white-space:normal;
	word-wrap:break-word;
}

.uio_cd_bundle .ucb_t {
	overflow:hidden;
	padding-right:2px;
	line-height:1.3em;
	color:#333;
	-webkit-line-clamp:1;
	box-sizing:border-box;
	word-wrap:break-word;
	text-overflow:ellipsis;
	font-size:16px;
	white-space:normal;
	letter-spacing:-1px;
	display:block;
}

.sub_txt {
	overflow:hidden;
	display:block;
	display:-webkit-box;
	font-weight:400;
	line-height:1.2em;
	height:2.4em;
	font-size:13px;
	color:#a5a5a5;
	letter-spacing:-1px;
	white-space:normal;
	word-wrap:break-word;
	-webkit-line-clamp:2;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
}

.sub_name {
	color:#1390ca;
	display:block;
	margin-top:3px;
	font-size:14px;
}

.sub_name span {
	color:#d5dadc;
	padding:0 2px;
}

.uio_cd_bundle .ucb_det::after {
	display:inline-block;
	height:100%;
	vertical-align:middle;
	content:'';
}




/* 웨딩컬렉션 */
.wed_cot_area {
	width:100%;
	overflow:hidden;
	padding:0;
	box-sizing:border-box;
}

.uio_cd_banner {
	padding:0px 15px;
	background:#2370b0;
	margin:0 0 8px;
	position:relative;
}

.wed_cot_area:after {
	display:block;
	clear:both;
	content:'';
}

.uio_cd_banner .ucb_mw {
	float:left;
	position:relative;
	width:35%;
}

.uio_cd_banner .ucb_flex {
	/*display:inline-block;
	padding:0 15px 0 20px;
	vertical-align:middle;
	white-space:normal;
	word-wrap:break-word;*/
	position:absolute;
	top:0; right:0; left:35%; bottom:0;
	white-space:nowrap;
}

.uio_cd_banner .ucb_m {
	min-height:78px;
	vertical-align:top;
}

.uio_cd_banner::after {
	display:table;
	clear:both;
	table-layout:fixed;
}

.uio_cd_banner .ucb_flex::after {
	display:inline-block;
	height:100%;
	vertical-align:middle;
	content:'';
}

.uio_cd_banner .uct_det {
	display:inline-block;
	max-width:100%;
	padding:0 15px;
	vertical-align:middle;
	white-space:normal;
	box-sizing:border-box;
	word-wrap:break-word;
}

.uio_cd_banner .uct_hall_name {
	display:-webkit-box;
	overflow:hidden;
	line-height:1.15em;
	color:#fdff40;
	letter-spacing:-1px;
	white-space:normal;
	text-overflow:ellipsis;
	word-wrap:break-word;
	font-size:14px;
}

.uio_cd_banner .uct_sub_txt {
	display:block;
	overflow:hidden;
	line-height:1.2em;
	color:#fff;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:16px;
	letter-spacing:-1px;
}

.uio_cd_banner .uct_date {
	overflow:hidden;
	padding:0px 38px 2px 0;
	font-size:12px;
	line-height:18px;
	color:#cfdbe9;
	white-space:nowrap;
	text-overflow:ellipsis;
}




/* 인기이벤트 */
.plt_ev_lst {
	width:100%;
	overflow:hidden;
	padding:0;
	box-sizing:border-box;
}

.plt_ev_lst:after {
	display:block;
	clear:both;
	content:'';
}

.plt_ev_lst .hall_n_inner {
	margin:0 0 8px;
	background:#fff;
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	float:left;
	width:100%;
}

.hall_n_inner .ucb_item:first-child {
	border-top:0;
}
/*
.hall_n_inner .ucb_item {
	margin:0 15px;
	border-top:1px solid #f2f2f2;
}*/

.hall_n_inner .ucb_a:last-child {
	padding-bottom:10px;
}

.hall_n_inner .ucb_a:first-child {
	padding-top:10px;
}

.hall_n_inner .ucb_a {
	display:block;
	position:relative;
	padding:7px 0px;
}

.hall_n_inner .ucb_mw {
	float:left;
	position:relative;
	width:35%;
}

.hall_n_inner .ucb_a::after {
	display:table;
	clear:both;
	table-layout:fixed;
	content:'';
}

.hall_n_inner .ucb_m {
	min-height:56px;
	vertical-align:top;
}

.hall_n_inner .ucb_det {
	left:35%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	white-space:nowrap;
}

.hall_n_inner .ucb_flex {
	display:inline-block;
	padding:0 15px 0 20px;
	vertical-align:middle;
	white-space:normal;
	word-wrap:break-word;
}

.hall_n_inner .ucb_tit {
	overflow:hidden;
	display:block;
	display:-webkit-box;
	font-weight:400;
	line-height:1.2em;
	height:2.4em;
	font-size:14px;
	color:#202020;
	letter-spacing:-1px;
	white-space:normal;
	word-wrap:break-word;
	-webkit-line-clamp:2;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
}

.hall_n_inner .ucb_det::after {
	display:inline-block;
	height:100%;
	vertical-align:middle;
	content:'';
}

.zone {
	display:block;
	color:#a5a5a5;
	margin-top:3px;
}




/* 컨텐츠플라자 바로가기 */
.cpz_bn_area {
	width:100%;
	overflow:hidden;
	padding:0;
	box-sizing:border-box;
}

.cpz_bn_area:after {
	display:block;
	clear:both;
	content:'';
}

.cpz_bn_area .cpzbn_inner {
	margin:0 0 8px;
	background:#3d4756;
	position:relative;
}

.bn_img {
	display:block;
	width:100%;
	height:50px;
	background:#3d4756;
	text-decoration:none;
	text-align:center;
	font-size:0;
}






