.shop {display: inline-block;}
/* .shop > ul {display: -webkit-box;} */
.product01 > div{display: inline-block;margin: 0 -15px;padding: 0 20px;}

/* accordian */
#accordian {
	background: transparent;
	width: 250px;
	/* margin: 100px auto 0 auto; */
	color: white;
	font-family:'NanumSquareL',"JSDongkang Regular";
	font-weight: 200;
	
	/* box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5); */
}

/* 메뉴 스타일 */
#accordian h3 {
	font-size: 17px;
	line-height: 42px;
	padding: 0 10px;
	cursor: pointer;
	background: transparent;
	font-weight: 300;
	/* background: linear-gradient(#003040, #002535); */
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

/* 아이콘폰트 스타일 */
#accordian h3 span {
	font-size: 16px;
	margin-right: 10px;
}
#accordian li {
	list-style-type: none;
}

/* 서브메뉴 스타일 */
#accordian a:visited {color:#fff;}
#accordian a {color:#fff;}
#accordian ul ul li a {
	color: white;
	text-decoration: none;
	font-size: 17px;
	line-height: 27px;
	display: block;
	padding: 7px 15px;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-o-transition: all 0.15s;
	-ms-transition: all 0.15s;
	transition: all 0.15s;
}
#accordian ul ul li a:hover {
	background: #36acbb;
    border-left: 5px solid #1fcee6;
}

/* active 클래스 외에 것은 보이지 않게 하기 */

#accordian ul ul {
	background:#1a6e79;
	display: none;
}
#accordian li.active ul {
	display: block;
}

/* bootstrap add */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
/*   float: left; */
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 48.5%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}


@media (max-width: 768px){
	.product01 > div {margin: 0;padding: 0px;}
	.snip1423 {margin: 15px 0;min-width: 30px;padding: 0;}
	
}




/* 하단버튼 */
@-webkit-keyframes 
badbounce {  0%, 100% {
 -webkit-transform: translateY(0px);
}
 10% {
 -webkit-transform: translateY(6px);
}
 30% {
 -webkit-transform: translateY(-4px);
}
 70% {
 -webkit-transform: translateY(3px);
}
 90% {
 -webkit-transform: translateY(-2px);
}
}
@-moz-keyframes 
badbounce {  0%, 100% {
 -moz-transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(6px);
}
 30% {
 -moz-transform: translateY(-4px);
}
 70% {
 -moz-transform: translateY(3px);
}
 90% {
 -moz-transform: translateY(-2px);
}
}
@keyframes 
badbounce {  0%, 100% {
 -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -o-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -webkit-transform: translateY(6px);
 -moz-transform: translateY(6px);
 -ms-transform: translateY(6px);
 -o-transform: translateY(6px);
 transform: translateY(6px);
}
 30% {
 -webkit-transform: translateY(-4px);
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -o-transform: translateY(-4px);
 transform: translateY(-4px);
}
 70% {
 -webkit-transform: translateY(3px);
 -moz-transform: translateY(3px);
 -ms-transform: translateY(3px);
 -o-transform: translateY(3px);
 transform: translateY(3px);
}
 90% {
 -webkit-transform: translateY(-2px);
 -moz-transform: translateY(-2px);
 -ms-transform: translateY(-2px);
 -o-transform: translateY(-2px);
 transform: translateY(-2px);
}
}

.ss_animate {
  -webkit-animation: badbounce 1s linear;
  -moz-animation: badbounce 1s linear;
  animation: badbounce 1s linear;
}



#ss_menu {					/* 위치조정 */
  bottom: 60px;
  width: 60px;
  height: 60px;
  color: #fff;
  position: fixed;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  right: 20px;
  -webkit-transform: rotate(180deg); 
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 999;
}

#ss_menu > .menu {
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
  /* box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);		그림자 생략 */
  color: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

#ss_menu > .menu .share {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

#ss_menu > .menu .share .circle {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  top: 50%;
  margin-top: -6px;
  left: 12px;
  opacity: 1;
}

#ss_menu > .menu .share .circle:after, #ss_menu > .menu .share .circle:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
}

#ss_menu > .menu .share .circle:after {left: 20.78461px;top: 12.0px;}
#ss_menu > .menu .share .circle:before {left: 20.78461px;top: -12.0px;}
#ss_menu > .menu .share .bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -1.5px;
  left: 18px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

