* {
    margin: 0; padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    overflow-x:hidden;
    font-family: Helvetica;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
}

body {
	overflow-x:hidden;
    font-family: dotum, tahoma, sans-serif;
    margin: 0; font-size: 13px; line-height: 1.231;
	color:#454545;
	position:relative;

}


li{list-style:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input{margin:0;padding:0;}
img{
	border:0 none;
	margin:0;
	padding:0;
	max-width: 100%;
	vertical-align:top;
}
label {cursor:pointer}

/* 기본링크스타일 */
a{color:#454545;text-decoration:none}
.enter{clear:both;}

/*헤더영역*/
#top_ifamily_logoarea{
	background:url('/image/mobile/top_ifamilybg.png') top repeat-x;
	text-align:center;
	padding:15px 0 10px 0;
}

#top_iwedding_logoarea{
	position:relative;
	float:left;
	width:100%;
	background:#333333;
	border-top:1px solid #141414;
	border-bottom:1px solid #262626;
}

/*타이틀*/
.head_title_area{
	float:left;
	width:100%;
	border-top:1px solid #5c5c5c;
	border-bottom:1px solid #141414;
	text-align:center;
	color:#fff;
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#373737), to(#303030));
	background: -moz-linear-gradient(top, #373737 0%, #303030 100%);
	height:36px;
	line-height:36px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 1);
	font-size:15px;
	position:relative;
}

.head_title_area .btn_back{
	position:absolute;
	left:0;
}

.head_title_area img{ vertical-align:top;}

/*팝업-전체메뉴*/
#top_iwedding_logoarea .pop_menu_area{
	position:absolute;
	top:44px;
	left:0;
	float:left;
	width:100%;
	border-top:1px solid #555555;
	padding:15px 0 0 0 ;
	background:#464646;
	color:#fff;
	z-index:22;
}


#top_iwedding_logoarea .pop_menu_area .pop_menu_list {
	width:300px;
	margin:0 auto;
}


#top_iwedding_logoarea .pop_menu_area .pop_menu_list li{
	float:left;
	width:75px;
	font-size:11px;
	padding:0 0 10px 0;
	text-align:center;
}

#top_iwedding_logoarea .pop_menu_area .pop_menu_list a{
	color:#fff;
}

#top_iwedding_logoarea .pop_menu_area .pop_menu_list .p_mn_pic{
	position:relative;
}

#top_iwedding_logoarea .pop_menu_area .pop_menu_list .p_mn_pic .pop_icon_n{
	position:absolute;
	right:15px;
	top:-1px;
	width:12px;
	height:12px;
}

#top_iwedding_logoarea .pop_menu_area .pop_menu_list .p_mn_pic img{
	border:1px solid #131313;
}

#top_iwedding_logoarea .pop_menu_area .pop_menu_list .p_mn_txt{
	padding:3px 0 0 0;
}


#top_iwedding_logoarea .pop_menu_area .pop_login_infobox{
	clear:both;
	width:300px;
	margin:0 auto;
	text-align:center;
	font-size:10px;
	border-top:1px solid #212121;
	
}

#top_iwedding_logoarea .pop_menu_area .pop_login_infobox .pop_login_txt{
	float:left;
	border-top:1px solid #555555;
	padding:10px 0 10px 0;
	width:100%;
	color:#bcbcbc;
	
}

#top_iwedding_logoarea .pop_menu_area .pop_login_infobox .pop_login_btn{
	float:left;
	width:100%;
	padding:0 0 10px 0;
}

#top_iwedding_logoarea .pop_menu_area .pop_login_infobox .pop_login_btn .pop_btn_join{
	float:left;
	margin-right:10px;
	width:145px;
	display:block;
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#8a8a8a), to(#616161));
	background: -moz-linear-gradient(top, #8a8a8a 0%, #616161 100%);
	border: 0 none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height:25px;
	height: 25px;
	color:#fff;
}

#top_iwedding_logoarea .pop_menu_area .pop_login_infobox .pop_login_btn .pop_btn_login{
	float:left;
	width:145px;
	display:block;
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#8a8a8a), to(#616161));
	background: -moz-linear-gradient(top, #8a8a8a 0%, #616161 100%);
	border: 0 none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height:25px;
	height: 25px;
	color:#fff;
}

