@charset "utf-8";
/* common */
input {
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0px 0px 0px;
	font-style: normal;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

html {
	height: 100%;
	width: 100% font-size: 12px;
	text-shadow: 0px 0px 0px;
	font-style: normal;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

body {
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0px 0px 0px;
	font-style: normal;
	height: 100%;
	width: 100% background: #ffffff;
}

p {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}

hr {
	margin: 0px;
	padding: 0px;
}

input {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

b {
	font-weight: bold;
}

.L {
	font-size: 14px;
}

.M {
	font-size: 12px;
}

.S {
	font-size: 10px;
}

#wrap {
	height: 100%;
	width: 100%
}

/* Header */
.header {
	overflow: hidden;
	clear: both;
	width: 100%;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
}

.header_left {
	float: left;
	width: 34%;
	max-width: 220px;
	max-height: 150px;
	margin-left: 5.55%;
	margin-top: 10px;
	margin-bottom: 5px;
}

.header_left img {
	width: 100%;
	border: 0px;
	max-height: 70px;
	margin: 0px;
	padding: 0px;
}

/*******/
.header_right {
	width: 30% float: right;
}

.header_right #icon {
	float: right;
	width: 50%;
	margin-right: 2.5%;
}

.header_right #icon table {
	text-align: right;
	float: right;
	border-spacing: 0;
	width: 50%;
	margin-top: 2px;
	border: none;
}

.header_right #icon table tr {
	margin: 0px;
	padding: 0px;
	border: none;
}

.header_right table td {
	width: 15%;
	min-width: 40px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	border: none;
}

.header_right table div {
	font-size: 10px;
	color: #999;
	padding: 0px;
	margin: 0px;
	border: none;
}

.header_right #Cart img {
	margin-top: 40%;
	width: 18px;
	border: none;
	margin-bottom: -1px;
}

.header_right #Member img {
	margin-top: 40%;
	width: 16px;
	border: 0px;
	margin-bottom: -1px;
}

/* Top Menu */
.jjbb_menu table {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #b8b8b8;
	padding-top: 2.085%;
	padding-bottom: 2.085%;
	width: 100%;
	height: 40px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	color: #333333;
}

.jjbb_menu table tbody tr td div {
	height: 40px;
}

.jjbb_td {
	border: 1px solid #DEDEDE;
}

.jjbb_menu_bar {
	width: 1px;
	float: left;
	height: 15px;
	margin-top: 12px;
	margin-bottom: 13px;
	background: url('img/line/line_introduce_bar.png') no-repeat;
	visibility: hidden;
}

.jjbb_menu_tab {
	height: 6.25%;
	width: 100%;
	font-weight: bold;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #333333;
}

/* Search Bar */
.jjbb_search_bar {
	padding-top: 5px;
	height: 35px;
	width: 100%;
	background-color: #f2f2f2;
	overflow: hidden;
	clear: both;
	border-bottom: 1px solid #b8b8b8;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.jjbb_search_middle {
	width: 90%;
	background-color: #f2f2f2;
	float: left;
	padding-bottom: 0px;
	padding-left: 5.5%;
	margin-bottom: 0px;
}

textarea.percent {
        width: 96%; height: 70px
}

input.jjbb_input {
	border-right: #b8b8b8 1px solid;
	border-top: #b8b8b8 1px solid;
	border-left: #b8b8b8 1px solid;
	width: 98%; border-bottom: #b8b8b8 1px solid;
	height: 20px
}

input.jjbb_input1 {
	border-right: #b8b8b8 1px solid;
	border-top: #b8b8b8 1px solid;
	border-left: #b8b8b8 1px solid;
	width: 10%; border-bottom: #b8b8b8 1px solid;
	height: 20px
}

input.jjbb_input2 {
	border-right: #b8b8b8 1px solid;
	border-top: #b8b8b8 1px solid;
	border-left: #b8b8b8 1px solid;
	width: 20%; border-bottom: #b8b8b8 1px solid;
	height: 20px
}

input.jjbb_input3 {
	border-right: #b8b8b8 1px solid;
	border-top: #b8b8b8 1px solid;
	border-left: #b8b8b8 1px solid;
	width: 30%; border-bottom: #b8b8b8 1px solid;
	height: 20px
}

input.jjbb_input4 {
	border-right: #b8b8b8 1px solid;
	border-top: #b8b8b8 1px solid;
	border-left: #b8b8b8 1px solid;
	width: 40%; border-bottom: #b8b8b8 1px solid;
	height: 20px
}

input.jjbb_input5 {
	border-right: #b8b8b8 1px solid;
	border-top: #b8b8b8 1px solid;
	border-left: #b8b8b8 1px solid;
	width: 50%; border-bottom: #b8b8b8 1px solid;
	height: 20px
}

input.jjbb_input6 {
	border-right: #b8b8b8 1px solid;
	border-top: #b8b8b8 1px solid;
	border-left: #b8b8b8 1px solid;
	width: 60%; border-bottom: #b8b8b8 1px solid;
	height: 20px
}

input.jjbb_input7 {
	border-right: #b8b8b8 1px solid;
	border-top: #b8b8b8 1px solid;
	border-left: #b8b8b8 1px solid;
	width: 70%; border-bottom: #b8b8b8 1px solid;
	height: 20px
}

input.jjbb_input8 {
	border-right: #b8b8b8 1px solid;
	border-top: #b8b8b8 1px solid;
	border-left: #b8b8b8 1px solid;
	width: 80%; border-bottom: #b8b8b8 1px solid;
	height: 20px
}

