@charset "utf-8";

html {font-size:13px;}
img {vertical-align:top;}


/* ==================================
************** crm_부케 *************
================================== */

.greeting_area {
	width:100%;
	float:left;
	padding: 30px 15px 30px 15px;
	background:#f2f2f2;
}

.greeting_area .gre_tit {
	font-size:14px;
	color:#454545;
	line-height:18px;
	text-align:center;
	font-weight:bold;
}

.greeting_area .gre_tit em {
	font-style:normal;
	text-decoration:underline;
}

.greeting_area .gre_tit .gre_txd {
	font-size:11px;
	letter-spacing:-0.5px;
	padding-top:2px;
}

.greeting_area .check_box {
	float:left;
	margin-top:10px;
	width:100%;
	line-height:18px;
	background:#fff;
	padding:5px 0;
	border-radius:5px;
	border-top:1px solid #cacaca;
	border-left:1px solid #cacaca;
	border-right:1px solid #cacaca;
	border-bottom:1px solid #cacaca;
}

.greeting_area .check_box span {
	display:block;
	font-size:12px;
	border-bottom:1px solid #e7e7e7;
	line-height:18px;
	text-align:justify;
	padding:10px 15px;
	letter-spacing:-0.5px;
	color:#505050;
}

.greeting_area .check_box em {
	font-style:normal;
	color:#0a9fe4;
}

.greeting_area .check_box .bou_ali {
	text-align:center;
}

.greeting_area .check_box .gre_txd02 {
	color:#f53f00;
	border-bottom:0;
}

.refer_area {
	float:left;
	width:100%;
}

.refer_area .refer_title {
	width:100%;
	color:#fff;
	float:left;
	background:#616775;
	font-size:14px;
	height:32px;
	line-height:32px;
	padding-left:16px;
	font-weight:bold;
}

.refer_area .refer_conts {
	width:100%;
	float:left;
	padding:15px 20px 20px 20px;
	background:#fff;
	border-bottom:1px solid #999999;
}

.refer_area .refer_conts li {
	background:url('/image/mobile/from/ico_cir.png') left 5px no-repeat;
	padding-left:11px;
	font-size:12px;
	line-height:18px;
	margin-bottom:5px;
	text-align:justify;
}

.prdt_area {
	width:100%;
	float:left;
	background:#f2f2f2;
	padding: 20px 15px 30px 15px;
	border-bottom:1px solid #999999;
}

.prdt_area .bou_prd_tit {
	width:100%;
	border:1px solid #c5c7c9;
	background:#fafafa;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
}

.prdt_area .b_prd_box {
	margin-top:10px;
	width:100%;
	float:left;
	border-left:1px solid #c5c7c9;
	border-top:1px solid #c5c7c9;
	border-right:1px solid #c5c7c9;
	border-bottom:1px solid #b1b1b1;
	background:#fff;
}

.prdt_area .b_prd_box .prd_name {
	width:100%;
	font-size:14px;
	color:#222;
	font-weight:bold;
	height:35px;
	line-height:35px;
	float:left;
	padding-left:15px;
	border-bottom:1px solid #dddde1;
}

.prdt_area .b_prd_box .prd_txd {
	padding:8px 15px;
	float:left;
	width:100%;
}

.prdt_area .b_prd_box .prd_txd li {
	clear:both;
	font-size:12px;
	letter-spacing:-0.5px;
	color:#707070;
	background:url('/image/mobile/from/ico_cir.png') left 5px no-repeat;
	padding-left:11px;
	line-height:18px;
}

.prdt_area .b_prd_box .bou_img_box {
	width:100%;
	padding: 5px 15px 0 15px;
	clear:both;
}

.prdt_area .b_prd_box .bou_img_box ul {
	width:100%;
	height:48%;
	overflow:hidden;
}

.prdt_area .b_prd_box .bou_img_box li {
	float:left;
	border:1px solid #dddde1;
	background:#fbfbfc;
	width:49%;
	/*  height:49%; */
	overflow:hidden;
	margin-right:2%;
}

.prdt_area .b_prd_box .bou_img_box .none {
	margin-right:0;
}

.prdt_area .b_prd_box .bou_img_box .cir_pg {
	margin:1px 0 15px 0;
	text-align:center;
	display:block;
	clear:both;
	width:100%;
}