#top_iwedding_logoarea .pop_menu_area .pop_login_infobox .pop_login_btn .pop_btn_logout{
	margin:0 auto;
	width:100px;
	display:block;
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#6c6c6c), to(#4c4c4c));
	background: -moz-linear-gradient(top, #6c6c6c 0%, #4c4c4c 100%);
	border: 0 none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height:25px;
	height: 25px;
	color:#fff;
	margin-top:10px;
	color:#b5b5b5;
}



#top_iwedding_logoarea .pop_menu_area .pop_close_box{
	clear:both;
	float:left;
	width:100%;
	font-size:12px;
	text-align:center;
	border-top:1px solid #303030;
	border-bottom:1px solid #303030;
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#3d3d3d), to(#323232));
	background: -moz-linear-gradient(top, #3d3d3d 0%, #323232 100%);
	margin:5px 0 0 0;
	color:#2191f9;
	display:block;

}


#top_iwedding_logoarea .pop_menu_area .pop_close_box a{
	color:#2191f9;
}

#top_iwedding_logoarea .pop_menu_area .pop_close_box .pop_logout_btn{
	float:left;
	width:50%;
	height:36px;
	line-height:36px;
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#3d3d3d), to(#323232));
	background: -moz-linear-gradient(top, #3d3d3d 0%, #323232 100%);
	color:#b5b5b5;
	border-right:1px solid #212121;

}


#top_iwedding_logoarea .pop_menu_area .pop_close_box .pop_close_btn{
	float:left;
	width:50%;
	height:36px;
	line-height:36px;
	background: -webkit-gradient( linear, 0 0, 0 100%, from(#3d3d3d), to(#323232));
	background: -moz-linear-gradient(top, #3d3d3d 0%, #323232 100%);
	color:#464646;
	border-left:1px solid #555555;
}


#top_iwedding_logoarea .pop_menu_area .pop_close_box span{
	color:#fff;
}




#top_iwedding_logoarea .iwd_logo{
	float:left;
	padding:0 0 0 10px;
}

#top_iwedding_logoarea .quick_menu{
	position:relative;
	float:right;
}

#top_iwedding_logoarea .quick_menu li{
	float:left;
	background:url('/image/mobile/quick_menu_line.png') left repeat-y;
	height:43px;
	width:63px;
	text-align:center;
	padding:5px 0 0 0
}


#top_iwedding_logoarea .event_onliefair_banner{
	float:left;
	width:100%;
	text-align:center;
	padding: 0 0 5px 0;
}

#top_iwedding_logoarea .event_onliefair_banner img{
	border:1px solid #131313;
}


/*푸터영역*/

#footer{
	padding:15px 0 15px 0;
	text-align:center;
	float:left;
	width:100%;
	background:#fff;
}

#footer .footer_box{
	width:300px;
	margin:0 auto;
}

#footer .footer_box .btn_area{
	padding:0 0 15px 0;
	float:left;
	width:300px;
}

#footer .footer_box .btn_area img{
	vertical-align:top;
}


#footer .footer_box .btn_area .btn_footer_company{
	width:145px;
	float:left;
	border:1px solid #bcbcbc;
	background:#fbfbfb;
	font-size:11px;
	text-align:center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right:10px;
	padding:5px 0;
	text-align:center;
	color:#a1a1a1;
}

#footer .footer_box .btn_area .btn_footer_company span{
	color:#454545;
	text-decoration:underline;
}

#footer .footer_box .btn_area .btn_footer_call{
	width:145px;
	float:left;
	border:1px solid #bcbcbc;
	background:#fbfbfb;
	font-size:11px;
	text-align:center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:5px 0;
	text-align:center;
	color:#a1a1a1;
}

#footer .footer_box .btn_area .btn_footer_call span{
	color:#454545;
	text-decoration:underline;
}

#footer .footer_box .ifamily_info{
	clear:both;
	font-size:10px;
	color:#353535;
	line-height:14px;
}
#footer .footer_box .ifamily_info span{
	font-weight:bold;
	color:#000;
	font-size:12px;
}
#footer .footer_box .copyright{
	font-size:8px;
	font-family:tahoma;
	color:#adadad;
	padding:5px 0 0 0;

}

