@charset "euc-kr";

*{ margin:0; padding:0; }

a, p, font, b, a:hover, a:active, a:link, a:visitied { text-decoration:none;}

img { border:0; font-size:0; }

ul li {list-style:none;}

.menu_1, .menu_2, .menu_3, .menu_4 {
	border-right:1px solid #eaeaea;
}






/* slide */






.main_slide_1, .main_slide_2, .main_slide_3 { position:relative;}



/*main_visua*/

.main_slide .slick-dots { position:absolute; left:45%; bottom:25px;  }
.main_slide .slick-dots li { float:left; width:20px; height:12px; background:url(http://www.propose-bom.co.kr/m/images/slide/btn_rolling_b.png) no-repeat; }
.main_slide .slick-dots li button { width:10px; height:10px; background:none; border:none; text-indent:-9999px; cursor:pointer; outline:none;}
.main_slide .slick-dots li.slick-active { background:url(http://www.propose-bom.co.kr/m/images/slide/btn_rolling_b_on.png) no-repeat; }


/*
.button_bg { height:30px;}
*/






							 





/* header */

#header .header {
    position: relative;
    text-align: center;
    vertical-align: top;
}

#main #header h1 {
	height:70px;
	line-height:86px;
}


#header h1 {

	font-size:24px;
	background-color:#fff;
	text-align:center;
}

#main #header h1 img {
	max-height:70px;
}


#header h1 img {

	height:45px;
	margin:13px;
	vertical-align:middle;
	font-size:12px;
}



#wrap #header .nav {
	position:relative;
	height:36px;
	/*margin:15px 0 0 0;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	*/

}

#wrap #header .nav ul {
	display:inline-block;
	width:100%;
	padding:0;
	text-align:center;
	font-size:0;
	line-height:0;
	box-sizing:border-box;
	background-color:#fff;
	

}

.nav {

	border-top:1px solid #eaeaea;

}

.nav > ul {
	width:100%;
	display:table;
}

.nav > ul > li { width:100%; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }

.nav ul li {
	display:inline-block;
	text-align:center;
	text-align:center;
	background-color:#fff;

}

.nav > ul > li > ul li {
	border-bottom:0px solid #eaeaea;
	width:19.7%;

}


.nav > ul > li > ul li:list-child {

	border-right:none;
}


.nav > ul > li > ul li a {
	display: inline-block;
    width: 100%;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 18px 0;
    font-size: 12px;
	color:#333;
	text-align:center;
}



/* best */



.circle_slide h2 {
	font-size:1.5em;
	text-align:center;
	padding:0 0px 0 14px;
	max-height:90px;
	line-height:90px;

}

.circle_slide h3 {
	font-size:1.5em;
	text-align:center;
	padding:0 0px 0 14px;
	max-height:60px;
	line-height:60px;

}


.circle_slide > .best {
	width:100%;
}

.c_txt {
	width: 100%;
}

.c_txt > ul > li {
	width:50%;
	float:left;
	text-align:center;
	font-size:1.2em;
	margin-top:5px;
}





/* content */

/* ##### 공통부분  */

.product_list > ul {
	display:table;
	table-layout:fixed;
	width:100%;
	box-sizing:border-box;
	padding:0 3px;
	font-size:0;
	line-height:0;
}

.product_list > ul > li {
	position:relative;
	margin:0 0 3px;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height:1.4;

}

.product_list > .product > li {
	width:50%;
}



/* #### 공통부분 */




/* 후기 및 상담신청 */




.thumb{
	width:100%;
	font-size:0;	
}

.thumb > li {
	width:50%;
	display:inline-block;
	font-size:0;
	line-height:0;

}

.thumb > li > a > img {
	width:95%;
	border-radius:100%;
	padding:10px 5px;

}



.main_txt {
	float:left;
	margin:0;
	width:100%;
	background-color:#f0f0f0;

}

.main_txt img {
	float:left;
	width:50%;
	padding:0;
}

.sub_txt {
	float:right;
	margin:0;
	width:50%;
	display:inline-block;
}

.sub_txt li {
	width:100%;
	margin:0;
	color:#333;
	font-size:0.8em;
	padding:15% 15px 0px 15px;
	text-align:center;
	vertical-align:middle;

}

.main_txt_2 {
	float:right;
	margin:0;
	width:100%;
	background-color:#f0f0f0;

}

.main_txt_2 img {
	float:right;
	width:50%;
	padding:0;
}

.sub_txt_2 {
	float:left;
	margin:0;
	width:50%;
	display:inline-block;
}

.sub_txt_2 li {
	width:100%;
	margin:0;
	color:#333;
	font-size:0.8em;
	padding:15% 15px 0px 15px;
	text-align:center;
	vertical-align:middle;

}



/* 프로포즈이벤트 */



.product_list {
	padding:0;
}


.product_list h2 {
	font-size:1.5em;
	text-align:center;
	padding:0 0px 0 14px;
	max-height:80px;
	line-height:80px;
}





ul.tabs{
    display: inline-block;
    width: 100%;
    padding: 0;
	font-size:0;
    text-align: center;
    line-height: 0;
    box-sizing: border-box;
    background-color: #fff;
	border-top: 1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	margin-bottom:5px;
}

ul.tabs li{
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 0px;
  cursor: pointer;
  width:25%;


}
 
ul.tabs li a {
	display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 11px;
    color: #333;
    text-align: center;
	 
}