.jjbb_search_middle input {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	width: 85%;
	height: 28px;
	margin: 0px;
	padding-left: 3.7%;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #DEDEDE;
}

.jjbb_search_btn {
	position: absolute;
	left: 90%;
	width: 3%;
}

.jjbb_search_btn img {
	border: none;
	height: 17px;
	margin-top: 7px;
}

/*Footer*/
.jjbb_footer_menu {
	height: 58px;
	padding: 0px;
	text-align: left;
	background-color: #ffffff;
	text-align: center;
}

.jjbb_footer_menu table {
	border-top: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	height: 100%;
	text-align: left;
	background-color: #ffffff;
	text-align: center;
}

.jjbb_footer_menu table tbody {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.jjbb_footer_menu table tbody tr td {
	height: 58px;
	text-align: center;
	margin: 0px;
	padding-bottom: 8px;
}

.jjbb_footer_menu div {
	height: 50px;
	padding-top: 11px;
	font-size: 10px;
	color: #4d4d4d;
}

.jjbb_footer_menu #qna {
	background: url('img/renewal/qna.gif"') no-repeat;
	border: none;
	width: 100%;
	text-align: center;
}

.jjbb_footer_menu_bar {
	visibility: hidden;
	width: 1px;
	float: left;
	height: 20px;
	background: url('img/line/line_introduce_bar.png') no-repeat;
	text-align: center;
}

.jjbb_footer_menu_tab {
	text-align: center;
	height: 60px;
	padding-top: 35px;
	padding-bottom: 35px;
}

.jjbb_footer_menu_tab img {
	height: 16px;
	margin-bottom: 1px;
}

.jjbb_goods_info {
	position: relative;
	//background-color: #F2F2F2;
	padding: 4px 0px 0px 0px;
	margin-bottom: -20px;
	padding-top: 3.125%;
	border-top: 1px solid #b8b8b8;
	font-size: 8.5px;
	padding-right: 5.55%;
	padding-left: 5.55%;
}

.jjbb_info {
	height: 10px;
	margin: 0 auto;
	text-align: center;
}

.jjbb_info input {
	//color: #4D4D4D;
	width: 30%;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	top: 4px;
	position: relative;
}

.jjbb_footer {
	position: relative;
	background-color: #F2F2F2;
	padding: 10px 0px 0px 0px;
	margin-bottom: -20px;
	border-top: 1px solid #b8b8b8;
	font-size: 11px;
	padding-top: 3%;
	padding-right: 5.55%;
	padding-left: 3%;
}

.jjbb_sns {
	height: 60px;
	margin: 0 auto;
	text-align: center;
}

.jjbb_sns input {
	color: #4D4D4D;
	width: 40%;
	height: 30px;
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	top: 10px;
	position: relative;
}

.jjbb_footer_left {
	color: #4d4d4d;
	width: 60%;
	text-align: left;
	-webkit-appearance: none;
	font-size: 11px;
	font-weight: bold;
}

.jjbb_footer_left p {
	font-size: 11px;
	font-weight: normal;
}

.jjbb_footer_right {
	font-size: 8.5px;
	position: relative;
	width: 39.5%;
	float: right;
}

.footer_button {
	height: 30px;
	border: 1px solid #DEDEDE;
	background-color: #F2F2F2;
	width: 82%;
	margin: 0px;
	padding: 0px 10% 0px 10%;
}

.footer_button_left {
	float: left;
	font-size: 9px;
	margin-top: 9.5px;
	color: #4D4D4D;
}

.footer_button_right {
	float: right;
	font-size: 10px;
	color: #4D4D4D;
	margin-top: 8.5px;
}

.jjbb_footer_right input {
	border-radius: 0;
	padding: 3.20% 1.15%;
	border: 1px solid #DEDEDE;
	font-size: 8.5px;
	clear: right;
	height: 30px;
	width: 100%;
	text-align: center;
	color: #4D4D4D;
	background-color: #F2F2F2;
}

.pcver input {
	border-radius: 0;
	border: 1px solid #DEDEDE;
	font-size: 8.5px;
	clear: right;
	text-align: center;
	margin-left: 40.7%;
	margin-right: 40.7%;
	width: 18.5%;
	height: 30px;
	margin-top: 3.125%;
	margin-bottom: 3.125%;
	background-color: #F2F2F2;
	color: #4D4D4D;
}

/**Slider Img**/
#sliderWrap {
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
	position: relative;
}

#sliderWrap ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#sliderWrap li {
	display: none;
	margin: 0px;
	padding: 0px;
}

#sliderWrap a {
	margin: 0px;
	padding: 0px;
}

#sliderWrap img {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.nav {
	position: relative;
	text-align: center;
	padding: 0px;
	margin: 0 auto;
	width: 150px;
}

#position {
	position: relative;
	display: inline-block;
	height: 8px;
	width: 170px;
	text-align: center;
	margin: 0 auto;
}

#position li {
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 10px;
	cursor: pointer;
	background: url('img/renewal/bu_slide_off.gif') no-repeat;
	background-size: 7px;
	float: left;
}

#position li.on {
	display: inline-block;
	cursor: pointer;
	width: 7px;
	height: 7px;
	background: url('img/renewal/bu_slide_on.gif') no-repeat;
	background-size: 7px;
}

/****/
.jjbb_introduce_menu_tab {
	width: 100%;
	float: left;
}