#footer .footer_box .btn_footer_pcv{
	font-size:12px;
	font-family:tahoma;
	color:#2191f9;
	padding:10px 0 0 0;
	text-decoration:underline;
	text-align:center;

}



/*아이웨딩 바로가기 홈 화면에 추가*/
#footer .footer_box .btn_go_home{
	width:100%;
	float:left;
	border:1px solid #bcbcbc;
	background:#fbfbfb;
	font-size:11px;
	text-align:center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding:10px;
	margin-bottom:15px;
}

#footer .footer_box .btn_go_home .iw_icon_img{
	float:left;
	width:45px;
	margin-right:10px;
}

#footer .footer_box .btn_go_home .txt_box{
	float:left;
	font-size:13px;
	color:#a1a1a1;
	text-align:left;
	padding-top:5px;
	line-height:17px;
}

#footer .footer_box .btn_go_home .txt_box span{
	color:#454545;
	text-decoration:underline;
	font-weight:bold;
}






/* ==========================================
********** 개인정보 수집동의/이용약관 *********
============================================= */

#user_agree_area {
	float:left; 
	width:100%; 
	padding:0 10px  0 10px;
	margin-top:20px;
}
.user_agree > h3 {
	font-size:15px; 
	font-weight:bold; 
	padding-bottom:10px;
}

.agree_box {
	border:1px solid #92969c;
	padding:10px 10px;
	font-size:11px;
	font-weight:normal;
	line-height:20px;
	overflow-y:scroll;
	overflow:-moz-scrollbars-vertical;overflow-y:scroll;
	overflow-y:scroll;
	height:100px;
}
.agree_check {
	float:left;
	width:100%;
	margin-top:10px;
	height:24px;
	vertical-align:top;
}
.agree_check span {
	float:left;
	vertical-align:top;
	padding-top:5px;
	font-size:13px;
}
.agree_check img[src$=png] {
	float:left;
	width:24px;
	height:24px;
	margin-right:6px;
	line-height:1px;
	padding:1px;
}


/* 2013.10.07 문의하기 기본정보 추가 */

#basic_ask_wrap {
	float:left;
	width:100%;
	margin-top:30px;
}

#basic_ask_wrap .b_ask_title {
	float:left;
	width:100%
	 margin-left:10px;
	 margin-bottom:7px;
	 font-size:15px;
	 font-weight:bold;
}

#basic_ask_wrap .b_ask_box {
	float:left;
	width:100%;
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	background:#fafbfb;
}

#basic_ask_wrap .b_ask_box dt {
	float:left;
	width:30%;
	height:43px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #d5d6d9;
	padding-top:13px;
}

#basic_ask_wrap .b_ask_box dd {
	float:left;
	width:70%;
	border-left:1px solid #d5d6d9;
	border-bottom:1px solid #d5d6d9;
	padding:8px 10px 0 10px;
	height:43px;
	color:#404040;
	background:#fff;
}

#basic_ask_wrap .b_ask_box input {
	float:left;
	border:1px solid #b0b2ae;
	height:26px;
	padding-left:8px;
	font-size:12px;
}

#basic_ask_wrap .b_ask_box select {
	float:left;
	width:32%;
	height:26px;
	color:#404040;
	font-size:12px;
}

#basic_ask_wrap .b_ask_box .padd_dd {
	margin-right:1%;
}

#basic_ask_wrap .b_ask_box .none_dt  {
	border-bottom:none;
}

#basic_ask_wrap .b_ask_box .none_dd  {
	border-bottom:none;
	height:83px;
	color:#404040;
	font-size:12px;
}

#basic_ask_wrap .b_ask_box .ask_write {
	display:block;
	width:100%;
	height:65px;
	border:1px solid #b0b2ae;
	overflow:hidden;
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll;
	background:#fff;
	padding:5px;
}


/* 2013.10.08 회원가입 기본정보 추가 */
#join_basic_wrap {
	float:left;
	width:100%;
	margin-top:30px;
}

#join_basic_wrap .b_ask_title {
	float:left;
	width:100%;
	margin-left:10px;
	margin-bottom:7px;
	font-size:15px;
	font-weight:bold;
}