#ss_menu > .menu .share .bar:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}

#ss_menu > .menu .share.close .circle { opacity: 0; }

#ss_menu > .menu .share.close .bar {
  top: 50%;
  margin-top: -1.5px;
  left: 50%;
  margin-left: -12px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  -o-transform: rotate(405deg);
  transform: rotate(405deg);
}

#ss_menu > .menu .share.close .bar:before {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-450deg);
  -moz-transform: rotate(-450deg);
  -ms-transform: rotate(-450deg);
  -o-transform: rotate(-450deg);
  transform: rotate(-450deg);
}

#ss_menu > .menu.ss_active {
  background: #00796B;		/* 아이콘 배경색, 원본색 3a90db */
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}

#ss_menu > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 70px;
  height: 70px;
  font-size: 12px;
	color: white;
  text-align: center;
  background: #00796B;	/* 아이콘 배경색, 원본색 3a90db */
  border-radius: 50%;
  display: table;
}

#ss_menu > div i {display: table-cell;vertical-align: middle;}
#ss_menu > div:hover {  background: #5d47a5;cursor: pointer;}/* 아이콘 배경색, 원본색 :009688 */
#ss_menu a {     display: block;
    margin-top: 25px;
    /* margin-left: 16px; */
    color: white;}
#ss_menu div:nth-child(1) {top: 0px;left: -160px;}
#ss_menu div:nth-child(2) {top: -80.0px;left: -138.56406px;}
#ss_menu div:nth-child(3) {top: -138.56406px;left: -80.0px;}
#ss_menu div:nth-child(4) {top: -160px; left: 0.0px; }



/*반응형테이블*/

/*table { 
	width: 750px; 
	border-collapse: collapse; 
	margin:50px auto;
	}
*/

/* Zebra striping */
/*tr:nth-of-type(odd) { 
	background: #eee; 
	}*/
.ncaretable {font-family:'NanumSquareR','나눔스퀘어';}

.ncaretable th { 
	background: #42c0b6; 
	color: white; 
	font-weight: normal; 
	font-family:'NanumSquareR','나눔스퀘어';
	}

.ncaretable td{ 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 17px;
	font-family:'NanumSquareR','나눔스퀘어';
	}

	.ncaretable th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
	font-family:'NanumSquareR','나눔스퀘어';
	}


.ncaretable1 {font-family:'NanumSquareR','나눔스퀘어';}
.ncaretable1 th { 
	background: #42c0b6; 
	color: white; 
	font-weight: bold; 
	font-family:'NanumSquareR','나눔스퀘어';
	}

.ncaretable1 td{ 
	width:20%;
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 17px;
	font-family:'NanumSquareR','나눔스퀘어';
	}

	.ncaretable1 th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
	font-family:'NanumSquareR','나눔스퀘어';
	}

	.ncaretable1 td span {display:block;}
.pointwrap {margin-bottom:50px;}
.ncarepoint th {width:10%}
.ncarepoint td .tit {font-size:21px; font-family:'NanumSquareR','나눔스퀘어'; font-weight:600;}
.ncarepoint td .info { font-size:17px; font-family:'NanumSquareR','나눔스퀘어'; margin-top:10px;}
.ncarepoint tr:nth-child(even) {background: #f2f2f2;}
.ncarepoint tr:nth-child(odd) {background: #fff;}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media screen and (max-width:900px){


}



@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	/*성분수치*/
	.ncaretable {border-top:5px solid #42c0b6; border-bottom:1px solid #ccc;}
	
	.ncaretable table { 
	  	width: 100%;
	}

	/* Force table to not be like tables anymore */
	.ncaretable table {display: block;}
	.ncaretable thead {display: block;}
	.ncaretable tbody {display: block;}
	.ncaretable th {display: block;}
	.ncaretable td {display: block;}
	.ncaretable tr {display: block;} 
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.ncaretable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}	
	.ncaretable tr { border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	
	.ncaretable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 38%; 
		font-size:14px;
	}

	.ncaretable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 9px;
		left: 6px;
		width: 38%; 
		padding-left: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);
		color: #000;
		font-weight: bold;
	}
	/*성분수치 끝*/

	.ncaretable1 {border-top:5px solid #42c0b6; border-bottom:1px solid #ccc;}
	
	.ncaretable1 table { 
	  	width: 100%;
	}

	/* Force table to not be like tables anymore */
	.ncaretable1 table {display: block;}
	.ncaretable1 thead {display: block;}
	.ncaretable1 tbody {display: block;}
	.ncaretable1 th {display: block;}
	.ncaretable1 td {display: block;}
	.ncaretable1 tr {display: block;} 
	.ncaretable1 td span {display:inline;}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.ncaretable1 thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}	
	.ncaretable1 tr { border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	
	.ncaretable1 td {
		width:100%;
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding:2%;
		font-size:14px;
	}
}