.jjbb_introduce_menu_bar {
	background: url('img/line/line_introduce_bar.png') no-repeat;
	width: 100%;
	float: left;
	height: 27px;
	margin-right: -2px;
}

#jjbb_content0 {
	padding: 0px 0px 0px 0px;
	text-align: left;
	margin-top: 20.2%;
}

.back_white {
	background-color: #FFFFFF;
}

.jjbb_content {
	max-width: 98%;
	padding: 0px 0px 0px 0px;
	text-align: left;
	margin-left: 3%;
	margin-right: 3%;
	font-size: 12px;
	
	/*min-height: 230px;*/
}

.jjbb_search_title {
	height: 20px;
	background-color: #3E3E3E;
	padding: 5px 10px;
	color: #ffffff;
}

.board_title {
	max-width: 98%;
	min-width:60px;
	font-size: 12px;
	font-weight: bold;
	//height: 20px;
}

.board_titlel {
	max-width: 98%;
	font-size: 12px;
	font-weight: bold;
	//height: 20px;
	padding: 5px 5px;
	text-align: left;
}

.board_content {
	max-width: 98%;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 5px;
	text-align: left;
}

/*탭메뉴*/

/*탭메뉴*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 60px;
	border-bottom: 1px solid #b8b8b8;
	border-left: 1px solid #DEDEDE;
	width: 100%;
}

ul.tabs li {
	float: left;
	text-align: center;
	cursor: pointer;
	width: 20%;
	height: 60px;
	line-height: 60px;
	border: 1px solid #DEDEDE;
	border-left: none;
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
}

ul.tabs li.active {
	background: #FFFFFF;
	border-bottom: 1px solid #b8b8b8;
	color: #FF0000;
}

.tab_container {
	border: none;
	border-top: none;
	clear: both;
	float: left;
	width: 0px;
	background: #FFFFFF;
}

.tab_content {
	padding: 0px;
	display: none;
}

.tab_container .tab_content ul {
	width: 0%;
	margin: 0px;
	padding: 0px;
}

.tab_container .tab_content ul li {
	padding: 0px;
	list-style: none
}

;
#container {
	width: 0px;
	margin: 0 auto;
}

/* Product List*/
/*메인*/
.jjbb_list1 {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DEDEDE;
	border-width: 0 0 88.9% 0;
	height: 40px;
}

.jjbb_list1 a {
	border-bottom: #000000;
	border: 1px;
}

.jjbb_list1 hr {
	width: 88.9%;
}

.jjbb_list1_link {
	display: block;
	text-decoration: none;
	text-align: left;
	height: 40px;
	color: #000000;
	padding-left: 0px;
	padding: 12px 0px 12px 0px;
}

.jjbb_list1_link2 {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #999999
}

.jjbb_list1_right {
	position: relative;
	background: url('img/renewal/btn_arrow_down.gif') no-repeat;
	background-size: 12px;
	width: 15px;
	height: 15px;
	float: right;
	top: 18px;
}

.jjbb_list1_right:hover {
	background-position-y: 100%;
}