#join_basic_wrap .b_ask_box {
	float:left;
	width:100%;
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	background:#fafbfb;
}

#join_basic_wrap .b_ask_box dt {
	float:left;
	width:30%;
	height:43px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #d5d6d9;
	padding-top:13px;
}

#join_basic_wrap .b_ask_box dd {
	float:left;
	width:70%;
	border-left:1px solid #d5d6d9;
	border-bottom:1px solid #d5d6d9;
	padding:8px 10px 0 10px;
	height:43px;
	color:#404040;
	background:#fff;
}

#join_basic_wrap .b_ask_box input {
	float:left;
	border:1px solid #b0b2ae;
	height:26px;
	padding-left:8px;
	font-size:12px;
}

#join_basic_wrap .b_ask_box select {
	float:left;
	width:32%;
	border:1px solid #b0b2ae;
	height:26px;
	color:#404040;
	font-size:12px;
}

#join_basic_wrap .b_ask_box .padd_dd {margin-right:1%;}

#join_basic_wrap .b_ask_box .none_dd .btn_img_area {
	width:34%;
	float:left;
	margin-top:0;
	text-align:center;
}

#join_basic_wrap .b_ask_box .none_dd .btn_img_area .btn_img02 {
	width:100%;
	margin-left:-1px;
	border:1px solid #b0b2ae;
	height:26px;
	cursor:pionter;
	text-decoration:none;
	font-weight:bold;
	padding-top:4px;
	background:#f4f3f3;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f3f3));
	background:-moz-linear-gradient(top, #ffffff, #f4f3f3);
	background:-o-linear-gradient(top, #ffffff, #f4f3f3);
}

#join_basic_wrap .b_ask_box .btn_img_area {
	width:100%;
	float:left;
	margin-top:5px;
	text-align:center;
}

#join_basic_wrap .b_ask_box .btn_img_area .btn_img { 
	width:100%;
	display:inline-block; 
	border:1px solid #b0b2ae;
	height:30px;
	cursor:pionter;
	text-decoration:none;
	font-weight:bold;
	padding-top:6px;
	background:#f4f3f3;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f3f3));
	background:-moz-linear-gradient(top, #ffffff, #f4f3f3);
	background:-o-linear-gradient(top, #ffffff, #f4f3f3);
}

#join_basic_wrap .b_ask_box .none_dt  {border-bottom:none;}

#join_basic_wrap .b_ask_box .none_dd  {border-bottom:none;}

#join_basic_wrap .b_ask_box .ask_write {height:73px;}


#user_basic_area {
	display:none; /* 기존에있던 기본정보입력폼입니다. display스타일로 안보이게 처리하였음. 다시 볼려면 display 지우기. */
	float:left;
	width:100%;
	border-top:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	background:#f7f7f8;
	padding:20px 12px;
	margin-top:20px;
}

#user_basic_area > h3 {
	font-size:15px;
	font-weight:bold;
	padding-bottom:7px;
}

#user_basic_area input {
	border:2px solid #b0b2ae;
	border-radius:3px;
	height:32px;
	width:100%; 
	font-size:11px;
	padding-left:5px;
	margin:3px 0 4px 0;
	color:#52565e;
}

#user_basic_area .tel_input {
	float:left;
	display:inline-block;
	width:100%;
	font-size:13px;
}

#user_basic_area .tel_input  .input_txd {
	width:32%;
	float:left;
	display:inline-block;
	margin-right:2%;
}

.basic_btn_area {
	width:100%;
	float:left;
	margin-top:20px;
	text-align:center;
	padding-bottom:15px;
	border-bottom:1px solid #e2e2e2;
}

.basic_btn_area .basic_btn {
	width:50%;
	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;
}

#user_basic_area .basic_item {
	float:left;
	position:relative;
	margin:-4px 0 6px 0;
	width:100%;
}

#user_basic_area .basic_item .i_label{
	top:8px;
	left:10px;
	z-index:1
} 

#user_basic_area .basic_item .i_text{
	position:relative
	margin:0;
	border:1px solid #b7b7b7;
	border-right-color:#e1e1e1;
	border-bottom-color:#e1e1e1;
	background:#fff;
	float:left;
} 

