
*{
	margin:0px;padding:0px;
	font-family:NanumGothic,나눔고딕,hevetica, arial, sans, sans-serif;
}
* html { height: 1px; }
a:link {text-decoration:none;color:#454545;background: transparent;}
a:visited {text-decoration:none;color:#454545;}
a:hover {text-decoration:none;color:#454545;}
a:active {text-decoration:none;color:#454545;}
img{border:0px;}
.clear{clear: both}

body{background:#ececec}

#header{width: 100%;height: 80px;background: #362324;border-bottom: 3px solid #58d0ce;position: relative;float:left;display: block}
#menu{width:940px;height:100%;position:relative;margin:0 auto;}
#menu .right_menu {width:40%;text-align:right;position: absolute;right:0;bottom:0;padding-bottom:10px;z-index: 10;line-height: 0px}
#menu .right_menu *{color:white;}
#menu .right_menu .dot{padding:0px 2px 4px 2px}


#logo{position: relative;top:7px;}
.logo_wrap{width:100%;margin:0 auto;text-align: center;background: transparent;position: absolute;z-index: 1}

.main_content{text-align: left;font-family: "Nanum Gothic","나눔고딕";}
.main_content h1{font-size: 16px;font-style: bold}
.main_content dl{font-size: 14px;font-style: bold}
.default_input{
	padding:9px 10px 8px 10px;
	border: 1px solid #dcdcdc;
	background: #ececec;
	font-family: "dotum";
	font-size:12px;
	color:#a8a8a8;
	font-style: normal;
}
.default_input_on{
	padding:9px 10px 8px 10px;
	border: 1px solid #3bb2b0;
	background: #58d0ce;
	font-family: "dotum";
	font-size:12px;
	color:#fff;
	font-style: normal;
}

#footer{width: 100%;height: 161px;border-top: 2px solid #58d0ce;position:relative;float: left;display: block;margin-top: 80px}
#footer #bottom_nav{
	width:100%;
	height:41px;
	color:#454545;
	font-size: 12px;
	background: white;
	border-bottom: 1px solid #d4d4d4;
	float:left;
	text-align: center;
	line-height: 41px;
	background: white;
}
#footer #bottom_info{
	width:100%;
	color:#7b7b7b;
	font-size:12px;
	text-align: center;
	padding-top: 30px;
	float:left;
}

.content{width:100%;height:100%;text-align: center;position: relative;padding-top: 0px;display: block;float:left;background: #ececec}
.content .main{width:940px;margin: 0 auto;}
.title{position:relative;margin-top: 60px;text-align: center}
.tab{width:100%;height:46px;position: relative;margin-top: 30px;background:url('../images/tab_line.png') no-repeat bottom;text-align: center;font-size: 0}
.tab a{width:208px;height:40px;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;color:transparent;display: inline-block;margin: 0px}
.tab .btn_notice{
	border-left:1px solid #cfcfcf;
	background: url('../images/tab_notice_off.png') no-repeat center #fff;
}
.tab a.btn_notice:hover{
	border:1px solid #58d0ce;
	border-right:0;
	background: url('../images/tab_notice_on.png') no-repeat center #58d0ce
}
.tab a.btn_notice.active{
	border:1px solid #58d0ce;
	border-right:0;
	background: url('../images/tab_notice_on.png') no-repeat center #58d0ce
}

.tab .btn_qna{
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	background: url('../images/tab_qna_off.png') no-repeat center #fff;
}
.tab a.btn_qna:hover{
	border:1px solid #58d0ce;
	border-left:1px solid #58d0ce;
	border-right:1px solid #58d0ce;
	background: url('../images/tab_qna_on.png') no-repeat center #58d0ce
}
.tab a.btn_qna.active{
	border:1px solid #58d0ce;
	background: url('../images/tab_qna_on.png') no-repeat center #58d0ce
}

.tab .btn_faq{
	border-right:1px solid #cfcfcf;
	background: url('../images/tab_faq_off.png') no-repeat center #fff;
}
.tab a.btn_faq:hover{
	border:1px solid #58d0ce;
	border-right:0px;
	background: url('../images/tab_faq_on.png') no-repeat center #58d0ce
}
.tab a.btn_faq.active{
	border:1px solid #58d0ce;
	background: url('../images/tab_faq_on.png') no-repeat center #58d0ce
}


.tab a.btn_order{
	border:1px solid #cfcfcf;
	background: url('../images/tab_order_off.png') no-repeat center #fff
}
.tab a.btn_order.active{
	border:1px solid #58d0ce;
	background: url('../images/tab_order_on.png') no-repeat center #58d0ce
}
.tab a.btn_order:hover{
	border:1px solid #58d0ce;
	background: url('../images/tab_order_on.png') no-repeat center #58d0ce
}

.tab a.btn_member_info{
	border:1px solid #cfcfcf;
	background: url('../images/tab_member_info_off.png') no-repeat center #fff
}
.tab a.btn_member_info.active{
	border:1px solid #58d0ce;
	background: url('../images/tab_member_info_on.png') no-repeat center #58d0ce
}
.tab a.btn_member_info:hover{
	border:1px solid #58d0ce;
	background: url('../images/tab_member_info_on.png') no-repeat center #58d0ce
}

.sub_tab{margin-top:30px;font-size: 18px;font-family: "Nanum Gothic";}
.sub_tab a.btn{
	border: 1px solid #cfcfcf;
	background: #fff;
	color:#a8a8a8;
	padding: 9px 18px 6px;
	line-height: 32px;
	font-weight: bold
}
.sub_tab a.btn.active{
	border: 1px solid #cfcfcf;
	background: #58d0ce;
	color:#fff;
}
.sub_tab a.btn:hover{
	border: 1px solid #cfcfcf;
	background: #58d0ce;
	color:#fff;
}



.login_body{
	background: url('../images/login_bg.png') no-repeat center;
	position:absolute;
	top:200px;
	left:0;
	right:0;
	margin:0 auto;
	width:388px;
	height:224px;
	z-index:300;
}

.idpw_search_body{
	background: url('../images/idpw_search_bg.png') no-repeat center;
	position:absolute;
	top:200px;
	left:0;
	right:0;
	margin:0 auto;
	width:388px;
	height:224px;
	z-index:300;
}

#exit{
	position: absolute;
	width:60px;
	height:60px;
	right:10px;
	top:10px;
	color:transparent;
	text-indent: -9999px;
}
#btn_login_join{
	position: absolute;
	width:44px;
	height:14px;
	background: url('../images/login_join.png') no-repeat ;
	top:170px;
	left:108px;
	color:transparent;
	text-indent: -9999px;

}
#btn_find_password{
	position: absolute;
	width:104px;
	height:14px;
	background: url('../images/login_find_password.png') no-repeat ;
	top:170px;
	left:169px;
	color:transparent;
	text-indent: -9999px;
}
#bar{
	position: absolute;
	width:1px;
	height:9px;
	background:#dcdcdc;
	top:172px;
	left:160px;
	color:transparent;
	text-indent: -9999px;
}