.jjbb_list2 {
	height: 40px;
	background-color: #FFFFFF;
	margin: 0px 0px 1px 0px;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list2_content {
	min-height: 40px;
	margin-bottom: -2px;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list2_link {
	display: block;
	text-decoration: none;
	text-align: left;
	height: 40px;
	padding: 12px 10px 12px 0px; /* 위, 오른쪽, 아래, 왼쪽 */
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list2_right {
	position: relative;
	background: url('img/renewal/btn_arrow_up.gif') no-repeat;
	background-size: 12px;
	width: 15px;
	height: 15px;
	float: right;
	top: 18px;
}

.jjbb_list3 {
	border-width: 0 0 88.9% 0;
	height: 68px;
	background-color: #FFFFFF;
	margin: 0px 0px 1px 0px;
	width: 100%;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list3_content_img {
	width: 40px;
	height: 50px;
	border: 1px solid #d8d8d8;
	padding: 0px 5px;
}

.jjbb_list3_content_img2 {
	width: 81px;
	height: 50px;
	border: 1px solid #DEDEDE;
	padding: 0px 0px;
}

.jjbb_list3_link {
	display: block;
	height: 50px;
}

.jjbb_list3_img {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	height: 50px;
	padding: 7px 10px 0px 0px;
}

.jjbb_list3_left {
	position: relative;
	float: left;
	margin: 23px 10px 0px 10px;
	height: 40px;
	width: 50%;
	color: #4d4d4d;
}

.jjbb_list3_left_subtitle {
	font-size: 12px;
	color: #4d4d4d;
}

.jjbb_list3_right {
	position: relative;
	background: url('img/renewal/brn_arrow_dark.gif') no-repeat;
	background-size: 8px;
	width: 15px;
	height: 15px;
	float: right;
	margin: 25px 0px 0px 0px;
}

.jjbb_list3_right2 {
	position: relative;
	background: url('img/btn/btn_favorite_delete.png') no-repeat;
	width: 30px;
	height: 15px;
	float: right;
	margin: 25px 10px 0px 0px;
}

/*카테고리별 리스트*/
.jjbb_list4 {
	width: 80px;
	height: 65px;
	margin: 5px 10px 5px 10px;
	float: left
}

.jjbb_list4_content_img {
	width: 80px;
	height: 50px;
	border: 1px solid #DEDEDE;
}

.jjbb_list4_img {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	height: 50px;
	padding: 0px 0px 0px 0px;
}

.jjbb_list4_left {
	position: relative;
	float: left;
	margin: 3px 0px 0px 0px;
	height: 50px;
}

.jjbb_list5 {
	height: 65px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list5_content_img {
	width: 100px;
	height: 50px;
	border: 1px solid #DEDEDE;
}

.jjbb_list5_link {
	display: block;
	height: 65px;
}

.jjbb_list5_img {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	height: 50px;
	padding: 7px 10px 0px 0px;
}

.jjbb_list5_left {
	position: relative;
	height: 50px;
	width: auto;
	line-height: 115%;
	display: block;
	padding-top: 15px;
}

.jjbb_list5_left_subtitle {
	color: #999999;
}

.jjbb_list5_right {
	position: relative;
	background: url('img/btn/btn_community.png') no-repeat;
	width: 8px;
	height: 12px;
	float: right;
	margin: 40px 10px 0px 0px;
}

.jjbb_list5_right2 {
	position: relative;
	background: url('img/btn/btn_favorite_delete.png') no-repeat;
	width: 30px;
	height: 21px;
	float: right;
	margin: 25px 10px 0px 0px;
}

.jjbb_list6 {
	height: 40px;
	background-color: #FFFFFF;
	margin: 0px 0px 1px 0px;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list6_content {
	min-height: 24px;
	margin-bottom: -2px;
}

.jjbb_list6_link {
	display: block;
	text-decoration: none;
	text-align: left;
	height: 21px;
	padding: 11px 10px 0px 0px;
	color: #999999
}

.jjbb_list6_right {
	position: relative;
	background: url('img/renewal/btn_arrow_down.gif') no-repeat;
	background-size: 12px;
	width: 15px;
	height: 15px;
	float: right;
	top: 18px;
}

.jjbb_list7 {
	height: 40px;
	background-color: #FFFFFF;
	margin: 0px 0px 1px 0px;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list7_content {
	min-height: 24px;
	margin-bottom: -2px;
}

.jjbb_list7_link {
	display: block;
	text-decoration: none;
	text-align: left;
	height: 21px;
	padding: 11px 10px 0px 0px;
	font-weight: bold;
	color: #000000;
}

.jjbb_list7_right {
	position: relative;
	background: url('img/renewal/btn_arrow_up.gif') no-repeat;
	background-size: 12px;
	width: 15px;
	height: 15px;
	float: right;
	top: 17px;
}

.jjbb_list8 {
	font-size: 12px;
	height: 65px;
	background-color: #FFFFFF;
	margin: 0px 0px 1px 0px;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list8_content_img {
	width: 81px;
	height: 50px;
	border: 1px solid #d8d8d8;
	padding: 0px 0px;
}

.jjbb_list8_price {
	float: right;
	color: #808080;
	font-weight: normal;
}

.jjbb_list8_link {
	display: block;
	height: 65px;
}

.jjbb_list8_img {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	height: 50px;
	padding: 7px 10px 0px 0px;
}

.jjbb_list8_left1 {
	position: relative;
	height: 50px;
	width: auto;
	line-height: 115%;
	display: block;
	padding-top: 15px;
	color: #000000;
	margin-top: 40px;
}

.jjbb_list8_left {
	position: relative;
	height: 50px;
	width: auto;
	line-height: 115%;
	display: block;
	color: #000000;
	padding-top: 17px;
}

.jjbb_list8_left_subtitle {
	color: #808080;
	font-weight: normal;
	position: relative;
	top: 5px;
}

.jjbb_list8_right {
	position: relative;
	height: 50px;
	width: auto;
	line-height: 115%;
	display: block;
	color: #808080 width: 17px;
	height: 16px;
	float: right;
	margin: 13px 0px 0px 0px;
}

.jjbb_list8_1 {
	font-size: 12px;
	height: 65px;
	background-color: #FFFFFF;
	margin: 0px 0px 1px 0px;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list8_1_content_img {
	width: 81px;
	height: 53px;
	border: 1px solid #d8d8d8;
	padding: 0px 0px;
}

.jjbb_list8_1_price {
	float: right;
	color: #808080;
	font-weight: normal;
}

.jjbb_list8_1_link {
	display: block;
	height: 55px;
}

.jjbb_list8_1_img {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	height: 65px;
	padding: 0px 10px 0px 0px;
}

.jjbb_list8_1_left1 {
	position: relative;
	height: 50px;
	width: auto;
	line-height: 100%;
	display: block;
	padding-top: 13px;
	color: #000000;
	margin-top: 10px;
}

.jjbb_list8_1_left {
	position: relative;
	height: 50px;
	width: auto;
	line-height: 115%;
	display: block;
	padding-top: 13px;
	color: #000000;
}

.jjbb_list8_1_left_subtitle {
	position: relative;
	top: 5px;
	color: #808080;
	font-weight: normal;
}

.jjbb_list8_1_right {
	position: relative;
	height: 40px;
	width: auto;
	line-height: 115%;
	display: block;
	color: #808080 width: 17px;
	font-weight: normal;
	height: 16px;
	float: right;
	margin: 13px 0px 0px 0px;
}

.jjbb_list11 {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DEDEDE;
	border-width: 0 0 88.9% 0;
	height: 60px;
}

.jjbb_list11 a {
	border-bottom: #000000;
	border: 1px;
}

.jjbb_list11 hr {
	width: 88.9%;
}

.jjbb_list11_link {
	display: block;
	text-decoration: none;
	text-align: left;
	height: 45px;
	color: #000000;
	padding-left: 0px;
	padding: 12px 0px 12px 0px;
}

.jjbb_list11_link2 {
	display: block;
	text-decoration: none;
	text-align: left;
	color: #000000;
	padding: 10px 0px 8px 0px;
	font-weight: normal;
}

.jjbb_list11_right {
	position: relative;
	background: url('img/renewal/brn_arrow_light.gif') no-repeat;
	background-size: 8px;
	width: 15px;
	height: 15px;
	float: right;
	top: 25px;
}

.jjbb_list11_right:hover {
	background-position-y: 100%;
}

.jjbb_product_title {
	height: 40px;
	background-color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	border-bottom: 1px solid #DEDEDE;
	clear: both;
}

.jjbb_product_title_name1 {
	width: 30%;
	position: absolute;
	margin: 10px 0px 0px 0px;
	color: #808080;
	margin-left: 5.55%;
	left: 5%;
}

.jjbb_product_title_name2 {
	width: 55%;
	position: absolute;
	margin: 11px 0px 0px 0px;
	color: #000000;
	left: 22%;
	text-align: center;
}

.jjbb_product_bar {
	float: left;
	height: 15px;
	width: 15px;
	display: block;
	position: absolute;
	left: 5%;
	background: url('img/renewal/btn_back.gif') no-repeat;
	background-size: 8px;
	margin: 13px 10px 0px 5px;
}

.jjbb_list12 {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DEDEDE;
	border-width: 0 0 88.9% 0;
	height: 40px;
}

.jjbb_list12_right {
	position: relative;
	background: url('img/renewal/brn_arrow_light.gif') no-repeat;
	background-size: 8px;
	width: 15px;
	height: 15px;
	float: right;
	top: 15px;
}

.jjbb_list12_link {
	display: block;
	text-decoration: none;
	text-align: left;
	height: 40px;
	color: #000000;
	padding-left: 0px;
	padding: 12px 0px 12px 0px;
}

.jjbb_list18 {
	font-size: 12px;
	height: 80px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_list18_content_img {
	width: 81px;
	height: 50px;
	border: 1px solid #d8d8d8;
	padding: 0px 0px;
}

.jjbb_list18_link {
	display: block;
	height: 80px;
}

.jjbb_list18_img {
	position: relative;
	float: left;
	display: block;
	text-align: left;
	height: 50px;
	padding: 15px 10px 0px 0px;
}

.jjbb_list18_left1 {
	position: relative;
	height: 50px;
	width: auto;
	line-height: 115%;
	display: block;
	padding-top: 15px;
	color: #000000;
	margin-top: 20px;
}

.jjbb_list18_left {
	position: relative;
	height: 80px;
	width: auto;
	line-height: 115%;
	display: block;
	color: #000000;
	padding-top: 17px;
}

.jjbb_list18_left_subtitle {
	position: relative;
	color: #808080;
	font-weight: normal;
	top: 5px;
}

.jjbb_list18_left_subtitle2 {
	position: relative;
	color: #808080;
	font-weight: normal;
	top: 10px;
}

.jjbb_list18_right {
	position: relative;
	width: 30px;
	height: 21px;
	float: right;
	margin: 15px 0px 0px 0px;
	color: #808080;
	font-weight: normal;
}

/* 제품 디테일 페이지 */
.productImage {
	width: 100%;
}

.detail_info {
	padding-top: 11px;
	padding-bottom: 11px;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	margin-top: 20px;
}

.jjbb_product_img_btn {
	POSITION: absolute;
	BOTTOM: 10px;
	RIGHT: 10px;
	TEXT-ALIGN: center;
	DISPLAY: inline-block;
	VERTICAL-ALIGN: middle;
}

.jjbb_product_img_btn img {
	width: 25px;
	height: 25px;
}

.jjbb_product_img {
	POSITION: relative;
	FLOAT: left;
	margin-top: 20px;
	/*border: 1px solid #DEDEDE;*/
}

.jjbb_product_img2 {
	POSITION: relative;
	FLOAT: left;
}

.jjbb_product_img IMG {
	VERTICAL-ALIGN: top;
}

.jjbb_product_img2 IMG {
	VERTICAL-ALIGN: top;
}

.hc {
	POSITION: absolute;
	LINE-HEIGHT: 0;
	WIDTH: 0px;
	HEIGHT: 0px;
	VISIBILITY: hidden;
	FONT-SIZE: 0px;
	OVERFLOW: hidden;
	LEFT: -1000em
}

.detail_button_line {
	position: relative;
	height: 80px;
	width: 100%;
	text-align: center;
}

.addCart {
	position: relative;
	height: 40px;
	width: 105px;
	background-color: #BCBCBC;
	text-align: center;
	float: left;
}

.addCart2 {
	position: relative;
	float: left;
	height: 40px;
	width: 130px;
	background-color: #01C73C;
	text-align: center;
	left: 12px;
}

#addCart_favorite {
	background: url('img/renewal/icon_favorite.png') no-repeat;
	border: none;
	background-size: 22px;
	background-position-y: 50%;
	background-position-x: 5px;
	height: 40px;
	text-indent: 20px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-left: 8px;
}

#addCart_naver{
	background: url('img/renewal/icon_naver.png') no-repeat;
	border: none;
	background-size: 22px;
	background-position-y: 50%;
	background-position-x: 5px;
	height: 40px;
	text-indent: 20px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-left: 9px;
}

.addCart_text {
	height: 40px;
	color: #FFFFFF;
	margin-bottom: 15px;
}

.fb {
	width: auto;
	position: relative;
	left: 0px;
	margin-top: 15px;
}

.colortitle {
	position: relative;
	width: 17%;
}

.colorchip {
	position: relative;
	margin-left: 20.5%;
}

.circle {
	border: 1px solid #000000;
	-webkit-border-radius: 11px;
	         -moz-border-radius: 11px;
	border-radius: 11px;
	margin-top: 1px;
	margin-bottom: 2px;
}

.jjbb_item_subtitle {
	height: 30px;
	background-color: #FFFFFF;
	padding: 8px 5px 5px 5px;
}

.jjbb_item_subtitle_left {
	font-weight: bold;
	font-size: 16px;
	color: #4D4D4D;
}

.jjbb_item_subtitle_right {
	position: relative;
	float: right;
	height: 20px;
	width: auto;
	font-size: 16px;
	font-weight: normal;
	color: #808080;
}

.jjbb_item_content {
	
}

.jjbb_item_spec {
	background-color: #F2F2F2;
	padding-top: 10px;
	padding-bottom: 7px;
	padding-left: 13px;
	padding-right: 13px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}

.jjbb_item_line {
	/**	height: 1px;
	 background: url('img/line/line_item_div.png') repeat-x;
	 padding: 1px; **/
	
}

.jjbb_item_text {
	padding: 5px 0px;
	line-height: 180%;
}

.jjbb_item_text p {
	line-height: 180%;
}

.jjbb_item_text_title {
	height: 20px;
	background: #E7E7E7;
	padding: 5px 10px 0px 0px;
}

.jjbb_item_text_normal {
	margin-right: 12px;
	color: #4D4D4D;
}

.jjbb_item_text_bold {
	margin-right: 12px;
	font-weight: normal;
	color: #999999;
	float: left;
	width: 17%;
}

.jjbb_item_prize {
	min-height: 20px;
	padding: 10px 5px 10px 0px;
}

/*관심상품**/
.jjbb_favorite_header {
	height: 28px;
	padding: 0px 5px 0px 20%;
	text-align: center;
	margin-top: 11px;
	border-bottom: 1px solid #DEDEDE;
}

.jjbb_favorite_header_right {
	position: relative;
	float: right;
	height: 19px;
	width: 20%;
	color: #808080;
	margin: 0px 5.5% 0px 0px;
	font-weight: normal;
}
/**신제품*/
.jjbb_new_header {
	height: 39px;
	background: url('img/bg/bg_new_title.png') repeat-x;
}

.jjbb_new_product {
	height: 70px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #DEDEDE;
	width: 100%;
}

.jjbb_new_product_last {
	height: 70px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	padding-bottom: 10px;
	width: 100%;
}

.new_img {
	float: left;
	/*width: 38.7%;*/
	/*width: 65%;*/
	height: 70px;
	width: 200px;
}

.new_title {
	text-align: center;
	width: 100%;
}

.new_title img {
	width: 100%;
	height: 35px;
	max-width: 350px;
}

.magazine_title {
	text-align: center;
	width: 100%;
}

.magazine_title img {
	width: 100%;
	height: 35px;
	max-width: 380px;
}

.jjbb_new_product_title {
	margin-left: 3%;
	margin-right: 4%;
	margin-top: 27px;
	text-align: left;
	float: left;
	color: #4D4D4D;
	font-size: 11px;
}

.jjbb_new_product_btn {
	float: right;
}

.jjbb_new_product_btn img {
	height: 12px;
	margin-top: 28px;
}

.jjbb_new_product_1 {
	width: 100%;
}

.jjbb_new_product_1 img {
	width: 100%;
	/*max-width: 720px;*/
}

.jjbb_new_product_2 {
	width: 100%;
}

.jjbb_new_product_3_1 {
	float: right;
	width: 48%;
	margin-top: 5px;
}

.jjbb_new_product_3_2 {
	float: left;
	width: 48%;
	margin-top: 5px;
}

.jjbb_new_product_3_1 img {
	width: 100%;
	margin: 0px;
	/*max-width: 352px;*/
}

.jjbb_new_product_3_2 img {
	width: 100%;
	margin: 0px;
	/*max-width: 352px;*/
}

.jjbb_agency_title {
	height: 39px;
	background: url('img/bg/bg_agency_title.png') repeat-x;
	padding: 5px 10px 0px 10px;
	font-size: 12px;
	margin-top: 36px;
}

.jjbb_agency_title1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #666666;
}

.jjbb_agency_title1 img {
	height: 15px;
	margin-right: 5.18%;
	vertical-align: bottom;
}

.jjbb_agency_title1 span {
	vertical-align: middle;
}

.jjbb_agency_title2 span {
	vertical-align: middle;
}

.jjbb_agency_title3 span {
	vertical-align: middle;
}

.jjbb_agency_title2 {
	margin-bottom: 10px;
	font-weight: normal;
	color: #666666;
}

.jjbb_agency_title2 img {
	height: 15px;
	margin-right: 5.18%;
	vertical-align: bottom;
}

.jjbb_agency_title3 {
	margin-bottom: 20px;
	font-weight: normal;
	color: #666666;
}

.jjbb_agency_title3 img {
	height: 15px;
	margin-right: 5.18%;
	vertical-align: bottom;
}

.jjbb_agency_map {
	height: 250px;
	width: 100%;
	margin: 0 auto;
}

.jjbb_agency_footer {
	height: 50px;
	margin: 0px 0px 1px 0px;
}

.jjbb_agency_footer_left {
	position: relative;
	float: left;
	margin: 10px 0px 0px 5px;
	height: 30px;
	font-size: 11px;
}

.jjbb_agency_footer_right {
	position: relative;
	width: 85px;
	height: 40px;
	float: right;
	margin: 5px 5px 0px 0px;
}

/***1:1문의 A/S*/
.jjbb_customer_header {
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 20px;
	position: relative;
}

.jjbb_customer_header_left {
	position: absolute;
	left: 0;
	padding-top: 14px;
	font-size: 10px;
	color: #808080; /*b8b8b8**/
}

.jjbb_customer_input_contents p {
	color: #808080;
	font-size: 11px;
	margin-top: 3px;
	width: 90%;
	font-weight: normal;
}

.jjbb_customer_input_contents input[type=checkbox] {
	-moz-appearance: none;
	-webkit-appearance: checkbox;
	width: 20px;
	height: 20px;
	position: relative;
	top: 6px;
}

.jjbb_customer_input_contents input[type=button] {
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #DEDEDE;
	background-color: #F2F2F2;
	height: 27px;
}

.jjbb_customer_header_text {
	position: relative;
	text-align: center;
	height: 38px;
	width: 70px;
	margin: 0 auto;
	top: 11px;
}

.jjbb_customer_required {
	color: #FF0000;
}

.jjbb_customer_body {
	min-height: 150px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 100%;
}

.jjbb_customer_list {
	height: 66px;
	margin: 0px 10px 0px 10px;
	background: url('img/bg/bg_customer_btn.png') repeat;
}

.jjbb_customer_list_left {
	height: 66px;
	display: block;
	position: relative;
	float: left;
}

.jjbb_customer_list_right {
	height: 66px;
	width: 34px;
	position: relative;
	float: right;
	display: block;
	background: url('img/btn/btn_customer_btn_right.png') no-repeat;
}

.jjbb_customer_list_link {
	height: 66px;
	display: block;
}

.jjbb_customer_select {
	min-height: 50px;
	border: 3px solid #acacac;
	background-color: #e1e1e1;
	padding: 10px;
}

.jjbb_customer_select_list {
	width: 130px;
	float: left
}

.jjbb_customer_body div {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 4px;
	padding-top: 4px;
}

.jjbb_customer_input_name {
	position: relative;
	float: left;
	width: 20%;
	color: #4D4D4D;
	top: 3px;
}

.jjbb_customer_input_contents {
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px 0px 0px 20%;
}

.jjbb_customer_input_contents input[type=text],
	.jjbb_customer_input_contents input[type=email] {
	border: 1px solid #DEDEDE;
	border-radius: 0;
	max-width: 100%;
	height: 25px;
	width: 97%;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	margin: 0px;
	padding: 0px 3px 0px 3px;
}

.textA {
	max-width: 100%;
	border: 1px solid #DEDEDE;
	border-radius: 0;
	width: 97%;
	height: 150px;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	padding: 0px 3px 0px 3px;
}

.textB {
	font-size: 10px;
	font-weight: normal;
	border: 1px solid #DEDEDE;
	border-radius: 0;
	overflow-y: auto;
	overflow-x: hidden;
	width: 97%;
	max-width: 100%;
	height: 150px;
	padding: 10px 3px 0px 3px;
	margin: 0px;
	color: #4D4D4D;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	resize: none
}

.selection {
	height: 27px;
	font-size: 12px;
	margin-top: 7px;
	margin-bottom: 7px;
}

#sumbitbtn {
	margin-left: 20%;
	width: 80%;
}

#agree {
	-moz-appearance: none;
	-webkit-appearance: checkbox;
	width: 20px;
	height: 20px;
	position: relative;
	top: 6px;
}

#sumbitbtn input {
	border-radius: 0;
	width: 47%;
	height: 30px;
	font-size: 12px;
	border: 1px solid #DEDEDE;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

#sumbitbtn input:first-child {
	background-color: #F2F2F2;
	float: left;
}

#sumbitbtn input:last-child {
	background-color: #FFFFFF;
	float: right;
}

.jjbb_customer_input_contents_privacy {
	clear: both;
	width: auto;
	height: 200px;
	margin: 10px;
}

.jjbb_customer_personal_rule {
	width: 102px;
	height: 19px;
	position: relative;
	float: right;
	background: url('img/btn/btn_customer_person_rule.png') no-repeat;
}

.jjbb_content_introduce {
	text-align: left;
	font-weight: normal;
	color: #4d4d4d;
}

/*회사소개*/
.jjbb_introduce_tab {
	width: 100%;
	height: 30px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
}

.jjbb_introduce_tab tbody tr {
	height: 30px;
	background-color: #F2F2F2;
	color: #333333;
}

.jjbb_introduce_tab tbody tr td {
	font-size: 12px;
	width: 22.2%;
	border-right: 1px solid #DEDEDE;
}

.design_contents {
	background: #F2F2F2;
	padding-top: 30px;
	padding-left: 5.5%;
	padding-right: 5.5%;
	color: #4D4D4D;
	font-weight: normal;
}

.jjbb_introduce_contents p {
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #4D4D4D font-weight: normal;
}

.jjbb_introduce_contents_title {
	font-weight: bold;
	color: #000000
}

.jjbb_introduce_dot {
	margin: 5px 5px 0px 0px;
	float: left;
}

.award_img img {
	height: 9.5%;
	width: 17.7%;
}

.jjbb_introduce_envir {
	
}

.jjbb_media_body {
	height: auto;
	padding: 0px;
}

.jjbb_media_main {
	width: 100%;
	height: auto;
	padding: 0px;
	cursor: hand;
	margin: 0px 0px;
	text-align: center;
}

.jjbb_media_main img {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.media_img {
	position: absolute;
	TEXT-ALIGN: center;
	DISPLAY: inline-block;
	VERTICAL-ALIGN: middle;
}

.media_img img {
	width: 0px;
	height: 0px;
	/**width: 25px;
	height: 25px;**/
}

.media_img_title {
	color: #4D4D4D;
	margin-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #DEDEDE;
	font-weight: normal;
}

.jjbb_media_list {
	min-height: 60px;
	max-height: 90px;
	border-bottom: 1px solid #DEDEDE;
	padding: 7px 0px 7px 0px;
	color: #4D4D4D;
	font-size: 12px;
	cursor: hand
}

.jjbb_media_list img {
	height: 60px;
	width: 84px;
	float: left;
	margin-right: 15px;
}

.media_font {
	position: relative;
	height: 40px;
	top: 20px;
	background-color: #FFFFFF;
	color: #4D4D4D;
}

.media_font2 {
	margin-left: 0px;
	height: 40px;
	top: 20px;
	background-color: #FFFFFF;
	color: #4D4D4D;
	text-align: left;
}

.media_font3 {
	position: relative;
	top: 6px;
	font-size: 16px;
	background-color: #FFFFFF;
	color: #4D4D4D;
}

.media_font4 {
	position: relative;
	top: 8px;
	background-color: #FFFFFF;
	color: #4D4D4D;
	font-weight: normal;
	margin-bottom: 5px;
}

.media_font2 {
	position: relative;
	top: 20px;
	background-color: #FFFFFF;
	color: #FF0000;
}

.page_btn {
	/*padding-top: 3px; width: 40px; height: 40px; */
	/*margin-left: 15px;*/
	/*margin-right: 15px;*/
	/*border: 1px solid #DEDEDE;*/
	
}

.page {
	margin-top: 20px;
	margin-bottom: 20px;
}

.page_btn input {
	padding-top: 3px;
	width: 30px;
	height: 30px;
	border: 1px solid #DEDEDE;
	border-radius: 0;
	background: url('/img/renewal/btn_next.gif') no-repeat;
	background-size: 20%;
	background-position: 50% 50%;
}

.page_btn2 input {
	padding-top: 3px;
	width: 30px;
	height: 30px;
	border: 1px solid #DEDEDE;
	border-radius: 0;
	background: url('/img/renewal/btn_prev.gif') no-repeat;
	background-size: 20%;
	background-position: 50% 50%;
}

/*커뮤니티*/
.community_header {
	border-bottom: 1px solid #DEDEDE;
}

.community_contents {
	color: #4D4D4D;
	font-weight: normal;
	font-size: 12px;
}

.community_contents img {
	width: 100%;
}

.community_comment_title {
	height: 30px;
	width: 100%;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	background-color: #F2F2F2;
}

.community_comment_title div {
	color: #4D4D4D;
	margin-left: 5.5%;
	margin-right: 5.5%;
	padding-top: 7px;
}

.community_comment_contents {
	margin-left: 5.5%;
	margin-right: 5.5%;
	color: #4D4D4D;
}

.comment_list {
	border-bottom: 1px solid #DEDEDE;
}

.community_under_text {
	color: #808080;
	font-size: 10px;
	font-weight: normal;
	margin-top: 5px;
}

.back_list input {
	text-align: center;
	border: 1px solid #DEDEDE;
	height: 30px;
	width: 18.5%;
	margin-left: 40.5%;
	color: #808080;
	font-size: 12px;
	background-color: #FFFFFF;
}

.community_subject {
	color: #000000;
	font-size: 18px;
}

.community_user {
	color: #4d4d4d;
	font-size: 12px;
	font-weight: normal;
}

.jjbb_content_header {
	width: 100%;
	height: 80px;
}

.facebook_tag {
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.contentEx {
	width: 100%;
}

.contentIn {
	width: 315px;
	margin: 0 auto;
	font-size: 12px;
	padding-left: 5px;
}

.fairInputbox {
	border: 1px solid #e7346e;
	font-size: 13pt;
	height: 24px;
	padding: 3px;
}

.fairInputbox:focus {
	border: 1px solid #E94023;
}

/**이벤트**/
.evnetImg {
	width: 100%;
	max-width: 1024px;
	margin-bottom: 20px;
}

/**회사소개-수정 2015.06.29**/
#mov_mask {
	display: none; width : 100%;
	height: 100%;
	position: fixed;
	z-index: 60;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	width: 100%;
}

#mov_layer {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 61;
	top: 150px;
	height: 100%;
	text-align: center;
}

#mov_close {
	position: relative;
	background: url("/img/company/close_btn.png");
	background-size: 28px 28px;
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	border: 0 solid #fff;
	left: 39%;;
}
#video{
	position: relative;
	top: 5px;
}	

#mov_mask1 {
	display: none; width : 100%;
	height: 100%;
	position: fixed;
	z-index: 60;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	width: 100%;
}

#mov_layer1 {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 61;
	top: 150px;
	height: 100%;
	text-align: center;
}

#mov_close1 {
	position: relative;
	background: url("/img/company/close_btn.png");
	background-size: 28px 28px;
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	border: 0 solid #fff;
	left: 39%;;
}
#video1{
	position: relative;
	top: 5px;
}