#user_basic_area .basic_item 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;
} 

.item_inline {
	float:left;
	display:inline;
	width:100%;
}

#user_basic_area .basic_confirm_area {
	float:left;
	width:100%;
	margin:-4px 0 6px 0;
}

#user_basic_area .basic_confirm_area .basic_confirm_ip {
	float:left;
	width:70%;
	position:relative;
}

#user_basic_area .basic_confirm_area .basic_confirm_ip .i_label{
	top:10px;
	left:10px;
	z-index:1
} 

#user_basic_area .basic_confirm_area .basic_confirm_ip .i_text{
	position:relative;
	margin:2px;
	padding:3px 4px;
	border:1px solid #b7b7b7;
	border-right-color:#e1e1e1;
	border-bottom-color:#e1e1e1;
	background:#fff;
} 

#user_basic_area .basic_confirm_area .confirm_btn_area {
	float:right;
	width:28%;
}

.confirm_btn_area .confirm_btn {
	text-align:center;
	cursor:pionter;
	text-decoration:none;
	/* border:1px solid #1072b8; */
	background:#666;
	background:-webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#626262));
	background:-moz-linear-gradient(top, #8a8a8a, #626262);
	background:-o-linear-gradient(top, #8a8a8a, #626262);
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-shadow:1px 1px 2px #777;
	height:32px;
	padding:9px 0 0 0 ; 
	margin:2px 0 0 0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.login_box {
	float:left;
	width:100%;
	border-top:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
	background:#f7f7f8;
	padding:20px 12px;
}

.login_box > h3 {	
	font-size:15px;
	font-weight:bold;
	padding-bottom:7px;
}

.ip_box {
	float:left;
	width:75%;
	position:relative;
}

.ip_box .i_label { 
	top:10px;
	left:10px;
	z-index:1
} 

.ip_box .i_text {
	position:relative;
	margin:0 2px 2px 0;
	padding:3px 4px;
	border:1px solid #b7b7b7; 
	height:36px;
	border-right-color:#e1e1e1;
	border-bottom-color:#e1e1e1;
	background:#fff;
	width:98%;
	border-radius:3px
}

.btn_box{
	float:left;
	width:25%;
	margin-top:-38px;
}

.btn_login{
		display:block;
		padding:16px 0 0 0;
		background: -webkit-gradient( linear, 0 0, 0 100%, from(#ececec), to(#cecece));
        background: -moz-linear-gradient(top, #ececec 0%, #cecece 100%);
		border: 1px solid;
		border-color: #7e7e7e;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        height: 73px;
		min-width:56px;
		text-align:center;
}

.basic_btn_area02 {
	width:100%;
	float:left;
	margin-top:30px;
	text-align:center;
	padding-bottom:15px;
}

.basic_btn_area02 .basic_btn02 {
	width:50%;
	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;
}

.login_inform {
	float:left;
	width:100%;
	color:#454545;
	vertical-align:top;
	text-align:center;
	padding:20px; 
	border-bottom:1px solid #dedede;
}
.login_inform span{color:#ff0000;}

.login_inform img{
	vertical-align:top;
	padding-top:3px;
	margin-right:5px;
}


.btn_disabled{color:#e3e3e3}



/* 배너 : 기획전 및 브랜드플러스 업체배너 */
.banner_box {
	width:100%;
	float:left;
	background:#f7f7f7;
	border-bottom:1px solid #b4b4b4;
	position:relative;
}

.banner_box .ban_area {
	width:100%;
	min-height:70px;
	margin:0 auto;
	text-align:center;
}

.banner_box .ban_area img {
	width:100%;
}

.banner_box .fly_ico_arrow {
	float:left;
	width:100%;
}

.banner_box .fly_ico_arrow .arrow_left {
	position:absolute;
	top:50%;
	left:0;
	z-index:10;
	margin-top:-13px;
	width:25px;
	height:25px;
	opacity:0.6;
}

.banner_box .fly_ico_arrow .arrow_right {
	position:absolute;
	top:50%;
	right:0;
	z-index:10;
	margin-top:-13px;
	width:25px;
	height:25px;
	opacity:0.6;
}