ul.tabs li.current {
  background: #333;
  color: #fff;
  font-weight:bold;
}

ul.tabs li.current a {
	color:#fff;
}
 
.tab-content{
  display: none;
}
 
.tab-content.current{
  display: inherit;
}


#tab-1 > ul {
	display:table;
	table-layout:fixed;
	width:100%;
	box-sizing:border-box;
	padding:0 3px;
	font-size:0;
	line-height:0;
}

#tab-1 > ul > li {
	position:relative;
	margin:0 0 3px;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height:1.4;

}

#tab-1 > .product > li {
	width:50%;
}



#tab-2 > ul {
	display:table;
	table-layout:fixed;
	width:100%;
	box-sizing:border-box;
	padding:0 3px;
	font-size:0;
	line-height:0;
}

#tab-2 > ul > li {
	position:relative;
	margin:0 0 3px;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height:1.4;

}

#tab-2 > .product > li {
	width:50%;
}



#tab-3 > ul {
	display:table;
	table-layout:fixed;
	width:100%;
	box-sizing:border-box;
	padding:0 3px;
	font-size:0;
	line-height:0;
}

#tab-3 > ul > li {
	position:relative;
	margin:0 0 3px;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height:1.4;

}

#tab-3 > .product > li {
	width:50%;
}




#tab-4 > ul {
	display:table;
	table-layout:fixed;
	width:100%;
	box-sizing:border-box;
	padding:0 3px;
	font-size:0;
	line-height:0;
}

#tab-4 > ul > li {
	position:relative;
	margin:0 0 3px;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	line-height:1.4;

}

#tab-4 > .product > li {
	width:50%;
}


.p_thumbnail {
	padding:0 3px;
	margin:0 0 14px;
}


.product > li > .p_thumbnail {
	padding:0 3px;
	margin:0 0 2px;
}

.p_thumbnail > a > img {
	width:100%;
	border:1px solid #ededed;
}


/* 삭제된 부분 프로포즈 상품명 & 상담문의전화 문구 등등 */

.thumbnail_txt {
	position:relative;
	min-height:10px;
	margin:0 3px;
	line-height:1em;
}

.thumbnail_txt > p.name {
	margin:0 0 10px;
}

.thumbnail_txt > p.counsel {
	margin:0 0 10px;
}

.thumbnail_txt > p.counsel > a {
	color:red;
	font-weight:bold;
	text-decoration:none;
}


/* 프로포즈영상 부분 */

.best_video h2 {
	font-size:1.5em;
	text-align:center;
	padding:0 0px 0 14px;
	max-height:60px;
	line-height:60px;
}



.best_video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
	margin:20px 0;
}
.best_video iframe, 
.best_video object, 
.best_video embed {
    position: absolute;
    width: 100%;
    height: 100%;
}

/*************************
* 갤러리 *
**************************/

.gallery {
	margin:0;
	padding:0;
	width:100%;
	height:410px;
	
}

.gallery h2 {
	font-size:1.5em;
	text-align:center;
	padding:0 0px 0 14px;
	max-height:140px;
	line-height:200px;
}


.common_glist_area > .common_glist_box li{
	float:left;
	width:33.33%;	
}



.glist_thum_pic {
	border: 1px solid #fff;
}




.common_glist_area > .common_glist_box img{
	width:100%;
	height:120px;
}


/* 푸터 */


/*인스타그램*/

#instafeed { position:relative; width:100%; background:#f8f8f8; }
#instafeed > a > img { width:20%; padding:2px;}
#instafeed > .i_img > img {text-align:center; 	max-height:70px;}

#instafeed > ul {
	width:100%;
}

#instafeed > ul > a {
	
	display: inline-block;
    width: 25%;
    border-radius: 20px;
    background: #333;
    color: #fff;
    font-size: 9px;
    text-align: center;
	
}

#instafeed > ul > a > li {
	
	padding:5px 0;

}

.i_img {
	text-align:center;
	padding:10px;
}

/*하단푸터*/

.footer {
	border-top:1px solid #e3e3e3;
	padding:20px 0 0 0;
	margin:30px 0 0 0;
	clear:both;
}

.footer .footer_menu .customer{
	margin:10px 0 40px 0;
	padding:10px;
	color:#333;
	text-align:center;
	font-size:11px;
	line-height:12px;
}

.footer .footer_menu .customer a{
	text-decoration:none;
}


.footer .footer_menu .customer span {
	color:#333;
	text-align:center;
	font-size:20px;
	font-weight:900;
	line-height:35px;
}

.footer_bottom { 
	border-top:1px solid #e3e3e3;
	margin-top:40px;
}


.footer_bottom ul li {
	float:left;
	width:25%;
	height:40px;
	border-bottom:1px solid #e3e3e3;
	box-shadow:1px 0px #e3e3e3 inset;
}



.footer_bottom ul li a {
	display:block;
	margin:0 auto;
	color:#333;
	text-align:center;
	font-size:9px;
	text-decoration:none;
	line-height:40px;
}

.bottom_bar {
	line-height:29px;
	background:#ededed;
	text-align:center;
	clear:both;
	font-size:11px;
	color:#666;
}

.last > ul {
	margin:0 auto;
	text-align:center;
	width:100%;
	color:#333;
	font-size:11px;
	padding:15px 0 15px 0;
}

.last > ul > li {
	line-height:17px;
}

.last > ul > li > span {
	font-weight:bold;
	letter-spacing:0.7px;
}