body {color:#444; min-width:32rem; overflow-x: hidden;}
a {color:#444; cursor:pointer; _cursor:pointer; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}

/* 이미지 슬라이드 */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
figure.in_img {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	width: 100%;
	color: #ffffff;
	line-height: 1.4em;
	border:1px solid #f1f1f1;
	height:0;
	padding-bottom:100%;
}
figure.in_img * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
figure.in_img >img {
	opacity: 1;
	width: 100%;
	vertical-align: top;
	max-height:200px;
}
figure.in_img h3 {
	position: absolute;
	top: 0%;
	width: 100%;
	background-color: #212121;
	z-index: 1;
	text-align: right;
	padding: 10px 20px 0px;
	margin: 0;
	font-weight: 300;
	font-size: 1.2rem;
	-webkit-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity:0;
}
figure.in_img h3:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 315px 55px 0;
	border-color: transparent #212121 transparent transparent;
}
figure.in_img figcaption {
	padding: 5px 5px 5px;
	position: absolute;
	width: 100%;
	z-index: 2;
	bottom: 0%;
	background-color: #141414;
	-webkit-transform: translateY(200%);
	transform: translateY(200%);
	opacity: 0;
}
figure.in_img figcaption:before {
	position: absolute;
	content: '';
	bottom: 100%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 55px 0 0 315px;
	border-color: transparent transparent transparent #141414;
}
figure.in_img .icons {
	margin-left: 10%;
}
figure.in_img .icons .icons_img{
	width:70%;
}
figure.in_img .i {
	display: inline-block;
	opacity: 0.7;
	float:left;
}
figure.in_img .i:hover {
	opacity: 1;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
figure.in_img:hover h3,
figure.in_img.hover h3 {
	opacity:0.8;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
figure.in_img:hover figcaption,
figure.in_img.hover figcaption {
	opacity: 0.8;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
/* 이미지 슬라이드 끝*/




/* @ TNB */
.tnb {background:#f3f3f3; border-bottom:solid .1rem #e4e4e4; }
.tnb ul, .tnb li {margin:0; padding:0; }
.tnb ul li {float:left; height:3.2rem; /*line-height:3.2rem;*/ }
.tnb ul li a {display:block; height:3.2rem; line-height:3.2rem; }
.tnb .favorite {float:left; }
.tnb .favorite a {font-size:1.2rem; border-left:solid .1rem #e4e4e4; border-right:solid .1rem #e4e4e4; padding:0 2rem; }
.tnb .favorite li:first-child a {border-right:0; }
.tnb .favorite a i {color:#333; font-size:1.4rem; }
.tnb .tnbUtil {float:right; }
.tnb .tnbUtil a {font-size:1.1rem; padding:0 1rem; }
.tnb .tnbUtil a:hover i {color:#f49417; }

@media only screen and (max-width: 76.8rem) {
	.tnb .favorite a {padding:0 1rem; border:0; }
	.tnb .favorite li:nth-child(2) {display:none; }
	.tnb .cartGo {display:none; }
}

/* @ Header */

.header .container{}
.header_bottom{width:80.7%; margin:0px auto;min-width: 1100px; max-width:1100px;height:100%;padding:2.5%;}
#header_container{width:100%;height:100%;}
.gnb .container{width:100%; margin:0rem 0 0 0rem; padding:1px;}
.header {background-image: url("../images/common/top_banner_white.png"); height:19rem;}
.header h2.logo {float:left; width:40rem; height:6rem;}
.header .searchBox {float:right; position:relative; width:21.6rem; height:3.5rem; margin-top:6rem; vertical-align:middle; white-space:nowrap; border:1px solid white; }
.header .searchBox input#search {float:left; width:17.1rem; height:3.3rem; font-size:1.1rem; color:#000; background:#fff; border:solid .1rem #e5e5e5; border-right:0; border-radius:0; padding:0; padding-left:1rem; }
.header .searchBox input#search::-webkit-input-placeholder {color:#65737e; }
.header .searchBox input#search:-moz-placeholder {color:#65737e; }
.header .searchBox input#search::-moz-placeholder {color:#65737e; }
.header .searchBox input#search:-ms-input-placeholder {color:#65737e; }
.header .searchBox button.icon {width:3.4rem; height:3.5rem; color:#4f5b66; background:#fff; border:solid .1rem #e5e5e5; border-radius:0; line-height:3.5rem; margin:0; padding:0; font-size:1rem; text-align:center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.header .searchBox button.icon:hover {background:#262626; border:solid .1rem #262626; color:#fff; }

@media only screen and (max-width: 76.8rem) {
	.header{height:13rem;}
	#header_container{width:33%;/*margin:2.2rem 0rem 0rem 5%;*/float:left;}
	.header h2.logo {float:none; width:100%;  clear:both; min-width: 25rem; max-width: 33rem;}
	.header h2.logo img {width:100%;}
	.header_bottom {width:100%;min-width: 32rem;max-width: 150rem;}
	/*.header .searchBox {float:none; margin:0 auto; }*/
}

/* @ GNB */
.gnb { height:5rem; border-bottom:0; }
.navType1 {position:relative; width:100%; height:4.8rem; }

.gnball {display:none; position:absolute; top:0; left:-5px; z-index:1005; width:100%; padding-top:4.8rem; }
a.closeall {position:absolute; top:0; left:0; z-index:1006; display:block; width:4.5rem; background:#2a2a2a; color:#fff; line-height:4.8rem; text-align:center; text-decoration:none;}
.allbg {background:#2a2a2a; opacity: 0.8; border-top:0; border-bottom-right-radius:.5rem; -webkit-border-bottom-right-radius:.5rem; -moz-border-bottom-right-radius:.5rem; -ms-border-bottom-right-radius:.5rem; -o-border-bottom-right-radius:.5rem; border-bottom-left-radius:.5rem; webkit-border-bottom-left-radius:.5rem; -moz-border-bottom-left-radius:.5rem; -ms-border-bottom-left-radius:.5rem; -o-border-bottom-left-radius:.5rem; }
.allbg ul {float:left; margin-top:2rem; margin-left:7rem;}
.allbg ul:first-child {margin-left:45rem; }
.allbg li {width:12rem; outline:solid 0px black;text-align:center;}
.allbg li a {color:#fff; font-size:1.3rem; }
.allbg li a:hover {text-decoration:underline; }

.navType1 .mbtit {display:none; }
.navType1 .top_btn {display:none; }
.navType1 #toggle {display:none; }

/* 1뎁스 */
.navType1 ul.depth1 {list-style:none; padding:0;margin:-0.5rem 0 0 0;}
.navType1 ul.depth1 li {position:relative; z-index:1000; float:left; margin:0 0 0 10.3rem; padding:0;}
.navType1 ul.depth1 li:first-child{margin-left:0;}
.navType1 ul.depth1 li a {font-size:16px;display:block; width:auto; line-height:4.8rem; color:#000; text-align:center; text-decoration:none; transition-property:opacity background-image; transition-duration:0.5s; }
.navType1 ul.depth1 li a img {display:inline;}
.navType1 ul.depth1 li.allmenu a {width:16rem; color:#000;margin-top:0.5rem; line-height:0;margin-right:1rem;}
.navType1 ul.depth1 li.allmenu a img{display: block;float:left;}
.navType1 ul.depth1 li.allmenu a label{font-weight: lighter;float:left;line-height: 4.4rem;}
.navType1 ul.depth1 li:hover ul.depth2 {display:block; }

/* 2뎁스 */
.navType1 ul.depth1 li ul.depth2 {display:none; position:absolute; top:3rem; left:-4rem; z-index:200; width:12rem; border:0; background:#2a2a2a; opacity: 0.8; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:1rem 0; }
.navType1 ul.depth1 li ul.depth2 li {display:block; float:none; margin:0; padding:0;}
.navType1 ul.depth1 li:hover ul.depth2 li a {background:none; }
.navType1 ul.depth1 li ul.depth2 a {display:block; color:#fff; height:4rem; line-height:4rem; font-size:1.2rem; margin:0; padding:0 2rem; text-align:left; }
.navType1 ul.depth1 li ul.depth2 a:hover,
.navType1 ul.depth1 li ul.depth2 li:hover a {color:#fff; background: #2a2a2a; border:0; text-decoration:none; }


.listTit_hr1{position: relative;top:140px;left:-33%;border:1px solid #545454;width:33%;}
.listTit_hr2{position: relative;top:120px;left:33%;border:1px solid #545454;width:33%;}
@media only screen and (max-width: 76.8rem) {
	.gnb{width:50%;float:left; margin-left:10%;}
	#gnb_container{ width:100%; margin:4rem 0 0 0;}
	.navType1 { width: 90%;height:5rem;margin-left:10%;}
	.navType1 .menubar_container {/*position:relative;*/ overflow:hidden; }
	.navType1 .menubar_container {height:0; background:#fff; }
	.navType1 .menubar_container {display:inline-block; float:none; position:static; width:100%; margin:0; padding:0; }
	.navType1 .mbtit {display:block; float:left; line-height:4.8rem; color:#fff; font-weight:700; margin:0; padding-left:2rem; vertical-align:middle; }
	.navType1 .top_btn { margin-left:80%;width:7rem;height:5rem;clear: both;display:block;  cursor:pointer; padding:0rem 2rem 0 0; vertical-align:middle; }
	.navType1 #toggle {height:0; }
	.navType1 #toggle:checked + .menubar_container {overflow:visible; }

	/* 1뎁스 */
	.navType1 ul.depth1 {position:relative;display:block; float:none; width:auto; margin-top:0; padding:0; z-index:1100; opacity: 0.9;}
	.navType1 ul.depth1 li {float:none; vertical-align:middle; padding:0; background:#2a2a2a; list-style-type:none; list-style-position:inside;}
	.navType1 ul.depth1 > li {border-bottom:solid .1rem #444; border-left:solid .3rem #2a2a2a; border-right:solid .3rem #2a2a2a; border-top:none; }
	.navType1 ul.depth1 > li:last-child {border-bottom:solid .3rem #2a2a2a; }
	.navType1 ul.depth1 li a {display:block; height:3.5rem; line-height:3.5rem; color:#fff; background:#2a2a2a; font-size:1.4rem; font-weight:700; padding:0 2rem; text-align:left; text-decoration:none; }
	.navType1 ul.depth1 li.allmenu {display:none; }
	.navType1 ul.depth1 li a:hover {width:auto; color:#fff; background:#444; font-weight:300; }
	.navType1 ul.depth1 li:hover ul.depth2 {display:block; }

	/* 2뎁스 */
	.navType1 ul.depth1 li ul.depth2 {display:block; position:static; width:auto; background:#2a2a2a; font-weight:300; margin:0; padding:0; }
	.navType1 ul.depth1 li ul.depth2 a {display:block; width:auto; height:3.5rem; line-height:3.5rem; color:#fff; font-size:1.4rem; font-weight:300; margin:0; padding:0 0 0 5rem; text-align:left; }
	.navType1 ul.depth1 li ul.depth2 a:hover,
	.navType1 ul.depth1 li ul.depth2 li:hover a {color:#fff; background:#444; border:0; font-weight:400; text-decoration:none; }
}

/* @ MYPAGE SNB */
.mypageNav {position: relative; z-index:10; height:4rem;  background:#262626; }
.mypageNav li {float:left; margin:0; padding:0; }
.mypageNav a {display:block; line-height:4rem; color:#fff; font-size:1.3rem; text-align: center; text-decoration: none; padding:0 2.3rem; }
.mypageNav a:hover {color:#33c3f0; }
.mypageNav a#pull {display:none; }

@media only screen and (max-width : 76.8rem) {
	.mypageNav {height:3rem; }
	.mypageNav ul {display:none; height:auto; margin:0; padding:0; border:solid .1rem #ddd; border-top:0; }
	.mypageNav li {display:block; float:none; }
	.mypageNav a {width:100%; background:#eee; color:#000; text-indent:0; text-align:left; }
	.mypageNav a#pull {display:block; position:relative; width:100%; background:#eee; border:solid .1rem #ddd; color:#000; text-align:center; text-indent:0; text-decoration:none; }
}

/* @ Footer */
hr.fline {margin-top:10rem; }
footer{
	background-color: #ebebeb; margin-top:0rem;}
.footer_logo{  float:left;margin-top:3rem;margin-bottom:1rem;}
.footer_logo_sub{float:left;margin-top:3rem;margin-bottom:1rem;}
.footer {padding-bottom:2rem;}
.footer .about{margin-bottom:1rem; }
.footer .about li {float:left; margin-right:1.5rem; }
.footer .about li a {color:#656565; font-size:1.2rem; }
.footer .address {  clear: both; color:#656565; font-size: 1.1rem; padding:0 }
.footer .address p {margin-bottom:.2rem; }
.footer .address p span {display:inline-block; margin-right:1rem; }
.footer .address address {color:#656565; font-size:1rem; padding:.3rem 0 1.3rem; }

@media only screen and (max-width: 76.8rem) {
	footer{margin-top:0rem;}
	.footer .addr p span {display:block; }
	.footer_logo{width:40%;}
	.footer_sub{width:10%;}
	.footer .about li {float:left; margin-right:0.9rem; }
	.footer .about li a {font-size:0.9rem; }
	.footer .address {padding:0}
	.footer .address p span {margin-right:1rem;}
}

/* @ 기본 테이블 */
table th {font-size:1.3rem; border-top:solid .2rem #444; border-bottom:solid .1rem #777; padding:1.5rem .5rem; text-align:center; vertical-align:middle; }
table td {font-size:1.3rem; border-bottom:solid .1rem #eee; padding:1.5rem .5rem; text-align:center; vertical-align:middle; }

@media only screen and (max-width: 76.8rem) {
	table.responsive {margin-bottom:1rem; }
	table.responsive ,
	table.responsive thead,
	table.responsive tbody,
	table.responsive th,
	table.responsive td,
	table.responsive tr {display:block; }
	table.responsive tr.divine {margin-bottom:.5rem; }
	/*table.responsive tr:nth-of-type(odd) {background:#eee; } */
	table.responsive thead tr {position:absolute; top:-900rem; left:-900rem; }
	table.responsive tr {border:solid .1rem #ccc; }
	table.responsive tr:first-child {border:0; }
	table.responsive tr.itemEmpty {border:0; border-top:solid .1rem #ccc; border-bottom:solid .1rem #ccc; }
	table.responsive tr.itemEmpty td:before {width:0; }
	table.responsive tr.itemEmpty td {padding-left:0; text-align:center; }
	table.responsive td {position:relative; border:none; border-bottom:solid .1rem #eee; padding-left:25%; padding-right:1rem; white-space:normal; text-align:left; }
	table.responsive td:before {position:absolute;  top:1.5rem; left:1.5rem; width:20%; padding-right:1rem; white-space:nowrap; font-weight:700; text-align:left; }
	table.responsive td:before {content:attr(data-title); }
	table.responsive td:last-child {border-bottom:0; }
}

/* @ 브래드크럼 */
section.pageHeader {margin-bottom:0;line-height: 0;}
section.pageHeader h4 {text-align:right; font-size: 2.0rem; }
section.pageHeader h4 span {font-size:1.3rem; font-weight:300; color:#999; text-align:left; padding-left:1rem; }
section.pageHeader h4.proc {margin-left:0!important; padding:0!important; text-align:right!important;}
section.pageHeader h4.proc div {float:left; width:5.5rem; margin-right:1rem; }
section.pageHeader h4.proc div img {width:100%; }
section.pageHeader h4.proc strong {display:block; color:#444; font-size:1.9rem; padding:.2rem 0 0 0; font-weight: lighter }
section.pageHeader h4.proc span {display:block; color:#999; margin:0; padding:0; }
section.pageHeader h5 {text-align:left; margin-bottom:0; }
section.pageHeader h5 span {font-size:1.3rem; font-weight:300; color:#999; text-align:left; padding-left:1rem; }

@media only screen and (max-width: 76.8rem) {
	section.pageHeader h4 span {display:block; padding-left:0; }
}

/* @ 페이징 */
.cd-pagination {width:100%; margin:2rem auto 4rem; text-align:center; }
.cd-pagination li {display:inline-block; }
.cd-pagination a,
.cd-pagination span {display:inline-block; font-size:1.2rem; padding:.4rem 1.1rem; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.cd-pagination a {border:solid .1rem #e6e6e6; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; }
.no-touch .cd-pagination a:hover {background:#f2f2f2;	}
.cd-pagination a.disabled {color:#ccc; pointer-events:none; }
.cd-pagination .active {background:#33c3f0; border-color:#33c3f0; color:#fff; pointer-events:none; }

@media only screen and (max-width: 76.8rem) {
	.cd-pagination {width:100%; margin:2rem auto 4rem; text-align:center; }
	.cd-pagination li {display:none; margin:0 .2rem; }
	.cd-pagination li.button2 {display:inline-block; }
}

/* @ 별점 */
.ratingMark {}
.ratingMark:after {content: ""; display:table; clear:both; }
.rStar {float:left; }
.rStar.disabled {-webkit-pointer-events:none; -moz-pointer-events:none; pointer-events:none; }
.rStar:not(:checked) > input {display:none;  }
.rStar:not(:checked) > label {float:right; color:#999; cursor:pointer; padding-right:.1rem; overflow:hidden; white-space:nowrap; }
.rStar:not(:checked) > label:before {content:"★"; font-size:1.3rem; }
.rStar > input:checked ~ label {color:#33c3f0; }
.rStar:not(:checked) > label:hover,
.rStar:not(:checked) > label:hover ~ label {color:#33c3f0; }
.rStar > input:checked + label:hover,
.rStar > input:checked + label:hover ~ label,
.rStar > input:checked ~ label:hover,
.rStar > input:checked ~ label:hover ~ label,
.rStar > label:hover ~ input:checked ~ label {color:#33c3f0; }
.rMark {float:left; margin-left:1rem; }










/* @ 인덱스 메인슬라이드 */
/* 이미지 사이즈 가로 1100 세로 460*/
.mainVisual .owl-carousel {height:46rem; overflow:hidden;width:58%;margin:0px auto; min-width:1100px;}
/*@media only screen and (max-width:1200px) {
	.mainVisual .owl-carousel {height:35rem; width:60%;}
}*/
/* 1444 */
/* 1rem = 16px */
/*@media only screen and (max-width: 76.76rem) {
	.mainVisual .owl-carousel {height:40rem; width:90%; min-height:40rem;}
}*/
/* 가로픽셀 1024 */
@media only screen and (max-width:64rem) {
	.mainVisual .owl-carousel {height:60%; width:100%; min-width: 10px;}
}
/*@media only screen and (min-width: 40rem) {

	.mainVisual .owl-carousel {height:30rem; width:85%;}
}*/
h3.listTit {width:30%;line-height:9.0rem;font-size: 3.0rem;text-align:center; padding:0; color:#0b0b0b; margin-top:0rem; margin-bottom:5rem; font-weight: lighter;display: block;float:left;}

/* @ 인덱스 신상품 */
/* listType1 : 가격과 담기가 나오는 기본형 */
/*.listType1_img{
	position: relative;
	width:15rem;
	height:15rem;
	border:1px solid;
}*/
.listType1 > div {position:relative; margin-bottom:4%; text-align:center; font-size:1.4rem; border:solid .1rem #ddd; padding:1%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;  max-height:30.5rem; }
.listType1 > div:hover {border:solid .1rem #000; }
.listType1 > div:nth-child(4n+1) {margin-left:0; }
.listType1 .icon {position:absolute; top:1.4rem; left:1.5rem; padding:0; }
.listType1 .icon span {display:inline-block; background:red; color:#fff; font-size:1.1rem; border-radius:.2rem; -webkit-border-radius:.2rem; -moz-border-radius:.2rem; -o-border-radius:.2rem; -ms-border-radius:.2rem; padding:.3rem .3rem .1rem .3rem; }
.listType1 .icon span.icoNew {background:#33c3f0; }
.listType1 .icon span.icoRec {background:#f49417; }
.listType1 .icon span.icoBest {background:#1bbc9b; }
.listType1 .icon span.icoSale{background:#dd6dc7; }
.listType1 .icon span.icoSold {background:#e54c42; }
.listType1 > div img {width:100%}
.listType1 p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.listType1 p span {display:block; font-size:1.5rem; font-weight:700; }
.listType1 a.gocart {display:block; width:13rem; height:2.6rem; line-height:2.6rem; border:solid .1rem #ddd; border-radius:3rem; -webkit-border-radius:3rem; -moz-border-radius:3rem; -o-border-radius:3rem; -ms-border-radius:3rem; font-size:1.2rem; margin:1rem auto 0; }
.listType1 a.gocart:hover {background:#000; border:solid .1rem #000; color:#fff; }
@media only screen and (max-width: 768px) {
	.listType1 div {padding:3%; }
	.listTit_hr1,.listTit_hr2{width:25%;}
}

.bestTit {float:left; width:27.4rem; height:55.2rem; background:url(../images/bg_bestitem.png) no-repeat; }
.bestList {float:left; width:82.5rem; }

.listType2 div.list {position:relative; width:33.333333%; margin:0; padding:0; font-size:1.4rem; text-align:center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.listType2 div.list img {width:100%; }
.listType2 div.list:hover div.over {display:block; }
.listType2 div.over {display:none; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; background:rgba(0,0,0,.7); }
.listType2 p {width:80%; margin:0 auto; padding-top:40%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.listType2 p a {color:#fff; }
.listType2 p span {display:block; font-size:1.5rem; font-weight:700; }
.listType2 a.gocart {display:block; width:13rem; height:2.6rem; line-height:2.6rem; color:#fff; border:solid .1rem #ddd; border-radius:3rem; -webkit-border-radius:3rem; -moz-border-radius:3rem; -o-border-radius:3rem; -ms-border-radius:3rem; font-size:1.2rem; margin:1rem auto 0; }
.listType2 a.gocart:hover {background:#000; border:solid .1rem #000; color:#fff; }

@media only screen and (max-width: 1024px) {
	.bestTit {float:none; width:100%; height:6rem; background:none; }
	.bestList {float:none; width:100%; }
}
@media only screen and (max-width: 768px) {
	.bestTit {height:4rem; }
	.bestList {border:0; }
	.listType2 div.list {width:100%; margin-bottom:4%; padding:0%; }
	.listType2 p {width:80%; margin:0 auto; padding-top:40%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	.listType2 p span {display:block; font-size:1.5rem; font-weight:700; }
	.listType2 a.gocart {display:block; width:13rem; height:2.6rem; line-height:2.6rem; color:#fff; border:solid .1rem #ddd; border-radius:3rem; -webkit-border-radius:3rem; -moz-border-radius:3rem; -o-border-radius:3rem; -ms-border-radius:3rem; font-size:1.2rem; margin:1rem auto 0; }
	.listType2 a.gocart:hover {background:#000; border:solid .1rem #000; color:#fff; }
}

.listType3 p {width:80%; margin:0 auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align:center;}
.listType3 p span {display:block; font-size:1.5rem; font-weight:700;}
.listType3 a.gocart {display:block; width:13rem; height:2.6rem; line-height:2.6rem; color:#000; border:solid .1rem #ddd; border-radius:3rem; -webkit-border-radius:3rem; -moz-border-radius:3rem; -o-border-radius:3rem; -ms-border-radius:3rem; font-size:1.2rem; margin:1rem auto ; text-align:center;}
.listType3 a.gocart:hover {background:#00a54f; border:solid .1rem #00a54f; color:#fff; }
.listType3 .item{border:1px solid #ebebeb;margin-left:1rem; height:42rem;}
.item .p_img{display: block;border-bottom:1px solid #ebebeb;width:85.2%;margin:auto;margin-bottom:2rem;}
.item .p_img .img{width:28rem; height:28rem; margin:0rem auto;}

section.listType3 { margin-top:5%; margin-bottom:5%;}

/*
@media only screen and (max-width: 768px) {
	section.listType3 {margin-top:0; }
	.listType3 .item{border:1px solid #ebebeb;margin-left:1rem; height:28rem;}
	.item .p_img{display: block;border-bottom:1px solid #ebebeb;width:80%;margin:auto;margin-bottom:2rem;}
	.item .p_img .img{width:10rem; height:10rem; margin:3.5rem auto;}
	h3.listTit {text-align:center; padding:0; color:#a40f17; margin-top:4rem; margin-bottom:2rem;}
}
*/









/* @ 서브페이지 공통 */
section.stage {margin-top:0rem; }

/* @ 제품 카테고리 */
.procCategory {border:solid .3rem #999; }
.procCategory .col {padding:2rem; }
.procCategory label {display:inline-block; margin-right:2rem; font-size:1.2rem; }
.procCategory label input {margin-bottom:0; }
.align {margin-bottom:1rem; width:40%;float:left;text-align: right;margin-top:5rem;}
.align .small {display:inline-block; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:.3rem 1rem; text-align:center; background:#dde2e6; color:#333; }

@media only screen and (max-width: 76.8rem) {
.procCategory label {display:block; }
}


/* @ 제품페이지 */

/* 제품 대표이미지 슬라이드*/
.productImg img {width:100%; height:auto;}

/* 제품 테이블 re-setting */
table.detailItem {width:100%; }
table.detailItem th {width:30%; border:0; padding:0 1rem; text-align:left; vertical-align:middle; }
table.detailItem td {width:70%; border:0; padding:.5rem 1rem; text-align:left; vertical-align:middle; }
table.detailItem input,
table.detailItem button,
table.detailItem {margin:0; }

/* 제품 가격 */
table.procInfo tr.itemName td {font-size:2.6rem; font-weight:700; }
table.procInfo tr.itemPrice td span {color:#999; text-decoration:line-through; padding-right:1.5rem; }
table.procInfo tr.itemPrice td strong {color:#262626; font-size:2.4rem; }

/* 제품 배송 */
table.procPost tr.itemPost {}
table.procPost tr.itemPostprice {}

/* 제품 수량 */
table.procQty .noSpinnerBig a {display:block; width:3.8rem; height:3.8rem; line-height:3.8rem; border:solid 0.1rem #d1d1d1; text-align:center; cursor:pointer; }
table.procQty .noSpinnerBig a.qtyMinus {float:left; border-top-left-radius:.3rem; -webkit-border-bottom-left-radius:.3rem; }
table.procQty .noSpinnerBig a.qtyPlus {float:left; border-top-right-radius:.3rem; -webkit-border-bottom-right-radius:.3rem;}
table.procQty .noSpinnerBig input {float:left; width:6rem; height:3.8rem; background-color:#fff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border:solid .1rem #d1d1d1; border-left:0; border-right:0; box-shadow:none; margin:0; text-align:center; }

/* 제품 옵션박스 */
table.procOpt select {width:100%; margin:0; padding:0; }
table.procOpt table.selectedItem td {font-size:1.2rem; }
table.procOpt table.selectedItem td:nth-child(1) {width:50%; }
table.procOpt table.selectedItem td:nth-child(2) {width:30%; }
table.procOpt table.selectedItem td:nth-child(3) {width:20%; }
table.procOpt table.selectedItem td:nth-child(4) {width:10%; }
table.procOpt table.selectedItem .noSpinnerSmall a {display:block; width:2rem; height:2rem; line-height:2rem; border:solid .1rem #d1d1d1; text-align:center; cursor:pointer; }
table.procOpt table.selectedItem .noSpinnerSmall a.qtyMinusO {float:left; border-top-left-radius:.3rem; -webkit-border-bottom-left-radius:.3rem; }
table.procOpt table.selectedItem .noSpinnerSmall a.qtyPlusO {float:left; border-top-right-radius:.3rem; -webkit-border-bottom-right-radius:.3rem;}
table.procOpt table.selectedItem .noSpinnerSmall input {float:left; width:3rem; height:2rem; line-height:2rem; background-color:#fff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border:solid .1rem #d1d1d1; border-left:0; border-right:0; box-shadow:none; margin:0; text-align:center; font-size:1rem; }

/* 제품 총 가격 */
table.procPrice td {color:#262626; font-size:3rem; text-align:right; font-weight:700; }

/* 제품 버튼 */
table.procBtn td {text-align:center; }
table.procBtn button {width:32%; text-align:center; padding:0;}

@media only screen and (max-width: 76.8rem) {
	table.procOpt table.selectedItem .noSpinnerSmall a {display:block; width:2rem; height:2rem; line-height:2rem; border:solid .1rem #d1d1d1; text-align:center; cursor:pointer; }
	table.procOpt table.selectedItem .noSpinnerSmall a.qtyMinusO {float:left; border-top-left-radius:.3rem; -webkit-border-bottom-left-radius:.3rem; }
	table.procOpt table.selectedItem .noSpinnerSmall a.qtyPlusO {float:left; border-top-right-radius:.3rem; -webkit-border-bottom-right-radius:.3rem;}
	table.procOpt table.selectedItem .noSpinnerSmall input {float:left; width:2rem; height:2rem; line-height:2rem; background-color:#fff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border:solid .1rem #d1d1d1; border-left:0; border-right:0; box-shadow:none; margin:0; padding:0; text-align:center; font-size:1rem; }
}

/* 제품 상세페이지 */
.procDetail {color:#777; }
.procDetail h4 {color:#262626; }
.procDetail h6 {color:#262626; margin-bottom:2rem; }
.procDetail img {width:100%; max-width:110rem; margin-bottom:1rem; text-align:center; }
.procDetail .common {color:#777; font-size: 1.3rem; line-height:2rem; }
.procDetail li {color:#777; font-size: 1.3rem; line-height:1.4rem; }
.procDetail ul li {list-style-type:disc; list-style-position:inside; }

/* 제품 관련제품 */
section.procRelated {margin-top:10rem; }

@media only screen and (max-width: 76.8rem) {
	section.procRelated {margin-top:5rem; }
}

/* 제품 리뷰헤더 */
.procReview h4 span {color:#777; font-size:1.3rem; padding-left:1rem; }
.procReview div:nth-child(2) {margin-top:3.5rem; text-align:right; }
.procScore {border:solid .1rem #e1e1e1; }
.procScore .col {padding:2rem; }
.procScore .average span:nth-child(1) {display:block; background:#262626; color:#fff; font-size:4rem; text-align:center; }
.procScore .average span:nth-child(2) {display:block; color:#777; font-size:1.3rem; text-align:center; padding-top:.5rem; }
.procScore .rate p {margin:0; padding:0; }
.procScore .rate .star {display:inline-block; width:15%; font-size:1.3rem; }
.procScore .rate .graph {display:inline-block; position:relative; width:85%; line-height:normal; white-space:nowrap; }
.procScore .rate .graph .bar {position:relative; display:inline-block; width:90%; height:1.4rem; margin:0 0.5rem 0 0; background:#f4f4f4; font-size:1.1rem; }
.procScore .rate .graph .act {display:inline-block; position:absolute; top:0; left:0; height:1.4rem; margin:-0.1rem; background:#33c3f0; }
.procScore .rate .graph .num {display:inline-block; width:10%; font-size:1.2rem; color:#777; }
.procScore .rate .like {display:block; padding-top:1rem; font-size:1.3rem; }
.procScore .rate .like strong {color:#33c3f0; }
.procScore .thumb {border-left:solid .1rem #e1e1e1; }
.procScore .thumb ul {margin:0; padding:0; }
.procScore .thumb li {float:left; width:31.33333%; margin:1%; }
.procScore .thumb li img {width:100%; overflow:hidden; }
.procScore .thumb a {display:block; text-align:center; font-size:1.2rem; cursor:pointer; margin:0; padding:0; }

/* 제품 리뷰종류 */
.procReviewCate {margin-bottom:2rem; }
.procReviewCate ul {margin:0; padding:0; }
.procReviewCate li {float:left; list-style:none; margin:0; padding:0; margin-right:2rem; }
.procReviewCate li a {color:#777; }
.procReviewCate li a.active {color:#222; font-weight:700; }

/* 제품 리뷰 */
.procReviewArticle {margin-bottom:2rem; padding-top:3rem; }
.procReviewArticle .write-info {border:solid .1rem #e1e1e1; }
.procReviewArticle .write-info span {display:block; font-size:1.2rem; padding:1rem; border-bottom:solid .1rem #e1e1e1; }
.procReviewArticle .write-info span:last-child {border-bottom:0; }
.procReviewArticle ul.rated {float:left; margin:0; padding:0; margin-right:1rem; }
.procReviewArticle ul.rated li {float:left; font-size:1.3rem; color:#999; line-height:1.5rem; }
.procReviewArticle ul.rated li.active i.fa {color:#33c3f0;}
.procReviewArticle span.useul-reply span {display:none; }
.procReviewArticle span.useul-reply span.active {display:inline-block; }
.procReviewArticle span.useul-reply {float:left; display:block; color:#777; font-size:1.2rem; line-height:1.5rem; }
.procReviewArticle span.useul-reply strong {color:#000; }
.procReviewArticle p.wcontents {width:70%; font-size:1.3rem; margin-top:1rem; }
.procReviewArticle p.wcontents a {display:block; font-weight:700; color:#33c3f0;}
.procReviewArticle ul.wsummary li {float:left; width:15rem; margin:1rem; }
.procReviewArticle ul.wsummary li:nth-child(4n+1) {clear:left; }
.procReviewArticle ul.wsummary li img {width:100%; }

/* 제품 리뷰 댓글 */
.procReviewArticle .reply-open {}
.procReviewArticle .reply-open ul {float:left; }
.procReviewArticle .reply-open li a {color:#33c3f0; font-weight:700; font-size:1.3rem; }
.procReviewArticle .reply-open span {color:#777; font-size:1.3rem; margin-right:2rem; margin-left:2rem; }
.procReviewArticle .reply-open a.voteY {display:inline-block; width:5rem; font-size:1.2rem; border:solid .1rem #e1e1e1; text-align:center; margin-right:1rem; }
.procReviewArticle .reply-open a.voteN {display:inline-block; width:5rem; font-size:1.2rem; border:solid .1rem #e1e1e1; text-align:center; margin-right:1rem; }
.procReviewArticle .reply-open a.voteT {display:inline-block; width:3rem; color:#fff; font-size:1.2rem; background:#5e5e5e; border:solid .1rem #5e5e5e; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem;  text-align:center; margin-right:1rem; }
.procReviewArticle .reply-open a.voteMy {display:inline-block; width:3rem; color:#fff; font-size:1.2rem; background:#e54c42; border:solid .1rem #e54c42; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem;  text-align:center; margin-right:1rem; }
.procReviewArticle .reply {border:solid .1rem #e1e1e1; padding:1rem; margin-bottom:2.5rem; }
.procReviewArticle .reply table.comment th {width:10%; border-top:0; border-bottom:solid .1rem #eee;  font-size:1.3rem; vertical-align:top; }
.procReviewArticle .reply table.comment td {width:90%; color:#777; font-size:1.2rem; text-align:left; vertical-align:top; }
.procReviewArticle .reply input[type="text"] {float:left; width:100%; margin:0; border:solid .1rem #e1e1e1; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; font-size:1.3rem; }
.procReviewArticle .reply input[type="button"] {width:100%; margin:0; border:solid .1rem #e1e1e1; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; }

@media only screen and (max-width : 76.8rem){
	.procReview h4 span {display:block; padding-left:0; }
	.procReview div:nth-child(2) {text-align:center; }
	.procScore .thumb {border-left:0; }
	.procReviewArticle .write-info {margin-bottom:2rem; }
	.procReviewArticle p.wcontents {width:100%; }
	.procReviewArticle ul.wsummary li {width:43%; }
	.procReviewArticle ul.wsummary li:nth-child(2n+1) {clear:left; }
	.procReviewArticle ul.wsummary li img {width:100%; }
	.procReviewArticle .reply-open ul {float:none; margin-bottom:0; }
	.procReviewArticle .reply-open span {display:block; margin-left:0; }
	.procReviewArticle .reply {margin-top:2rem; }
	.procReviewArticle .reply table.comment th {width:20%; }
	.procReviewArticle .reply table.comment td {width:80%; }
	.procReviewArticle .reply input[type="text"] {display:block; margin-bottom:0.5rem; }
	.procReviewArticle .reply input[type="button"] {display:block; width:100%; margin:0; border:solid .1rem #e1e1e1; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; }
}

/* 제품 문의 */
.procQna h4 span {color:#777; font-size:1.3rem; padding-left:1rem; }
.procQna .item-write {margin-top:3.5rem ;text-align:right; }

@media only screen and (max-width : 76.8rem){
	.procQna h4 span {display:block; padding-left:0; }
	.procQna div:nth-child(2) {text-align:center; }
	.procQna .item-write {margin-top:0; }
}










/* @ 가입폼 */

/* 가입폼 약관동의 */
section.join {}
.join .ag {margin-bottom:3rem; }
.join textarea {width:100%; font-size:1.3rem; color:#444; }
.join input[type="checkbox"] {display:none; margin:1rem; }
.join input[type="checkbox"] + label {display:inline-block; color:#fff; font-size:1.2rem; background: #ccc; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; margin:-.2rem; padding: .7rem 2rem; cursor:pointer; }
.join input[type="checkbox"]:checked + label { background-image: none; background-color:#3299db; }

/* 가입폼 인증 */
.certification .col6 {border:solid .1rem #d1d1d1; padding:0 0rem 1rem; text-align:center; }
.certification .col6 > h5 {text-align:center;}
.certification .col6 > h5 span {border-bottom:solid .1rem #d1d1d1; }
.certification .col6 > i {font-size:9rem; }

@media only screen and (max-width: 76.8rem) {
	.certification .col6:first-child {margin-bottom:1rem; }
}

/* 가입폼 회원정보입력 */
.radioSex {border:solid .1rem #d1d1d1; border-radius:.4rem; -webkit-border-radius:.4rem; -moz-border-radius:.4rem; -o-border-radius:.4rem; -ms-border-radius:.4rem; margin-bottom:1rem; }
.member input[type="radio"] {margin:1rem; }
.member input[type="radio"] + label {display:inline-block; }
.member .addr1 {width:10%;}
.member .addr2 {width:30%;}
.member .email {width:60%;}

@media only screen and (max-width: 76.8rem) {
	.member .addr1 {width:20%;}
	.member .addr2 {width:100%;}
}

/* 로그인 */
section.login {}
.logtype .col6 {border:solid .1rem #d1d1d1; padding:1rem 2rem; }
.logtype .selType {margin:2rem 0 3rem 0; }
.login input[type="radio"] {display:none; margin:1rem; }
.login input[type="radio"] + label {display:inline-block; color:#fff; font-size:1.2rem; background: #ccc; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; margin:-.2rem; padding: .7rem 2rem; cursor:pointer; }
.login input[type="radio"]:checked + label { background-image: none; background-color:#3299db; }
/* 회원 */
.login .typeM {}
/* 비회원 주문조회 */
.login .typeNM {display:none; }
.login .typeNM p {font-size:1.2rem; }
/* 비회원 주문진행 */
.login .typeNMB {display:none; }
.login .typeNMB p {font-size:1.2rem; }
.login .typeNMB input[type="checkbox"] {display:none; margin:1rem; }
.login .typeNMB input[type="checkbox"] + label {display:inline-block; color:#fff; font-size:1.2rem; background: #ccc; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; margin:-.2rem; padding: .7rem 2rem; cursor:pointer; }
.login .typeNMB input[type="checkbox"]:checked + label { background-image: none; background-color:#3299db; }
.login .typeNMB .agreeNMB {border:solid .1rem #ddd; padding:1rem; margin-bottom:1rem; }
.login .typeNMB .agreeNMB a {font-size:1.3rem; }
.login .typeNMB .agreeNMB div {float:right; }
.login .typeNMB .alert {/*display:none;*/ color:#ff0000; font-size:1.2rem; margin-top:.5rem; text-align:center; }

@media only screen and (max-width: 76.8rem) {
	section.login .xs-hidden {display:none; }
}

/* 아이디 비번 찾기 */
section.findidpw {}

@media only screen and (max-width: 76.8rem) {
	section.findidpw .idbox {margin-bottom:5rem; }
}











/* @ 마이페이지 인덱스페이지 */
section.mypage {margin-top:5rem; }
section.service {margin-top:5rem; }
p.title-small {margin:0; margin-bottom:1rem; }


/* 마이페이지 인덱스페이지 - 기본정보 */
.mypageInfo .col.col6 div{border:solid .1rem #ddd; padding:1rem; }
.mypageInfo table th {width:30%; border-top:0; border-bottom:solid .1rem #eee; font-size:1.3rem; padding:0 .5rem; text-align:left; }
.mypageInfo table tr:last-child th {border-bottom:0; }
.mypageInfo table td {width:70%; font-size:1.3rem; text-align:left; }
.mypageInfo table tr:last-child td {border-bottom:0; }

@media only screen and (max-width : 76.8rem) {
	.mypageInfo .col.col6:last-child {margin:1rem 0 5rem 0; }
}

/* 마이페이지 인덱스페이지 - 주문리스트 */
table.myOrder th:nth-child(1) {width:10%; }
table.myOrder th:nth-child(2) {width:15%; }
table.myOrder th:nth-child(3) {width:45%; }
table.myOrder th:nth-child(4) {width:15%; }
table.myOrder th:nth-child(5) {width:15%; }
table.myOrder td a:hover {text-decoration:underline; }
table.myOrder td dl {margin:0; padding:0; }
table.myOrder td dl:after {content: ""; display:table; clear:both; }
table.myOrder td dt,
table.myOrder td dd {margin:0; padding:0; }
table.myOrder td dt {float:left; width:5rem; }
table.myOrder td dt img {width:100%; }
table.myOrder td dd {text-align:left; margin-left:7rem; }
table.myOrder td.status span.act1 {display:block; width:50%; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:1.3rem 0; text-align:center; background:#dde2e6; color:#333; }
table.myOrder td.status span.act2 {display:block; width:50%; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:1.3rem 0; text-align:center; background:#1bbc9b; color:#fff; }
table.myOrder td.status span.act3 {display:block; width:50%; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:1.3rem 0; text-align:center; background:#3299db; color:#fff; }
table.myOrder td.status span.act4 {display:block; width:50%; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:1.3rem 0; text-align:center; background:#f5b432; color:#fff; }
@media only screen and (max-width: 76.8rem) {
	table.myOrder td.status {width:50%; }
	table.myOrder td.status span.act1,
	table.myOrder td.status span.act2,
	table.myOrder td.status span.act3,
	table.myOrder td.status span.act4{width:100%; }
}

/* 마이페이지 인덱스페이지 - 장바구니 */
table.myCart th:nth-child(1) {width:20%; }
table.myCart th:nth-child(2) {width:50%; }
table.myCart th:nth-child(3) {width:15%; }
table.myCart th:nth-child(4) {width:15%; }
table.myCart td a:hover {text-decoration:underline; }
table.myCart td dl {margin:0; padding:0; }
table.myCart td dl:after {content: ""; display:table; clear:both; }
table.myCart td dt,
table.myCart td dd {margin:0; padding:0; }
table.myCart td dt {float:left; width:5rem; }
table.myCart td dt img {width:100%; }
table.myCart td dd {text-align:left; margin-left:7rem; }

/* 마이페이지 인덱스페이지 - 관심상품 */
table.myWish th:nth-child(1) {width:20%; }
table.myWish th:nth-child(2) {width:60%; }
table.myWish th:nth-child(3) {width:20%; }
table.myWish td a:hover {text-decoration:underline; }
table.myWish td dl {margin:0; padding:0; }
table.myWish td dl:after {content: ""; display:table; clear:both; }
table.myWish td dt,
table.myWish td dd {margin:0; padding:0; }
table.myWish td dt {float:left; width:5rem; }
table.myWish td dt img {width:100%; }
table.myWish td dd {text-align:left; margin-left:7rem; }

/* @ 마이페이지 주문/배송조회 */
table.orderList th:nth-child(1) {width:10%; }
table.orderList th:nth-child(2) {width:18%; }
table.orderList th:nth-child(3) {width:45%; }
table.orderList th:nth-child(4) {width:15%; }
table.orderList th:nth-child(5) {width:15%; }
table.orderList td a:hover {text-decoration:underline; }
table.orderList td dl {margin:0; padding:0; }
table.orderList td dl:after {content: ""; display:table; clear:both; }
table.orderList td dt,
table.orderList td dd {margin:0; padding:0; }
table.orderList td dt {float:left; width:5rem; }
table.orderList td dt img {width:100%; }
table.orderList td dd {text-align:left; margin-left:7rem; }
table.orderList td.status span {display:block; width:50%; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:.3rem 0; text-align:center; }
table.orderList td.status button {display:block; width:50%; margin:0 auto; font-size:1.2rem; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:0; text-align:center; }
table.orderList td.status span.act1 {background:#dde2e6; color:#333; }
table.orderList td.status span.act2 {background:#1bbc9b; color:#fff; }
table.orderList td.status span.act3 {background:#3299db; color:#fff; }
table.orderList td.status span.act4 {background:#262626; color:#fff; }
table.orderList td.status button.act4 {background:#262626; color:#fff; }

@media only screen and (max-width: 76.8rem) {
	table.orderList td.status {width:50%; }
	table.orderList td.status span.act1,
	table.orderList td.status span.act2,
	table.orderList td.status span.act3,
	table.orderList td.status span.act4{width:100%; }
}

/* @ 마이페이지 장바구니 */
table.cartList td.itemChk input {margin:0; padding:0; }
table.cartList td.cartitem {text-align:left; }
table.cartList td.cartitem span {display:inline-block; }
table.cartList td.cartitem span.img {width:5rem; }
table.cartList td.cartitem span.img img {width:100%; }
table.cartList td.cartitem span.name {margin-left:1rem; vertical-align:top; }
table.cartList .addoption {margin:1rem 0 0 0; }
table.cartList .addoption li {background:#fafafa; border:solid .1rem #ddd; margin-bottom:.2rem; padding:1rem; }
table.cartList .addoption li div {float:left; }
table.cartList .addoption li div.oname {float:left; }
table.cartList .addoption li div.oqty {float:right; }

table.cartList td dl {margin:0; padding:0; }
table.cartList td dl:after {content: ""; display:table; clear:both; }
table.cartList td dt,
table.cartList td dd {margin:0; padding:0; }
table.cartList td dt {float:left; width:5rem; }
table.cartList td dt img {width:100%; }
table.cartList td dd {text-align:left; margin-left:7rem; }
table.cartList td.status a.act3 {display:block; width:50%; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:.3rem 0; text-align:center;background:#1bbc9b; color:#fff; }

table.cartList td .input1 {width:10%;}
table.cartList td .input2 {width:30%;}
table.cartList td .input3 {width:60%;}


table.cartList .addoption .noSpinnerSmall {text-align:center; }
table.cartList .addoption .noSpinnerSmall a {display:block; width:2rem; height:2rem; line-height:2rem; border:solid .1rem #d1d1d1; background:#fff; text-align:center; cursor:pointer; }
table.cartList .addoption .noSpinnerSmall a.qtyMinusO {float:left; border-top-left-radius:.3rem; -webkit-border-bottom-left-radius:.3rem; }
table.cartList .addoption .noSpinnerSmall a.qtyPlusO {float:left; border-top-right-radius:.3rem; -webkit-border-bottom-right-radius:.3rem;}
table.cartList .addoption .noSpinnerSmall input {float:left; width:3rem; height:2rem; line-height:2rem; background-color:#fff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border:solid .1rem #d1d1d1; border-left:0; border-right:0; box-shadow:none; margin:0; text-align:center; font-size:1rem; }
table.cartList .addoption .noSpinnerSmall span {display:inline-block; padding:0 1rem; }
table.cartList .addoption .noSpinnerSmall a.odel {display:inline-block; }

table.cartList td.quantity .noSpinnerSmall {width:7.5rem; text-align:center; margin:0 auto; }
table.cartList td.quantity .noSpinnerSmall a {display:block; width:2rem; height:2rem; line-height:2rem; border:solid .1rem #d1d1d1; text-align:center; cursor:pointer; }
table.cartList td.quantity .noSpinnerSmall a.qtyMinusO {float:left; border-top-left-radius:.3rem; -webkit-border-bottom-left-radius:.3rem; }
table.cartList td.quantity .noSpinnerSmall a.qtyPlusO {float:left; border-top-right-radius:.3rem; -webkit-border-bottom-right-radius:.3rem;}
table.cartList td.quantity .noSpinnerSmall input {float:left; width:3rem; height:2rem; line-height:2rem; background-color:#fff; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border:solid .1rem #d1d1d1; border-left:0; border-right:0; box-shadow:none; margin:0; text-align:center; font-size:1rem; }
.cartTotal {background:#e8e8e8; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; margin-top:3rem; padding:2rem; }
.cartTotal dl {margin:0; padding:0; font-size:1.3rem; }
.cartTotal dl:after {content: ""; display:table; clear:both; }
.cartTotal dl dt, .cartTotal dl dd {margin:0; padding:0; }
.cartTotal dl dt {float:left; width:30%; }
.cartTotal dl dd {text-align:right; }
.cartTotal dl strong {font-size:1.6rem; }
.cartTotalbtn {margin-top:1rem; text-align:right; }

@media only screen and (max-width: 76.8rem) {
	table.cartList td.cartitem span {float:none; }
	table.cartList td.cartitem span.name {margin-left:0; }
	table.cartList .addoption li div {float:none; }
	table.cartList .addoption li div.oname {float:none;}
	table.cartList .addoption li div.oqty {float:none;}
	table.cartList td.quantity .noSpinnerSmall {width:7.5rem; text-align:center; margin:0; }

	table.myOrder td.status a.act3{width:100%; }

}


/* @ 마이페이지 관심상품 */
.wishEmpty {font-size:1.3rem; border-top:solid .1rem #eee; border-bottom:solid .1rem #eee; padding:1.5rem .5rem; text-align:center; }
.wishList > div {margin-bottom:4%; text-align:center; font-size:1.4rem; border:solid .1rem #ddd; padding:1%; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.wishList > div input {}
.wishList .col.col3 a.ab {display:block; }
.wishList > div:hover {border:solid .1rem #000; }
.wishList > div:nth-child(4n+1) {margin-left:0; }
.wishList > div img {width:100%; }
.wishList p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.wishList p span {display:block; font-size:1.5rem; font-weight:700; }
.wishList a.gocart {display:block; width:13rem; height:2.6rem; line-height:2.6rem; border:solid .1rem #ddd; border-radius:3rem; -webkit-border-radius:3rem; -moz-border-radius:3rem; -o-border-radius:3rem; -ms-border-radius:3rem; font-size:1.2rem; margin:1rem auto 0; }
.wishList a.gocart:hover {background:#000; border:solid .1rem #000; color:#fff; }

@media only screen and (max-width: 76.8rem) {
	.wishList div {padding:3%; }
}

/* @ 마이페이지 반품내역 */
table.returnList td.returnitem {text-align:left; }
table.returnList td.returnitem span {display:block; float:left; }
table.returnList td.returnitem span.img {width:5rem; }
table.returnList td.returnitem span.img img {width:100%; }
table.returnList td.returnitem span.name {margin-left:1rem; }
table.returnList td.status {width:15%;  }
table.returnList td.status span {display:block; width:50%; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:.3rem 0; text-align:center; }
table.returnList td.status span.act1 {background:#dde2e6; color:#333; }
table.returnList td.status span.act2 {background:#1bbc9b; color:#fff; }
table.returnList td.status span.act3 {background:#262626; color:#fff; }
@media only screen and (max-width: 76.8rem) {
	table.returnList td.returnitem span {float:none; }
	table.returnList td.returnitem span.name {margin-left:0; }
	table.returnList td.status {width:50%; }
	table.returnList td.status span.act1,
	table.returnList td.status span.act2,
	table.returnList td.status span.act3 {width:100%; }
}

/* @ 마이페이지 환불내역 */
table.refundList td.returnitem {text-align:left; }
table.refundList td.returnitem span {display:block; float:left; }
table.refundList td.returnitem span.img {width:5rem; }
table.refundList td.returnitem span.img img {width:100%; }
table.refundList td.returnitem span.name {margin-left:1rem; }
table.refundList td.status {width:15%;  }
table.refundList td.status span {display:block; width:50%; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:.3rem 0; text-align:center; }
table.refundList td.status span.act1 {background:#dde2e6; color:#333; }
table.refundList td.status span.act2 {background:#1bbc9b; color:#fff; }
table.refundList td.status span.act3 {background:#262626; color:#fff; }
@media only screen and (max-width: 76.8rem) {
	table.refundList td.returnitem span {float:none; }
	table.refundList td.returnitem span.name {margin-left:0; }
	table.refundList td.status {width:50%; }
	table.refundList td.status span.act1,
	table.refundList td.status span.act2,
	table.refundList td.status span.act3 {width:100%; }
}

/* @ 마이페이지 적립금 */
.myPoint {display:block;background:#e8e8e8; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; font-size:1.3rem; margin-top:3rem; padding:2rem; text-align:center; }
.myPoint strong {font-size:1.7rem; }
table.pointList td.pointitem {text-align:left; }
table.pointList td.pointitem span {display:block; float:left; }
table.pointList td.pointitem span.img {width:5rem; }
table.pointList td.pointitem span.img img {width:100%; }
table.pointList td.pointitem span.name {margin-left:1rem; }

@media only screen and (max-width: 76.8rem) {
	table.pointList td.pointitem span {float:none; }
	table.pointList td.pointitem span.name {margin-left:0; }
}

/* @ 마이페이지 나의상품문의 리스트 */
table.myqnaList td.subject {text-align:left; }
table.myqnaList td.direct {padding-left:6.5rem; text-align:left; }
table.myqnaList td.subject span {display:block; float:left; }
table.myqnaList td.subject span.img {width:5rem; }
table.myqnaList td.subject span.img img {width:100%; }
table.myqnaList td.subject span.name {margin-left:1rem; }
table.myqnaList td.status span {display:block; width:50%; margin:0 auto; font-size:1.2rem; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:.3rem 0; text-align:center; }
table.myqnaList td.status span.act1 {background:#dde2e6; color:#333; }
table.myqnaList td.status span.act2 {background:#3299db; color:#fff; }

@media only screen and (max-width: 76.8rem) {
	table.myqnaList td.direct {padding-left:25%; }
	table.myqnaList td.subject span {float:none; }
	table.myqnaList td.subject span.name {margin-left:0; }
	table.myqnaList td.status {width:50%; }
	table.myqnaList td.status span.act1,
	table.myqnaList td.status span.act2 {width:100%; }
}

/* @ 마이페이지 나의상품문의 뷰 */
table.myqnaView th {font-size:1.8rem; text-align:left; padding:1.5rem; }
table.myqnaView th span {display:block; color:#999; font-size:1.3rem; font-weight:300;  }
table.myqnaView th .item {padding:.5rem; border:solid .1rem #eaeaea; }
table.myqnaView th .item span.img {display:block; float:left; width:5rem; color:#fff; margin-right:1rem; }
table.myqnaView th .item span.img img {width:100%; }
table.myqnaView th .item span.name {color:#262626; }
table.myqnaView td {text-align:left; padding:1.5rem; font-size:1.4rem; }
.bbsBtnbox {margin-top:3rem; text-align:center; }

/* @ 마이페이지 나의상품문의 쓰기 */
table.myqnaWrite th {font-size:1.8rem; text-align:left; padding:1.5rem; }
table.myqnaWrite th select {font-size:1.5rem; font-weight:300; }
table.myqnaWrite th input[type="text"] {font-size:1.5rem; font-weight:300; }
table.myqnaWrite th .item {padding:.5rem; border:solid .1rem #eaeaea; }
table.myqnaWrite th .item span.img {display:block; float:left; width:5rem; color:#fff; margin-right:1rem; }
table.myqnaWrite th .item span.img img {width:100%; }
table.myqnaWrite th .item span.name {color:#262626; font-size:1.3rem; font-weight:300; }
table.myqnaWrite td.contents {border:0; }
table.myqnaWrite td.attatch {padding-top:0; text-align:left; }



/* @ 마이페이지 나의상품후기 리스트 */
.myReviewList {margin-bottom:2rem; padding-top:3rem; }
.myReviewList .write-info {border:solid .1rem #e1e1e1; }
.myReviewList .write-info span {display:block; font-size:1.2rem; padding:1rem; border-bottom:solid .1rem #e1e1e1; }
.myReviewList .write-info span:last-child {border-bottom:0; }
.myReviewList ul.rated {float:left; margin:0; padding:0; margin-right:1rem; }
.myReviewList ul.rated li {float:left; font-size:1.3rem; color:#999; line-height:1.5rem; }
.myReviewList ul.rated li.active i.fa {color:#33c3f0;}
.myReviewList span.useul-reply span {display:none; }
.myReviewList span.useul-reply span.active {display:inline-block; }
.myReviewList span.useul-reply {float:left; display:block; color:#777; font-size:1.2rem; line-height:1.5rem; }
.myReviewList span.useul-reply strong {color:#000; }
.myReviewList p.wcontents {width:70%; font-size:1.3rem; margin-top:1rem; }
.myReviewList p.wcontents a {display:block; font-weight:700; color:#33c3f0;}
.myReviewList ul.wsummary li {float:left; width:15rem; margin:1rem; }
.myReviewList ul.wsummary li:nth-child(4n+1) {clear:left; }
.myReviewList ul.wsummary li img {width:100%; }
.myReviewList .reply-open {}
.myReviewList .reply-open ul {float:left; }
.myReviewList .reply-open li a {color:#33c3f0; font-weight:700; font-size:1.3rem; }
.myReviewList .reply-open span {color:#777; font-size:1.3rem; margin-right:2rem; margin-left:2rem; }
.myReviewList .reply-open a.voteY {display:inline-block; width:5rem; font-size:1.2rem; border:solid .1rem #e1e1e1; text-align:center; margin-right:1rem; }
.myReviewList .reply-open a.voteN {display:inline-block; width:5rem; font-size:1.2rem; border:solid .1rem #e1e1e1; text-align:center; margin-right:1rem; }
.myReviewList .reply-open a.voteT {display:inline-block; width:3rem; color:#fff; font-size:1.2rem; background:#5e5e5e; border:solid .1rem #5e5e5e; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem;  text-align:center; margin-right:1rem; }
.myReviewList .reply-open a.voteMy {display:inline-block; width:3rem; color:#fff; font-size:1.2rem; background:#e54c42; border:solid .1rem #e54c42; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem;  text-align:center; margin-right:1rem; }
.myReviewList .reply {border:solid .1rem #e1e1e1; padding:1rem; margin-bottom:2.5rem; }
.myReviewList .reply table.comment th {width:10%; border-top:0; border-bottom:solid .1rem #eee;  font-size:1.3rem; vertical-align:top; }
.myReviewList .reply table.comment td {width:90%; color:#777; font-size:1.2rem; text-align:left; vertical-align:top; }
.myReviewList .reply input[type="text"] {float:left; width:100%; margin:0; border:solid .1rem #e1e1e1; border-radius:0; font-size:1.3rem; }
.myReviewList .reply input[type="button"] {width:100%; margin:0; border:solid .1rem #e1e1e1; border-radius:0; }
.myReviewList .item {padding:.5rem; border:solid .1rem #eaeaea; }
.myReviewList .item span.img {display:block; float:left; width:5rem; color:#fff; margin-right:1rem; }
.myReviewList .item span.img img {width:100%; }
.myReviewList .item span.name {color:#262626; font-size:1.3rem; font-weight:300; }

@media only screen and (max-width: 76.8rem) {
	.myReviewList .write-info {margin-bottom:2rem; }
	.myReviewList p.wcontents {width:100%; }
	.myReviewList ul.wsummary li {width:43%; }
	.myReviewList ul.wsummary li:nth-child(2n+1) {clear:left; }
	.myReviewList ul.wsummary li img {width:100%; }
	.myReviewList .reply-open ul {float:none; margin-bottom:0; }
	.myReviewList .reply-open span {display:block; margin-left:0; }
	.myReviewList .reply {margin-top:2rem; }
	.myReviewList .reply table.comment th {width:20%; }
	.myReviewList .reply table.comment td {width:80%; }
	.myReviewList .reply input[type="text"] {display:block; margin-bottom:0.5rem; }
	.myReviewList .reply input[type="button"] {display:block; width:100%; margin:0; border:solid .1rem #e1e1e1; border-radius:0; }
}

/* @ 마이페이지 나의상품후기 쓰기 */
table.myReviewWrite th {font-size:1.8rem; text-align:left; padding:1.5rem; }
table.myReviewWrite th select {font-size:1.5rem; font-weight:300; }
table.myReviewWrite th input[type="text"] {font-size:1.5rem; font-weight:300; }
table.myReviewWrite th .item {padding:.5rem; border:solid .1rem #eaeaea; }
table.myReviewWrite th .item span.img {display:block; float:left; width:5rem; color:#fff; margin-right:1rem; }
table.myReviewWrite th .item span.img img {width:100%; }
table.myReviewWrite th .item span.name {color:#262626; font-size:1.3rem; font-weight:300; }
table.myReviewWrite td .rating strong {font-size:1.4rem; }
table.myReviewWrite td.contents {border:0; }
table.myReviewWrite td.attatch {padding-top:0; text-align:left; }
table.myReviewWrite td.text-left {border-bottom:0; }

.attatch input[type="file"] {width:60%; padding:1rem .5rem; background:#fff; color:#000;margin-right:1rem; }
.attatch input[type="button"] {width:3.5rem; height:3rem; line-height:3rem; color:#fff; border:0;text-align:center; }
.attatch input[type="button"].attAdd {background:#666; }
.attatch input[type="button"].attMinus { background:#999; }

/* @ 마이페이지 주소록 */
table.adsList td.itemChk input {margin:0; padding:0; }
table.adsList td.postAds {text-align:left; }

table.adsList td.status {width:15%;  }
table.adsList td.status span {display:block; width:50%; margin:0 auto; font-size:1.2rem; font-weight:; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding:.3rem 0; text-align:center; }
table.adsList td.status span.act1 {background:#dde2e6; color:#333; margin-bottom:.5rem; }
table.adsList td.status span.act2 {background:#1bbc9b; color:#fff; }
table.adsList td.status span.act3 {background:#262626; color:#fff; }
.addAds {padding:1rem; background:#efefef; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; }
.addAds .addr1 {width:10%;}
.addAds .addr2 {width:30%;}
@media only screen and (max-width: 76.8rem) {
	table.adsList td.status {width:50%; }
	table.adsList td.status span.act1,
	table.adsList td.status span.act2,
	table.adsList td.status span.act3 {width:100%; }
	.addAds .addr1 {width:20%;}
	.addAds .addr2 {width:100%;}
}

/* @ 마이페이지 정보변경 */
.memberEdit .radioSex {border:solid .1rem #d1d1d1; border-radius:.4rem; -webkit-border-radius:.4rem; -moz-border-radius:.4rem; -o-border-radius:.4rem; -ms-border-radius:.4rem; margin-bottom:1rem; }
.memberEdit input[type="radio"] {margin:1rem; }
.memberEdit input[type="radio"] + label {display:inline-block; }
.memberEdit .addr1 {width:10%;}
.memberEdit .addr2 {width:30%;}
.memberEdit .email {width:60%;}
@media only screen and (max-width: 76.8rem) {
	.memberEdit .addr1 {width:20%;}
	.memberEdit .addr2 {width:100%;}
}

/* @ 마이페이지 회원탈퇴 */
.draw input[type="checkbox"] {display:none; margin:1rem; }
.draw input[type="checkbox"] + label {display:inline-block; color:#fff; font-size:1.2rem; background: #ccc; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; margin:-.2rem; padding: .7rem 2rem; cursor:pointer; }
.draw input[type="checkbox"]:checked + label { background-image: none; background-color:#3299db; }

.draw .radioDraw {border:solid .1rem #d1d1d1; border-radius:.4rem; -webkit-border-radius:.4rem; -moz-border-radius:.4rem; -o-border-radius:.4rem; -ms-border-radius:.4rem; margin-bottom:1rem; }
.draw .radioDraw label {font-size: 1.3rem; font-weight:300; }
.draw input[type="radio"] {margin:1rem; }
.draw input[type="radio"] + label {display:inline-block; }

/* @ 고객센터 뷰 */
table.serviceView th {font-size:1.8rem; text-align:left; padding:1.5rem; }
table.serviceView th span {display:block; color:#999; font-size:1.3rem; font-weight:300;  }
table.serviceView td {text-align:left; padding:1.5rem; font-size:1.4rem; }
table.serviceView td.eventImg img {margin:0 auto 1rem;max-width:100%}
table.serviceView th .item {padding:.5rem; border:solid .1rem #eaeaea; }
table.serviceView th .item span.img {display:block; float:left; width:5rem; color:#fff; margin-right:1rem; }
table.serviceView th .item span.img img {width:100%; }
table.serviceView th .item span.name {color:#262626; font-size:1.3rem; font-weight:300; }

/* @ 고객센터 쓰기 */
table.serviceWrite {}
table.serviceWrite th {font-size:1.8rem; text-align:left; padding:1.5rem; }
table.serviceWrite .serviceReviewWrite {font-size:1.3rem; margin-right:1rem; }
table.serviceWrite th select {font-size:1.5rem; font-weight:300; }
table.serviceWrite th input[type="text"] {font-size:1.5rem; font-weight:300; }
table.serviceWrite th .item {padding:.5rem; border:solid .1rem #eaeaea; }
table.serviceWrite th .item span.img {display:block; float:left; width:5rem; color:#fff; margin-right:1rem; }
table.serviceWrite th .item span.img img {width:100%; }
table.serviceWrite th .item span.name {color:#262626; font-size:1.3rem; font-weight:300; }
table.serviceWrite td.contents {text-align:left; }
table.serviceWrite td.contents .label{float:left;margin-right:1rem;padding:0.7rem;font-weight:bold;}
table.serviceWrite td.contents input[type="checkbox"] {margin:1rem; }
table.serviceWrite td.contents label + input[type="checkbox"] {display:inline-block; }
table.serviceWrite td.contents .secretpw {margin-left:1rem; height:2.5rem; }
table.serviceWrite td.attatch {padding-top:0; text-align:left; }
table.serviceWrite label.error {font-size:1.5rem!important;margin-left:10px}

@media only screen and (max-width: 76.8rem) {
	table.serviceWrite .serviceReviewWrite {display:block; }
	table.serviceWrite th select {width:31%; }

}

/* @ 고객센터 FAQ */
.accordionTable {border-top:solid .2rem #333; padding-top:1rem; }
.accordion li {margin: 0 0 .5rem 0; }
.accordion li:last-child {margin-bottom:0; }
.accordion li .accordion-head {position:relative; background:#fff; border:solid .1rem #d1d1d1; cursor:pointer; font-size:1.3rem; padding:1rem 3rem 1rem 1rem; }
.accordion li:last-child .accordion-head {border-bottom:solid .1rem #d1d1d1; }
.accordion li .accordion-head i {position:absolute; top:1.2rem; right:1rem; }
.accordion li .accordion-panel {background:#fff; border:solid .1rem #d1d1d1; border-top:0; padding:2rem; }
.accordion li .accordion-head.active {background:#f1f1f1; }

/* @ 고객센터 이벤트 */
/*.event:first-child dt {margin-top:0; }*/
.event dt {margin-top:2rem; }
.event dt img {width:100%; }
.event dd {border:solid .1rem #d1d1d1; border-top:0; font-size:1.3rem;margin:0; padding:1.4rem; }
.event dd strong {margin-right:1rem; }
.event dd span {font-size:1.3rem; color:#777; margin-left:1rem; font-style:italic; }

/* @ 검색 */
h4.schNone {color:#999; font-size:2rem; font-weight:normal; margin:0; padding:0; }
h4.schNone span {display:block; }
h4.schNone span i {font-size:5rem; }
@media only screen and (max-width: 76.8rem) {
	.schNone span {font-size:3rem; }
}

/* @ 이용약관, 개인정보 */
.lastupdte {font-size:1.1rem; text-align:right; font-style:italic; }

/* @ 주문 */
.order h6 {margin-bottom:1rem; }
.order h6 span {color:#1bbc9b; }
.order h6.bottom {border-bottom:solid .2rem #444; margin-bottom:2rem; padding-bottom:1rem; }

.order .cartTotal {background:#e8e8e8; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; margin-top:3rem; padding:2rem; }
.order .cartTotal dl {margin:0; padding:0; font-size:1.3rem; }
.order .cartTotal dl:after {content: ""; display:table; clear:both; }
.order .cartTotal dl dt, .cartTotal dl dd {margin:0; padding:0; }
.order .cartTotal dl dt {float:left; width:30%; }
.order .cartTotal dl dd {text-align:right; }
.order .cartTotal dl strong {color:#e54c42; font-size:1.6rem; }
.order .cartTotalbtn {margin-top:1rem; text-align:right; }

.order .orderInfto label {font-size:1.3rem; }
.order .orderInfto i.red {color:#e54c42; }
.order .orderInfto i.gray {color:#ccc; }
.order .orderInfto input[type="radio"] {display:none; }
.order .orderInfto input[type="radio"] + label {display:inline-block; color:#fff; font-size:1.2rem; background: #ccc; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding: .7rem 2rem; cursor:pointer; }
.order .orderInfto input[type="radio"]:checked + label { background-image: none; background-color:#3299db; }

.order .orderInfto input[type="radio"]{display:none; }
.order .orderInfto input[type="radio"] + label.black {display:inline-block; color:#fff; font-size:1.2rem; background: #ccc; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -o-border-radius:.3rem; -ms-border-radius:.3rem; padding: .7rem 2rem; cursor:pointer; }
.order .orderInfto input[type="radio"]:checked + label.black { background-image: none; background-color:#262626; }
.order .orderInfto .receipt {border:solid .1rem #d1d1d1; border-radius:.4rem; -webkit-border-radius:.4rem; -moz-border-radius:.4rem; -o-border-radius:.4rem; -ms-border-radius:.4rem; margin-bottom:1rem; }
.order .orderInfto .receipt input[type="checkbox"] {margin:1rem; }
.order .orderInfto .receipt input[type="checkbox"] + label {display:inline-block; }

@media only screen and (max-width: 76.8rem) {
	.order .orderInfto .addressPost {width:30%; }
	.order .orderInfto input[type="radio"] + label {width:100%;}
}



/* @ 결제완료 */

.payment {}

.payment .col6 {border:solid .1rem #d1d1d1; padding:0 0 1rem; text-align:center; }
.payment .col6 > h5 {text-align:center;}
.payment .col6 > h5 span {border-bottom:solid .1rem #d1d1d1; }
.payment .col6 > i {font-size:9rem; }
.payment .col6 strong {color:#3299db; display:block; margin:1rem 0 3rem ; }

@media only screen and (max-width: 76.8rem) {
	.payment .col6:first-child {margin-bottom:1rem; }
}



/* @ 댓글 */
.commentbox > h6 {border-bottom:solid .2rem #444; font-size:1.6rem; margin:5rem 0 0 0 ; padding-bottom:1rem; }
.commentbox > ul {margin:0; padding:0; }
.commentbox > ul li {color:#777; font-size:1.3rem; border-bottom:solid .1rem #eee; margin:0; padding:1.5rem 1rem; }
.commentbox > ul li:first-child {border-top:solid .1rem #eee; }
.commentbox > ul li p {margin:0; padding:0; }
.commentbox > ul li p:nth-child(1) {margin-bottom:1rem; }
.commentbox > ul li p strong {color:#333; font-size:1.2rem; }
.commentbox > ul li p span {color:#777; font-size:1.1rem; margin-left:1rem; }
.commentbox .commentWrite {background:#fafafa; border:solid 1px #ddd; margin-top:3rem; padding:1rem;}
.commentbox .commentWrite strong {display:block; font-size:1.2rem; margin-bottom:1rem; }


/*이진하 추가*/
.agree {
	padding:.6rem 1rem;
	background-color:#fff;
	border:solid .1rem #d1d1d1;
	border-radius:.4rem;
	box-shadow:none;
	height:200px;
	overflow-y:scroll;
	margin-bottom:1.5rem;
}
.tiny p{margin-bottom:0rem !important;}


form label.error {
	display:inline-block;
	font-weight:normal;
	color: #dd4b39 !important;
}

.btn_small{height:2.8rem;line-height:2.8rem;padding:0 1rem;margin-bottom:0rem;font-size:1.1rem;}
.dspnone{display:none}
.cartblank{display:block; width:13rem; height:2.6rem;}
/*
.pointe*/


/* nkj 추가
 	원래 없던 레이어를 직접생성
 */

.mid_container{
	clear: both;
	width:100%;
	/*height:20rem;*/
	overflow: hidden;
}
.mid_container .mid_contents{
	width:50%;
	float:left;
	height:20rem;
}
.mid_container #middle1{
	background-image:url("/images/common/left_banner.png");
}
.mid_container #middle2{
	background-image:url("/images/common/right_banner.png");
}
.mid_container .mid_contents .mid_text1{
	width:57rem;
	height:20rem;
	margin-left:auto;
}
.mid_container .mid_contents .mid_text2{
	width:57rem;
	height:20rem;
	margin-right:auto;
}
.mid_text1_span1{
	width:23.5%;
	height:100%;
	float:left;
	margin-left:1rem;
}
.mid_text1_span_img {
	margin-left: 1rem;
	margin-top: 4.5rem;
	display: block;
	width: 11rem;
	height: 11rem;
	-webkit-border-radius: 5.2rem;
	-moz-border-radius: 5.2rem;
	border-radius: 5.2rem;

}
.mid_text1_span2{
	display: block;
	float:left;
	width:70%;
	height:100%;
}
.mid_text2_span{
	display: block;
	float:left;
	width:90%;
	height:100%;
	margin-left:30px;
}
.mid_text1_label{
	color:#e2e2e2;
	font-size:12px;
	font-weight: normal;
	width:100%;
	margin-bottom:0.1rem;
	cursor:pointer;
}
.mid_text1_label a{
	color:#e2e2e2;
}
.mid_text1_label2{
	color:#ffffff;
	font-size:12px;
	font-weight: normal;
}
.mid_text1_label2:first-child{
	color:#ffffff;
	font-size:24px;
	font-weight: normal;
	margin-top:4.5rem;
}





/* 바른소면 */

.mainVisual .col {background-color:#e1e1e1}
.back{
	margin-top:3%;
	width:100%;
	text-align: center;
	overflow: hidden;
}
.bottom_container h5{font-weight: lighter;margin-bottom: 0;}
.bottom_container h2{margin-top:0;}
.bottom_container{
	width:100%;
	height:auto;
	text-align: center;
	min-width:1100px;
	max-width:1100px;
	margin:0 auto;
}

.bottom_container_in{
	width: 33.3%;
	float:left;
	overflow: hidden;


	cursor: pointer;
}
.con_back{
	background:url("../images/common/back_black.png") no-repeat;
	background-size:cover;
}

.shop_title{
	width:100%;
	float:left;
	text-align: center;
}
.shop_title h4,p{
	font-weight: lighter;
	margin:0;
}
.shop_category{
	width:100%;

	margin-bottom:1.5rem;
	border:1px solid;
}
.shop_category_bottom{
	width:100%;
	height:auto;
	float:left;
	text-align: center;
	margin-bottom:2rem;
}
#select_image1{
	background-image: url("../images/common/select_left.png");
}
#select_image2{
	border-left:1px solid black;
	background-image: url("../images/common/select_right.png");
}
.shop_category_select{
	width:50%;
	height:3.6rem;
	float:left;
	text-align: center;
	color:#fff;
	font-weight: lighter;
	line-height: 3.6rem;
	cursor: pointer;
	font-size: 14px;
}
.story_area{
	width:50%;
	float:left;
	margin-top:3rem;
}
#story_left{
	margin-top:15rem;
}
.story_area h3,h4{
	margin-bottom:2rem;
	font-weight: lighter;
}
.story_area p{
	margin-bottom:2rem;
	line-height: 120%;
}

.title_area{width:100%;}
.title_area h3{font-weight: lighter;}
.banner_area{width:100%;}
.info_area{width:100%;}
.info_area label{font-size: 18px;margin-top:-10px;}
#why_area{margin-top:0rem;}
@media(max-width: 1228px) {
	.listType1 > div {max-height:none;}
}
@media only screen and (max-width: 90.2rem) {
	/*.mainVisual .owl-carousel {height:40rem; width:100%;}*/
	/*.mid_container .mid_contents .mid_text1{  width:57rem;  height:20rem;  margin-left:auto;  }
	.mid_container .mid_contents .mid_text2{  width:57rem;  height:20rem;    }*/
	.mid_text2_span{  display: block;  float:left;  width:80%;  height:100%; }
	/*.footer_logo{  width:30%;  }
	.mid_text1_label2:first-child{  margin-top:2.5rem;  }*/
}
@media only screen and (max-width: 76.75rem) {
	/*.mid_container{  width:100%;  height:28rem; }
	.mid_container .mid_contents{  width:100%;  float:right;  height:14rem;  }
	.mid_container .mid_contents .mid_text1{  width:125rem;  height:14rem;  margin-left:auto; }
	.mid_container .mid_contents .mid_text2{  width:114rem;  height:14rem;  margin-left:auto;  }
	.mid_text1_span1{  margin-left:4rem;  display:block;  float:left;  width:10%;  height:13rem;  margin-top:0.5rem;}
	.mid_text1_span_img{  width:11rem;  height:11rem;  margin:1rem auto;  }
	.mid_text1_span2{  display: block;  float:left;  width:65%;  height:100%; margin-left:1rem; }
	.mid_text1_span2 label{  font-size:1.5rem;  }
	.mid_text2_span{  display: block;  float:left;  width:82%;  height:100%; margin-left:4rem;}
	.mid_text2_span label{  font-size:1.5rem;  }
	.mid_text1_label2:first-child{  margin-top:2rem;  font-size:2.5rem;  }
	.mid_text1_label{  display: block;  margin-top:1rem;  line-height:1.5rem;  }*/
	.footer_logo{width:15%;}
	.footer_logo_sub{width:2%;}
	/* 바른소면 */
	.bottom_container{width:100%;height:auto;padding: 0 20px;}
	.bottom_container_in{}
	#story_container{width:90%; }
	#story_left{margin:2rem 0 0 4%;}
	.story_area{width:90%; margin : 0 0 0 5%;}
	#why_area{margin:0;}
	/*.container{width:90%;}*/
	.top_container{min-width:32rem;max-width: 0;}
	.top_container .col12{width:70%;}
	.mid_story_area{min-width:32rem !important;max-width:0; width:95% !important;}
	.service_center .container{min-width: 32rem !important;}
	.mid_img_btn{top:63% !important;}
}
/* 가로 픽셀 1024 */
@media only screen and (max-width: 64rem) {
	/*.mid_container{  width:100%;  height:28rem; }
	.mid_container .mid_contents{  width:100%;  float:right;  height:14rem;  }
	.mid_container .mid_contents .mid_text1{  width:100%;  height:100%;  margin-left:auto;  }
	.mid_container .mid_contents .mid_text2{  width:100%;  height:100%;  margin-left:auto;  }
	.mid_text1_span1{  margin-left:4rem;  display:block;  float:left;  width:10rem;  height:13rem;  margin-top:2rem;}
	.mid_text1_span_img{  width:10rem;  height:10rem;  margin:0rem auto;  }
	.mid_text1_span2{  display: block;  float:left;  width:75%;  height:100%; margin-left:1rem; margin-top:1rem;}
	.mid_text1_span2 label{  font-size:1.5rem;  }*/
	/*.mid_text2_span{  display: block;  float:left;  width:85%;  height:100%; margin-left:4rem;}
	.mid_text2_span label{  font-size:1.5rem;  }*/
	/*.mid_text1_label2:first-child{  margin-top:1rem;  font-size:2.5rem;  }
	.mid_text1_label{  display: block;  margin-top:1rem;  line-height:1.5rem;  }*/
	.item .p_img .img{width:90%; height:auto; margin:3.5rem auto;}
	/*.top_container .col12{width:70%;min-width:0;}*/
	/*figure.in_img figcaption:before{border-width: 25px 0 0 150px;}*/
	.mid_img_btn{top:59.5% !important;}
}
/* 가로 픽셀 640 */
@media only screen and (max-width: 40rem) {
	.mid_container{  width:100%;  height:20rem; }
	.mid_container .mid_contents{  width:100%;  float:right;  height:auto;  }
	.mid_container .mid_contents .mid_text1{  width:100%;  height:auto;  margin-left:auto;}
	.mid_container .mid_contents .mid_text2{  width:100%;  height:auto;  margin-left:auto;  }
	.mid_text1_span1{  margin-left:2rem;  display:block;  float:left;  width:8rem;  height:8rem; margin-top:2rem;}
	.mid_text1_span_img{  width:80%;  height:80%;  margin:0px auto;  }
	.mid_text1_span2{  display: block;  float:left;  width:67%;  height:auto; margin-left:1rem; margin-top:1rem;}
	.mid_text1_span2 label{  font-size:0.7rem;}
	/*.mid_text2_span{  display: block;  float:left;  width:85%;  height:100%; margin-left:1.5rem;}
	.mid_text2_span label{  font-size:0.7rem;  }*/
	.mid_text1_label2:first-child{  margin-top:0.5rem;  font-size:1.5rem;}
	.mid_text1_label2{margin-top:-0.5rem;}
	.mid_text1_label{  display: block;  margin-top:0rem;  line-height:1rem;  margin-bottom:-1rem;}
	.bottom_container{width:100%;min-width:32rem;/*margin:3rem auto 3rem auto;*/padding: 0 20px;}
	.bottom_container_in{clear:both;width:100%;}
	section.listType3 {float:left;width:100%;margin-top:1%;}
	.listType3 .item{border:1px solid #ebebeb;margin-left:1rem; height:28rem;}
	.item .p_img{display: block;border-bottom:1px solid #ebebeb;width:80%;margin:auto;margin-bottom:2rem;}
	.item .p_img .img{width:10rem; height:10rem; margin:3.5rem auto;}
	h3.listTit {text-align:center; padding:0; color:#0b0b0b; margin-top:4rem; margin-bottom:2rem;display: block;float:left;}
	/* 바른소면 */
	.header{height:7rem;}
	#header_container{/*width:42%; height:4rem;*/ /*margin:0 0 0 5%;*/}
	.gnb{width:45%;height:4rem; margin:1.8rem 0 0 6%; }
	.navType1{margin:0;width:100%;height:3rem; }
	.navType1 .top_btn{margin-left:80%;width:3rem;height:3rem; padding:0;}
	.header h2.logo {float:none; width:100%;  clear:both; margin:0; min-width: 18rem; max-width: 20rem;}
	.header h2.logo img {width:100%;}
	.header_bottom {width:100%;min-width: 32rem;max-width: 150rem;}
	#gnb_container{ width:100%; height:100%;margin:0; }
	.navType1 ul.depth1 li{margin:0;}
	.navType1 ul.depth1 li a{padding:0 0 0 1rem;}
	.navType1 ul.depth1 li ul.depth2 a {padding:0 0 0 4rem;}
	.listTit_hr1,.listTit_hr2{display: none;}
	.shop_category_bottom{display: none;}
	.shop_category_select{margin-bottom:1rem;}
	/*.top_container{margin-top:6% !important;}*/
	.top_container #mobile_slide{width:100% !important;}
	.carousel_wrap{width:100%;}
	.top_container #in1{margin-left:10.8% !important;}
	.top_container .in{width:37.3% !important; margin:3% 0 0 6.3% !important;}
	.mid_story_area{padding:0;overflow: hidden;}
	.mid_story_area .story_area_in{width:100% !important;margin:0 !important;}
	.story_title{padding:35px 0 20px !important;}
	.service_center .container .notice_area{width:80% !important;margin-top:6% !important;margin-left:10% !important}
	.service_center .container .question_area{width:80% !important;margin:50% 0 0 10% !important;}
	.service_center .container .question_list{width:30% !important; margin-left:13% !important}
	.service_center .container .service_area{width:80% !important;margin:-70% 0 0 10% !important;}
	.service_center .container .service_area label{}
	.service_center{padding-bottom:5%;}
	/*.back{padding-bottom:10%;}*/
	figure.in_img figcaption:before{border-width: 35px 0 0 200px !important;}
	figure.in_img .icons .icons_img{ width:70%; }
	figure.in_img h3{font-size:1.2rem;}
}
/* 최소 사이즈의 화면 꺠짐 방지 */
@media only screen and (max-width: 29rem) {
	.mid_text1_span1{margin-left:1rem;}
	.mid_text2_span{margin-left:1rem;}
}

.align{width:100%;margin-top:0;}

@media only screen and (max-width: 768px) {
	.shop_title{width:100%;text-align: center}
	.align{margin-top:1rem;width:100%;}
	.align .col12 button{margin:0;}
	figure.in_img .icons .icons_img{ width:50%; }
	figure.in_img h3{font-size:1.0rem;}
}

.page_info{
	width:20%;
	height:3rem;
	margin-left:auto;
	color:dimgray;
}
.section_page_info{
	width:20%;
	height:3rem;
	margin-left:70%;
	margin-top:-3rem;
	color:dimgray;
}
.bottom_container_in img{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}
.con_back:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
}
.top_container{
	width:100%;
	max-width: 1100px;
	position: relative;
	margin: 0 auto;
}
.top_container_header{
	width:100%;
	text-align: center;
	margin-bottom:2rem;
}
.top_container_middle{
	width:100%;
	float:left;
	margin:0 auto;
}
.top_container_middle .in{
	width:18%;
	float:left;
	margin:0rem 0 0 2rem;
	position: relative;
}
/*.top_container_middle .in:hover .in_img{opacity: 0.1;}*/
.top_container_middle .in label,p{
	display: inline;
}
.top_container_middle .in2 {
	width:18%;
	float:left;
	margin:0rem 0 0 5rem;
}
.top_container_middle .in2 .in_img{
	width:100%;

}
.top_container_middle .in .in_img{
	width:100%;
}
.top_container_header h4{
	margin-bottom:0;
}
.top_container_header label{
	color:#7d7d7d;
	font-weight: lighter;
}
.carousel{
	overflow: hidden;
	float:left;
}
.top_container .owl-carousel{
	width:100%;
}
.top_container #mobile_slide{
	float:left;
	margin:0 auto;
}
.top_container .gname{
	font-size: 1.2rem;
	display: inline;
}
/*.carousel .item{width:100%;}*/
.service_center{
	width:100%;
	background-color: #939393;
	overflow: hidden;
}
.service_center .container{
	width:95%;
	max-width: 1100px;
	min-width: 1100px;
}
.service_center .container .notice_area{
	width:24%;
	float:left;
	margin:3% auto 0 auto;
}

.service_center .container .notice_area label{
	color:#fff;
	line-height: 24px;
	font-size: 20px;
	font-weight: 400;
}
.notice_list{
	margin-top:2%;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 36px;
	font-size: 15px;

}
.notice_list li{margin-top:-0.8rem;}
.notice_list li:first-child{margin-top:0;}
.notice_list li a{color: #e0e0e0;}
.service_center .container .question_area{
	width:30%;
	float:left;
	margin-top:5%;
	margin-left:4%;
}
.question_list{
	width:35%;
	float:left;
	margin-left:10%;
	background-color: dimgray;
	padding-bottom:2%;
}
.question_list img{margin:15% auto 0 auto}
.question_text{
	width:100%;
	color:#fff;
	float:left;
	margin:0rem 0 0 0;
	text-align: center;
	font-size: 10px;
}
.service_area{
	width:24%;
	float:left;
	margin-top:3%;
	margin-left:4%;
}
.service_num{
	padding-left: 45px;
	background: url(/images/common/tel.png) left center no-repeat;
	color: #52c8fb;
	font-size: 32px;
	line-height: 50px;
	margin-bottom: 3%;
}
.service_time{line-height: 22px;
	color: #e0e0e0;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 3px;}
.mid_story_area{
	width:100%;
	min-width: 1100px;
	max-width: 1100px;
	padding-bottom: 40px;
	margin:0 auto 3% auto;
	height:100%;
	overflow: hidden;
}
.story_title{
	width:100%;
	margin: 0 auto;
	padding: 1rem 0 2rem;
	text-align: center;
	position: relative;
}
.mid_story_area .story_area_in{
	width:27.5%;
	float: left;
}
#story_area_in2{
	width:43%;
	margin-left:1%;
	margin-right:1%;
}

.title_bar{
	width:35%;
	height:5rem;
	float:left;
	border-bottom:1px solid;
}
.story_container{margin-bottom:10rem;}

.flex{
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}
.flex-left{
	display: flex;
	flex-direction:column;
	justify-content: center;
}

/* modal */
.receipt{font-size: 10px;font-weight:500;}
.receipt_table,.receipt_table_bottom,.receipt_table_last{color:blue;}
.receipt_table{width:100%;margin-bottom:0;border:2px solid blue;border-bottom:0;}
.receipt_table thead tr th,.receipt_table_bottom thead tr th{border-bottom:1px solid blue; border-top:0;border-left:1px solid blue;border-right:1px solid blue;}
.receipt_table td{padding:.5rem; border:1px solid;}
.receipt_table_bottom,.receipt_table_last{width:100%;margin-bottom:0;border-left:2px solid blue;border-right:2px solid blue;}
.receipt_table_last{border-bottom:2px solid blue;}
.receipt_table_bottom td,.receipt_table_last td{padding:.5rem; border:1px solid;height:3.1rem;}
.stamp_area{position:relative;}
.stamp{position:absolute; width:70%;height:auto;left:40%;top:-30%;}
.font_bg{color:#181818;  border:1px solid blue !important}

.flex{
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}
.flex-left{
	display: flex;
	flex-direction:column;
	justify-content: center;
}
.business_num{float:left;margin-left:4%;}
.business_num_text{text-align: center;}
.float_left{float:left;}
.order_num{display: inline-block;height:10px;width:15rem;}