/*중간타이틀*/
.mid_tit {font-size:20px; color: #121212; line-height:130%; font-family: 'NanumSquareR', sans-serif !important; padding-bottom:5px; margin-top: 5%;}
.mid_tit:before { content: ""; display: block; background-color:#42c0b6; height: 5px; margin: 10px 0; width: 40px; box-sizing: border-box; margin-top:30px;}

.box {padding:2%; background:#f5f5f5;}

@media screen and (max-width:640px) {
 .mid_tit {font-size: 18px; color: #121212; line-height:130%; font-family: 'NanumSquareR', sans-serif !important; padding-bottom:5px;}
 .mid_tit:before { content: ""; display: block; background-color:#42c0b6; height: 4px; margin:0 0 10px; width: 35px; box-sizing: border-box; margin-top:20px;}
}


.vdop24 {display:block;}
.vdom24 {display:none;}


.pc24 {display:block;}
.mo24 {display:none;}

@media screen and (max-width: 640px) {
.vdop24 {display:none;}
.vdom24 {display:block;}
}


@media screen and (max-width: 480px) {
.pc24 {display:none;}
.mo24 {display:block;}
}


.info6_wrap {width:100%; margin:30px auto;}
.info6_title {font-size:28px; text-align:center; line-height:120%; margin-bottom:40px; color: #333;}
.info6_li {width:16.6666666666666666%; margin:1% 0; text-align:center; /*background:#f2f2f2;*/ float:left; padding:1% 1% 2%; font-family: 'NanumSquareR','나눔스퀘어' }
.info6_li p {font-size:15px; font-weight:400; margin-top:10px; line-height: 140%; font-family: 'NanumSquareR','나눔스퀘어'}
.info6_tit {font-size:24px; font-weight:800; color:#1c3079; font-family: 'NanumSquareR','나눔스퀘어'}
.info6_txt { font-size:20px; font-weight:600; color:#555; line-height:130%; padding:0; margin-top:10px; font-family: 'NanumSquareR','나눔스퀘어'}


@media screen and (max-width:900px){
.info6_li p {font-size:14px;}
}

@media screen and (max-width:640px){
.info6_title {font-size:22px; text-align:center; line-height:120%;}
.info6_tit {font-size:22px; font-weight:800; color:#1c3079;}
.info6_li {width:48%; text-align:center;  padding:2% 0 6%; height:auto; border-radius:none; margin:0;}
.ncarepoint th {display:block; width:50%; margin:0 auto 10px;}
.ncarepoint td {display:block; text-align:center; margin-bottom:30px;}

.pointwrap {margin-bottom:20px;}
.ncarepoint td .tit {font-size:17px; font-family:'NanumSquareR','나눔스퀘어'; font-weight:600;}
.ncarepoint td .info { font-size:15px; font-family:'NanumSquareR','나눔스퀘어'; margin-top:10px; line-height:160%; letter-spacing:-0.5px;}
.ncarepoint td .info span { display:block;}
}


/*퀵메뉴*/
#quickbox {
    position: fixed;
    width: 100%;
    top: 350px;
    /*left: 50%;
    margin-left: -680px;*/
    min-width: 1200px;
    z-index: 999;
}
#quickbox > div {
    position: absolute;
    right: 7%;
    top: 0;
    z-index: 999;
    width: 140px;
    /*border: 1px solid #ddd;*/
    box-sizing: border-box;
    background: #fff;
	border-radius:10px;	
	}

#quickbox > div h1 {
    font-size: 18px;
	font-weight:700;
    color: #fff;
    padding: 35px 0 15px;
    background: #42c0b6;
    text-align: center;
	font-family: 'NanumSquare', sans-serif;
	border-radius:10px 10px 0 0;	
	
}

.quick {display:block;}


@media (max-width: 1350px) {
.quick {display:none;}

}