.prdt_area .b_prd_box .bou_img_box .cir_pg .cir_pg_area {
	height: 23px;
	color: #95969e;
	letter-spacing: 2px;
	padding:0 16px;
	font-size:15px;
	vertical-align: middle;
	display: inline-block;
}

.prdt_area .b_prd_box .bou_img_box .cir_pg .cir_pg_area .cir_pg_num {
	width:10px;
	height:10px;
	color: transparent;
	overflow: hidden;
	vertical-align: middle;
	border:1px solid #c6c6c6;
	display: inline-block;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-color:#dfdfdf;
	border-radius:50%;
}

.prdt_area .b_prd_box .bou_img_box .cir_pg .cir_pg_area .cir_pg_num_on {
	width:10px;
	height:10px;
	color: #077dc3;
	border-color:#077dc3;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-color:#077dc3;
}

.b_prd_box .b_btn_area {
	width:100%;
	text-align:center;
	border-top:1px solid #dddde1;
	background:#f8f8f8;
	line-height:35px;
	color:#222;
}
.b_prd_box .b_btn_area .arro_ali {
	margin-top:11px;
	margin-left:3px;
}

.b_prd_box .b_btn_area em {
	color:#077dc3;
	font-style:normal;
}

.b_prd_box .b_btn_area a:link {
	display:block;
	width:100%;
}

.guide_conts {
	float:left;
	width:100%;
}

.guide_conts li {
	border-bottom:1px solid #dddde1;
	display:block;
	width:100%;
	height:74px;
}

.guide_conts .guide_prd_left {
	float:left;
	border-right:1px solid #dddde1;
	width:30%;
	text-align:center;
}
.guide_conts .guide_prd_left img {
	padding-top:10px;
	padding-bottom:10px;
}

.guide_conts .guide_prd_right {
	float:left;
	width:70%;
	text-align:left;
	padding:10px 12px;
}

.guide_conts .guide_prd_right .title {
	font-size:15px;
	font-weight:bold;
	text-align:left;
	float:left;
	display:block;
	width:100%;
	margin-bottom:5px;
}

.guide_conts .guide_prd_right .txd {
	font-size:13px;
	display:block;
	width:100%;
}

.b_prd_box .guide_cucu {
	clear:both;
	background:#f8f8f8;
	width:100%;
	padding:10px 15px;
	font-size:12px;
	letter-spacing:-0.5px;
	color:#707070;
}






/* =====================================================
************** m_브랜드플러스 고객설문조사 *************
===================================================== */
.surv_wrap {width:100%; float:left; background:url('/image/mobile/from/g_bg.jpg') repeat;}

.surv_header {
	position:relative;
	float:left;
	width:100%;
	background:#333333;
	border-bottom:1px solid #262626;
	height:50px;
}

.surv_header .header_ifamily_logo {
	position:absolute;
	left:12px;
	top: 3px;
}

.surv_header .header_ibrand_logo {
	position:absolute;
	right:10px;
	top:10px;
}

.bps_visual_area {width:100%; float:left; background:url('/image/mobile/from/g_bg.jpg') repeat;}
.bps_visual_area .title_img { width:320px; margin:0 auto; padding-top:15px;}

.survey_area {
	padding:0 10px;
	width:100%;
	float:left;
	margin-bottom:10px;
}

.survey_area .surv_box {
	border:1px solid #7f7f7f;
	background:#fff;
	float:left;
	width:100%;
}

.survey_area .surv_box .title_area {
	border-bottom:1px solid #c5c9ce;
	background:#f9f9f9;
	padding:12px 12px 9px 12px;
	width:100%;
	float:left;
	line-height:18px;
	font-size:14px;
	color:#202020;
	letter-spacing:-1px;
}