#login_email_label{
	position:absolute;
	width:36px;
	height:15px;
	background: url('../images/login_email.png') no-repeat;
	top:97px;
	left:20px;
	color:transparent;
	text-indent: -9999px;
}
#login_password_label{
	position:absolute;
	width:50px;
	height:15px;
	background: url('../images/login_password.png') no-repeat;
	top:139px;
	left:20px;
	color:transparent;
	text-indent: -9999px;
}
#login_email{
	width:179px;
	height:28px;
	padding:0px;
	top:89px;
	left:80px;
}
#login_password{
	width:179px;
	height:28px;
	top:129px;
	left:80px;
}
#login_form input{
	position:absolute;
	background:#ececec;
	border:1px solid #dcdcdc;
	color:#a8a8a8;
	padding-left:10px;
	line-height: 28px;
	text-align: left;
}
#login_form input:focus{
	background:#58d0ce;
	border:1px solid #3bb2b0;
	color:#fff;
}
#login_form input[type=submit]{
	position: absolute;
	width:90px;
	height:70px;
	top:90px;
	left:280px;
	background: url('../images/btn_login.png') no-repeat;
	color:transparent;
	text-indent: -9999px;
}

#search_email{
	width:275px;
	height:28px;
	top:89px;
	left:80px;
}