.survey_area .surv_box .title_area em {color:#008bdc; font-style:normal;}

.survey_area .surv_box .conts_area {
	width:100%;
	float:left;
	padding:10px;
	background:#fff;
}

.survey_area .surv_box .conts_area li {
	display:block;
	width:100%;
	padding:4px 5px;
}

.survey_area .surv_box .conts_area span {
	display:inline-block;
	padding-left:5px;
	line-height:20px;
	letter-spacing:-0.5px;
	color:#454545;
	font-size:12px;
}

.survey_area .surv_box .conts_area .box_01 {
	float:left;
	width:100%;
	border-bottom:1px dashed #dfdee4;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:12px;
}

.survey_area .surv_box .conts_area .box_01 li {
	float:left;
	width:33%;
	padding:4px 0px;
}

.survey_area .surv_box .conts_area .box_01 .sub_title {
	font-size:12px;
	color:#454545;
	float:left;
	width:100%;
	margin-bottom:5px;
}

.survey_area .surv_box .conts_area textarea {
	float:left;
	width:100%;
	height:80px;
	border-radius:3px;
	border:1px solid #b7b7b7;
	border-right-color:#e1e1e1;
	border-bottom-color:#e1e1e1;
	background:#fff;
	padding:7px;
	color:#454545;
	font-size:12px;
}

.btn_box10 {
	width:100%;
	float:left;
	padding:10px 10px 20px 10px;
}

.btn_advice {
	width:100%;
	margin:0 auto;
	display:inline-block; 
	cursor:pionter;
	text-decoration:none; 
	border:1px solid #1072b8;
	background:#0a80e6;
	background:-webkit-gradient(linear, left top, left bottom, from(#31befc), to(#0469dd));
	background:-moz-linear-gradient(top, #31befc, #0469dd);
	background:-o-linear-gradient(top, #31befc, #0469dd);
	color:#fff;
	font-size:1.250em;
	font-weight:bold;
	text-shadow:1px 1px 2px #777;
	vertical-align:top;
	height:40px;
	padding:9px 0 0 0 ; 
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	box-shadow:1px 1px  1px #ccc;
	-moz-box-shadow:1px 1px  1px #ccc;
	text-align:center;
}






/* =======================================
************** 모바일 청첩장 *************
======================================= */
.greet_area {
	width:100%;
	float:left;
	background:#f2f2f2;
}

.greet_area .greet_box {
	margin:0 auto;
	background:#fff;
	width:320px;
	border:1px solid #cfcfcf;
	padding:8px;
	text-align:center;
	line-height:18px;
	font-size:14px;
	color:#454545;
}

.greet_area .greet_box em {
	font-style:normal;
	color:#009ebe;
}

.main_photo_area {
	float:left;
	width:100%;
	background:#d1d1d1;
}

.main_photo_area .img_box {
	margin:0 auto;
	width:320px;
	height:320px;
	overflow:hidden;
	position:relative;
}

.main_photo_area .img_box .txd {
	position:absolute;
	left:0px;
	top:0px;
}

.invit_area {
	float:left;
	width:100%;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	background:url(../../image/mobile/from/invit_bg.jpg) repeat;
	background-size:1px 8px;
	padding:15px 0px;
}

.invit_area .invit_box {
	margin:0 auto;
	width:320px;
	background:red;
}

.invit_area .invit_box .img_top {
	float:left;
	width:320px;
}

.invit_area .invit_box .img_top img {
	border:0 none;
	margin:0;
	padding:0;
	max-width: 100%;
	vertical-align:top;
}

.invit_area .invit_box .img_bottom {
	float:left;
	width:320px;
}

.invit_area .invit_box .img_bottom img {
	border:0 none;
	margin:0;
	padding:0;
	max-width: 100%;
	vertical-align:top;
}

.invit_area .invit_box .invit_word {
	float:left;
	width:320px;
	text-align:center;
	background:#fff;
	font-size:13px;
	line-height:17px;
	letter-spacing:-1px;
	padding:10px 10px 5px 10px;
}

.wedding_info_area {
	float:left;
	width:100%;
	margin:15px 0;
	padding:0 0 10px 0;
}

.wedding_info_area .title_box {
	margin:0 auto;
	width:300px;
	background:#5b616d;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	letter-spacing:-1px;
}

.wedding_info_area .map_box {
	margin:10px auto;
	width:298px;
	height:167px;
	border:1px solid #cfcfcf;
	background:#fff;
	overflow:hidden;
}

.wedding_info_area .map_box .map_img {
	width:100%;
}

.wedding_info_area .info_txd {
	margin:0 auto;
	width:298px;
	border-left:1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	background:#fff;
}

.wedding_info_area .info_txd .list_box {
	width:100%;
}

.wedding_info_area .info_txd .list_box .title_area {
	background:#fafafb;
	height:30px;
	line-height:30px;
	letter-spacing:-1px;
	font-size:13px;
	color:#202020;
	padding:0 0 0 12px;
	border-bottom:1px solid #d6d9e1;
}

.wedding_info_area .info_txd .list_box .conts_area {
	letter-spacing:-1px;
	line-height:16px;
	color:#707070;
	padding:10px;
	border-bottom:1px solid #cfcfcf;
}

.gallery_area {
	float:left;
	width:100%;
	background:#5b616d url(../../image/mobile/from/gallery_topbg.jpg) repeat-x;
	background-size:14px 6px;
	padding:0 0 20px 0;
}

.gallery_area .title {
	margin:0 auto;
	width:320px;
	padding:30px 10px 8px 10px;
	color:#fff;
	font-size:17px;
	letter-spacing:-1px;
}

.gallery_area .title em {
	font-style:normal;
	color:#858991;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
}

.gallery_area .photo_box {
	margin:0 auto;
	width:320px;
	height:320px;
	overflow:hidden;
}

.gallery_area .photo_box img{
    width:auto;
    height:320px;
}


.cir_pg02 {
	text-align:center;
	clear:both;
	padding-top:3px;
}

.cir_pg02 .cir_pg_area {
	height: 23px;
	color: #95969e;
	line-height: 23px;
	letter-spacing: 1px;
	padding:0 16px;
	font-size:15px;
	vertical-align: middle;
	display: inline-block;
}

.cir_pg02 .cir_pg_area .cir_pg_num {
	width:10px;
	height:10px;
	color: transparent;
	overflow: hidden;
	vertical-align: middle;
	border:1px solid #c6c6c6;
	display: inline-block;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-color:#dfdfdf;
	border-radius:50%;
}

.cir_pg02 .cir_pg_area .cir_pg_num_on {
	width:10px;
	height:10px;
	color: #077dc3;
	border-color:#118d07;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-color:#077dc3;
}

.livere_box {
	width:320px;
	float:left;
}

.bnn_ev_plaza {
	float:left;
	width:100%;
	height:70px;
	background:#1c232b;
}

.bnn_ev_plaza .bnn_box {
	width:320px;
	margin:0 auto;
}






/* =======================================
**************** 한샘 쿠폰 ***************
======================================= */
.hans_title_area {
	width:100%;
	float:left;
	padding-top:25px;
	background:#f8f8f8;
	
}

.hans_title_area .c_box {
	width:320px;
	margin:0 auto;
	text-align:center;
	padding-bottom:15px;
}

.hans_title_area .ban_box {
	width:320px;
	margin:0 auto;
}

.hans_title_area .ban_box span {
	display:block;
	margin-bottom:5px;
}

.hans_cp_area {
	width:100%;
	float:left;
	padding:15px 0 10px 0;
	background:#f8f8f8;
}

.hans_cp_area .coupon {
	width:320px;
	height:158px;
	margin:0 auto;
	background:url(../../image/mobile/from/hans_cp_couponbg.png) no-repeat;
	background-size:320px 158px;
}

.hans_cp_area .coupon .cp_number {
	width:180px;
	margin:0 auto;
	padding-top:76px;
	color:#000;
	font-size:25px;
	font-family:'Malgun Gothic';
	text-align:center;
}

.benefit_area {
	float:left;
	width:100%;
	padding-bottom:20px;
	background:#f8f8f8;
}

.benefit_area .bf_box {
	width:300px;
	margin:0 auto;
}

.benefit_area .bf_box span {display:block;margin-bottom:5px;}

.word_area {
	width:100%;
	float:left;
	border-top:1px solid #d5d4d4;
	background:#f8f8f8;
}

.word_area .c_box {padding:13px 10px 0 10px; width:320px;margin:0 auto; color:#454545;}
.word_area .c_box dt { font-weight:bold; color:#202020; padding-bottom:8px; font-size:13px;}
.word_area .c_box dd {font-size:11px; line-height:16px; letter-spacing:-1px; padding-bottom:10px;}

.hans_shop_area {float:left; width:100%; padding:5px 0 30px 0; border-bottom:1px solid #d5d4d4;background:#f8f8f8;}
.hans_shop_area .shop_box {border:1px solid #d5d4d4;margin:0 auto; width:298px;}
.hans_shop_area .shop_box .shop_pic {vertical-align:top;}
.hans_shop_area .shop_box dl {background:#fff;}
.hans_shop_area .shop_box dt { font-weight:bold; color:#202020; padding:8px 6px; font-size:13px;}
.hans_shop_area .shop_box dd {font-size:11px; line-height:16px; letter-spacing:-1px; padding:0 6px 10px 6px;}






/* ==========================================
**************** 웨딩홀 M메일 ***************
========================================== */
#wedh_page {
	float:left;
	width:100%;
	background:#e5e5e5;
	padding-bottom:15px;
	border-bottom:1px solid #cfcfcf;
}

.wedh_title_area {
	float:left;
	width:100%;
	/*border-top:1px solid #5c5c5c;*/
	text-align:center;
	color:#000;
	background:#fff;
	height:42px;
	line-height:42px;
	font-size:16px;
	position:relative;
}

.visual_mainimg {
	float:left;
	width:100%;
}

.visual_mainimg .img_box {
	max-width:640px;
	min-width:320px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.wedh_conts_body {
	width:100%;
	float:left;
	background:#f6f6f6;
	padding:10px;
	border-bottom:1px solid #cfcfcf;
}

.comm_area {
	float:left;
	width:100%;
	border:1px solid #cfcfcf;
	background:#fff;
	margin-bottom:10px;
}

.comm_area .comm_tit_box {
	height:35px;
	line-height:35px;
	border-bottom:1px solid #eaebec;
	position:relative;
}

.comm_area .comm_tit_box .title_01 {
	color:#79a3c9;
	letter-spacing:-1px;
	font-size:15px;
	font-weight:bold;
	position:absolute;
	left:10px;
}

.comm_area .comm_tit_box .title_02 {
	color:#ccc;
	font-size:11px;
	position:absolute;
	right:11px;
}

.comm_area .word_write {
	 float:left;
	 padding:15px 15px 20px 15px;
	 font-size:13px;
	 color:#454545;
	 letter-spacing:-1px;
	 line-height:20px;
}

.basic_area {
	float:left;
	width:100%;
	border:1px solid #cfcfcf;
	background:#fff;
	margin-bottom:10px;
}

.basic_area .basic_tit_box {
	height:35px;
	line-height:35px;
	border-bottom:1px solid #eaebec;
	position:relative;
}

.basic_area .basic_tit_box .title_01 {
	color:#dc8ed0;
	letter-spacing:-1px;
	font-size:15px;
	font-weight:bold;
	position:absolute;
	left:10px;
}

.basic_area .basic_tit_box .title_02 {
	color:#ccc;
	font-size:11px;
	position:absolute;
	right:11px;
}

.basic_area .word_list {
	float:left;
	width:100%;
	padding:5px 15px 0 15px;
	font-size:13px;
	color:#454545;
	letter-spacing:-1px;
	line-height:16px;
}

.basic_area .word_list li {
	display:inline-block;
	width:100%;
	border-bottom:1px solid #eaebec;
	padding:10px 0 10px 0;
}

.basic_area .word_list li:last-child {border-bottom:none;}

.basic_area .word_list dt {
	float:left;
	width:22%;
	color:#7fc6c2;
	font-weight:bold;
}

.basic_area .word_list dd {
	float:left;
	width:78%;
}

.basic_area .word_list dd > span a {
	display:block;
	background:#fafafa;
	color:#999;
	font-size:11px;
	text-align:center;
	padding:5px 20px;
	margin-top:6px;
	border:1px solid #dcdfdf;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.basic_area .word_list dd > em {letter-spacing:0; font-style:normal;}

.basic_area .import_txt {
	float:left;
	width:100%;
	font-size:12px;
	color:#909090;
	letter-spacing:-1px;
	line-height:16px;
	padding:15px 15px 20px 15px;
	border-top:1px solid #eaebec;
}

.prd_btn_box {
	float:left;
	width:100%;
	padding-bottom:10px;
}

.prd_btn_box .box_det {
	background:#8b88ff;
	color:#fff;
	letter-spacing:-1px;
	height:37px;
	line-height:37px;
	text-align:center;
	padding:0 15px;
}

.prd_btn_box .box_det span {color:#bcf3ff; font-weight:bold;}