.box_1{
	width:100%;
	min-height:150px;
	border:1px solid #dcdcdc;
	background: #fff;
	margin:10px 0px 40px 0px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px
}
.box_1 textarea{width:100%;height:150px;border:0;}
#btn_join{width:130px;height:40px;background-image:('../images/signup.png');cursor: pointer;}
input[type=submit] {
	width:130px;
	height: 40px;
	background: url("../images/btn_join.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	cursor:pointer;
	margin:0 auto;
}
input[type=submit].modify {
	width:130px;
	height: 40px;
	background: url("../images/btn_modify_info.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	cursor:pointer;
	margin:0 auto;
}
.center{width:100%;text-align: center;}

#menu .left_menu{width:40%;height:100%;position:absolute;left:0;bottom:0;padding:0px;z-index: 10}
.make .btn_make{
	position:relative;
	display: block;
	width:86px;
	height:57px;
	background:url('../images/btn_make_off.png') no-repeat;
	border:0;
	outline: 0;
	float:left;
	color:transparent;
	margin:12px 10px 0px 10px;
	cursor: pointer;
	text-indent: -9999px;
}
.make .pointer{position: absolute;left:48px;bottom:0;margin:0 auto;display: none}
#heart{position:relative;margin:0 auto;float:left;padding-top: 50px}
.mobile_card .btn_mobile_card{
	position:relative;
	display: block;
	width:86px;
	height:57px;
	background: url('../images/btn_mobile_card_off.png') no-repeat bottom;
	border:0;
	outline: 0;
	float:left;
	color:transparent;
	margin:12px 10px 0px 10px;
	cursor:pointer;
	text-indent: -9999px;
}
.mobile_card .pointer{position: absolute;left:160px;bottom:0;margin:0 auto; display: none;}
.active .pointer{display: block;}
.active .btn_make{background: url('../images/btn_make_on.png') no-repeat}
.active .btn_mobile_card{background: url('../images/btn_mobile_card_on.png') no-repeat bottom}
.mobile_card a:hover{background: url('../images/btn_mobile_card_on.png') no-repeat bottom}
.make a:hover{background: url('../images/btn_make_on.png') no-repeat}
#join .box_1{padding:20px 0px 20px 0px;text-align: center;min-height: 120px}
.input_info{float:left;width:100%;padding-right: 0px;}
.input_info label{text-align: center;width:10%;line-height:37px;display: block;float:left;}
.input_info input{margin-bottom: 10px;float:left;}
.input_info input[type=text]{width:85%}
.input_info input[type=password]{width:36%}
.input_info input:focus{background: #58d0ce;color:#fff;}
/* 테이블 속성 */
.board{width:100%;text-align: center;font-size: 12px;color:#5f5f5f;margin-top:30px;border:0;border-spacing: 0px;border-collapse: 0px}
.board tbody{border:0;}
.board tbody td {border-bottom: 1px solid #fff;padding:16px 0px;border-right: 0;border-left: 0}
.board tbody td:first-child+td {text-align: left;padding-left: 20px}

.board tbody tr.page td {padding:30px 0px;border:0;}
.board tbody tr.page div .active{color:#58d0ce;text-decoration: underline;font-style: bold}
.board tbody tr.page div .page_number a{padding:0px 3px;vertical-align: middle;}
.board tbody tr.page div img{vertical-align: middle;}

.write{text-align:right;position:absolute;right:0;top:-10px}
.page_wrap{width:100%;position:relative;}

/*글쓰기 속성*/
.write_wrap{width:100%;height: 100%;margin-top:30px;position:relative;}
.write_title{width:100%;height:60px;background:url('../images/write_top_bg.png') no-repeat;}
.write_title_input{width:820px;padding:9px;color:#a8a8a8;border:1px solid #dcdcdc;position:absolute;top:15px;left:85px;}
.write_body{width: 100%;height:405px;background: #fff;}
.button_wrap{width:100%;text-align: right;margin-top:20px;}

/*글보기 속성*/
.view_wrap{width:100%;margin-top: 30px;position: relative;}
.view_title{width:100%;height:60px;line-height:60px;font-family:"dotum";background: url('../images/title_bg.png') no-repeat}
.view_title h1{padding-left:30px;display:inline-block;float:left;color:#362324;font-style: bold;font-style: 12px;}
.view_title span{padding-right:30px;color:#fff;font-style: 12px;float:right;}
.view_body {width:100%;background: #fff}
.view_body p{padding:30px;font-style: normal;}
.comment_wrap {width:100%;height:400px;background: #fff;margin-top: 40px}

/* 메인 속성*/
.index_main_top {
	background: url('../images/main_bg.png') center no-repeat;
	background-size:100% 100%;
	padding-top: 142px;
	margin-bottom:107px;
	height:350px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main_bg.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/main_bg.png', sizingMethod='scale')";
}
.main_top{background: red;width:100%;z-index: 10;position: relative;display: block}
.slide_bg{left:173px;top:0px;width:595px;height:422px;background: url('../images/iphone_bg.png') 100% 100% no-repeat ;position: absolute;}
	.slide_contents{width:384px;height:257px;position: absolute;top:130px;left:103px;}
	.nivoSlider img{width:100%;height:257px !important;}
	.index_main_bottom{background: url('../images/dot_line.png') repeat-x top;width:100%;position: relative;height:524px;}
	#title_mobile_card{position: absolute;top:-13px;left:404px;background: #ececec}
	.main_buttom{position: relative;width:100%;}
	#wedding_card{position: absolute;top:40px;left:0px;}
	#birthday_card{position: absolute;top:40px;left:376px;}
	#invitation_card{position: absolute;top:40px;right:0px;}
	#btn_main_1{position: absolute;left:0px;top:110px;}
	#btn_main_2{position: absolute;left:0px;top:219px;}
	#btn_main_3{position: absolute;left:0px;top:327px;}
	#btn_main_4{position: absolute;right:0px;top:110px;}
	#btn_main_5{position: absolute;right:-10px;top:219px;}
	#btn_main_6{position: absolute;right:-23px;top:327px;}

	/* 모바일 카드 설정 폼*/
	.sub_build{width:954px;height:1200px;background:url('../images/sub_build1_bg.png') no-repeat;position:relative;}
	.phone_body{width:266px;height:703px;background:url('../images/phone_bg.png') no-repeat;position:absolute;top:50px;left:30px;}
	.phone_body iframe{z-index:9;width:242px;height:550px;position:absolute;top:75px;right:10px;border:0px;}
	.build_form_wrap{padding-top:30px;width:597px;height:1050px;background:url('../images/build_form_bg.png') no-repeat;position:absolute;top:5px;right:15px;}
	.build_form{margin:80px 0px 0px 0px;text-align:center}
	.build_form_table{width:483px;margin-left:55px;border-collapse: collapse;border-spacing: 0;text-align: left;font-size: 12px;}
	.build_form_table td:first-child+td {width:85px;}
	.build_form_table td:first-child+td {width:398px;padding:8px 0px 8px 10px;color:#717171;}
	.build_form_table tr{border-bottom:1px solid #e0e0e0;}
	.build_form_table input[type=text] {background: #eeeeee;border:1px solid #e0e0e0;color:#717171;padding:5px;}
	.build_radio span{padding-right: 10px;}
	.build_radio input[type="radio"] {display: none}
	.build_radio label{
		cursor: pointer;
		vertical-align: middle;
		display:inline-block;
		width:18px;
		height:18px;
		background: url('../images/radio_off.png') no-repeat;
	}
	.build_radio input[type="radio"]:checked+label {background: url('../images/radio_on.png') no-repeat}
	.build_form_table .build_input_1{width:214px;float:left;}
	.build_form_table .build_input_2{width:388px;float:left;}
	.build_form_table .build_input_3{width:345px;float:left;}
	.build_form_table .build_input_4{width:174px;float:left;}
	.build_form_table .build_input_5{width:90px;float:left;}
	.build_form_table .build_input_6{width:60px;}

	.build_form_table .icon{text-align: right;vertical-align: middle;float:right;cursor: pointer;}
	.build_form_table .icon_2{text-align: right;vertical-align: middle;float:left;margin:0px 30px 0px 10px;cursor: pointer;}
	.build_form .btn_save{margin-top:10px;}
	.bold{font-weight: 700}
	.qrcode{margin-bottom: 10px}

	.qrcode_result{text-align:center;padding:20px 0px 20px 0px}

	.orange{color:#f04f00;}
	.sub_title{font-size: 18px;color:#362324;padding-top:20px;font-family: "Nanum Gothic",sans-serif;font-weight: bold}
	.card_title{width:100%;border-bottom: 4px solid #362324;font-family: "Nanum Gothic";font-weight: bold;margin-bottom: 20px;line-height: 150%;font-size: 24px !important}
	.goods_list{width:100%;text-align:left;}
	.goods_list dl{display:inline-block;width:210px;padding-right:0px;padding-bottom: 40px;position: relative;height:270px;margin:0px 10px;}
	.goods_list dt p:first-child{font-size: 11px;color:#808080;padding-top: 15px}
	.goods_list dt p:last-child{font-size: 12px;color:#2b2b2b;font-weight: bold}
	.goods_list dt {border-bottom: 1px dotted #b5b5b5;padding-bottom: 10px;margin-bottom: 10px;padding-left: 10px;padding-top: 170px}
	.goods_list dd.image img{position: absolute;top:0px;left:0px;}
	.goods_list dd{float:right;font-size: 17px;font-family: "Myriad Pro";font-weight: bold;color:#2b2b2b;}
	.goods_list dd span{color:#e22214;}
	.goods_list ul.paging {width:100%;text-align: center;list-style: none;padding-top:40px;padding-bottom: 80px}
	.goods_list ul.paging li{width:12px;height:12px;display: inline-block;margin:0px 2px 0px 2px;}

	.goods_list ul.paging a{width:12px;height:12px;background: #362324;cursor: pointer;text-indent: -9999px;display: inline-block;}
	.goods_list ul.paging li a.active{background: #1dbbb8;}

	.nomal_textarea{width:100%;height:620px;background: #fff;border:1px solid #cfcfcf;margin-top: 30px}
	.nomal_area{width:100%-30px;background: #fff;border:1px solid #cfcfcf;padding:30px;}

	.board{background: url('../images/board_header.png') no-repeat top;}
	#sub_board{background: transparent;margin-top: 0px}
	.board tr.header{height:60px;}
	.board tr.header.gray{height:30px;background: #ccc}
	.board tr.header.gray td{font-size: 13px}
	.board tr.header td{border-bottom: 0px;font-weight: bold;color:#303030;font-size: 16px;text-align: center}
	.board td a.underline{text-decoration: underline;}
	#sub_board tbody td {border-bottom: 1px solid #d7d7d7;padding:16px 0px;border-right: 0;border-left: 0}
	#sub_board tbody tr:last-child td {border-bottom: 0px;}
	#sub_board.approval tbody tr:last-child td {border-bottom: 1px solid #d7d7d7;}
	#order_board{
		border:3px solid #dcdcdc !important;
		background: #fff !important;
		width:58%;float:right;background:transparent;
		min-height: 480px !important
	}
	#order_board th{background: #fff;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;color:#303030;font-size:16px;padding:0px;}
	#order_board td{background: #fff;border-bottom:1px solid #dcdcdc;vertical-align: middle;}
	#order_board:last-child{border:0px;}

	.box_2{width:40%;margin:0 auto;margin-top:30px;float:left;background: #fff;border: 3px solid #dcdcdc;padding:19px 0px;min-height: 435px}
	.qrcode{text-align: center;}
	.qrcode dt{font-size:36px;font-weight:bold;color:#5f5f5f}
	.qrcode dd img{padding:20px 0px}
	.qrcode dd{color:#5f5f5f}

	.paging{display: inline-block;}
	.paging li{float:left;list-style-type: none;padding:0px 5px;}
	.paging li:first-child{padding:0px;}
	.paging li:last-child{padding:0px;}
	.paging li a.active{text-decoration: underline;color:#1dbbb8;}

	.bar {width:100%;height:2px;background: white;margin:30px 0px 44px;}
	.bar hr{background:#d9d9d9;height:1px;border: 0px;}
	.body_center{text-align: center;}
	.method {width:100%;border-collapse: collapse;margin-top: 30px}
	.method th{width:32%;text-align: center;}
	.method th h1{font-size: 18px;color:#f04f00}
	.method th h2{font-size: 30px}
	.method td{padding:45px 0px;}
	.method .bar{margin:0px }

./*index_main_bottom{position: relative;background: url('../images/dot_line.png')  left;width:100%;height:500px;}
*/