@charset "utf-8";

/* shop 공통 */
body.modal-open {
	padding-right:0 !important;
}
input[type="checkbox"] {
	width:16px;
	height:16px;
	margin:0;
	vertical-align:middle;
}
input[type="checkbox"]+label {
	margin-left:2px;
	margin-bottom:0;
	font-size:13px;
	font-weight:normal;
	vertical-align:middle;
}
.form-control[readonly],.form-control[disabled] {cursor:default; background-color:#f5f5f5;}
.orderIng {display:none; position:fixed; top:0; left:0; width:100%; height:100%; text-align:center; font-size:20px; border-radius:5px; background:rgba(255,255,255,0.7); z-index:99999;}
.orderIng .msgBox {position:absolute; top:50%; left:50%; width:280px; height:280px; margin-top:-140px; margin-left:-140px; padding-top:65px; font-size:20px; border-radius:5px; background:#f2f2f2; box-shadow:0 1px 3px rgba(0,0,0,0.3);}
.orderIng p {margin-bottom:30px;}
#shop {
	padding-bottom:30px;
}
button {padding:0; border-radius:0;}
#shop select {background-position:98% 50%;}
#shop .error,.shop .error {color:#a94442; font-size:12px;}
#shop .errorjs,.shop .errorjs {display:none; margin:5px 0 0; color:#a94442; font-size:12px;}
#shop .errorjs a,.shop .errorjs a {color:inherit; text-decoration:underline;}
#shop header {
	margin:0 0 25px;
}
#shop header h1 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 0.5em;
	line-height:1.3;
}
#shop header h2 {
	font-size:16px;
	font-weight:normal;
	line-height:1.75;
	margin:0;
}
#shop .tales .pages ol,#shop .tales .pages ol li {
	list-style:decimal;
}
#shop .tales .pages ul,#shop .tales .pages ul li {
	list-style:disc;
}
#shop .shopTable {
	display:block;
	width:100%;
	font-size:13px;
}
#shop .shopTable tbody,#shop .shopTable tfoot {
	display:block;
}
#shop table p {margin:0;}
#shop .addedOption ul,#shop .addedItem ul {margin:5px 0 0; padding:0;}
#shop .addedItem {color:#787878; font-size:11px;}

#shop .testTable table,#shop .testTable tr,#shop .testTable td {display:block; width:100%;}

#shop .shopTable thead {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
#shop .shopTable tr {
	display:block;
	position:relative;
	margin-bottom:10px;
	padding:15px;
	border:1px solid #c1c1c1;
	border-radius:3px;
	background:#fafafa;
}
#shop .shopTable th {
	color:#343434;
}
#shop .shopTable td {
	display:block;
	padding:10px 0 0;
	color:#343434;
}
#shop .shopTable td:first-child {padding-top:0;}
#shop table td:before,#shop table td:after {
	content:"";
	display:block;
	clear:both;
}
#shop .orderDate div {
	font-size:.9em;
	color:#676767;
}
#shop .orderDate a {
	color:#0a72c3;
	text-decoration:underline;
}
#shop .goodInfo {
	width:100%;
}
#shop .goodInfo a {display:table;}
#shop .goodInfo a:hover .productName {text-decoration:underline;}
#shop .goodInfo .thumb {
	width:80px;
	margin-bottom:10px;
}
#shop .goodInfo .thumb img {border:1px solid #c3ccce;}

#shop .goodInfo .info span {
	display:block;
}
#shop .xsTh {
	display:block;
	float:left;
	width:65px;
	font-weight:bold;
}
#shop .xsTd {display:block; margin-left:65px;}
#shop .shopTable td img {
	width:100%;
}
#shop .shopTable .goodInfo a {display:initial;}
#shop .shopTable .btn_del {
	position:absolute;
	display:inline-block;
	top:10px;
	right:15px;
}
#shop .shopTable tfoot .price {
	margin-left:5px;
	font-weight:bold;
	color:#333;
}
#shop .shopTable tfoot .calc {
}
#shop .shopTable tfoot .total {
	position:relative;
	top:-2px;
	margin:0 3px 0 5px;
	font-weight:bold;
	font-size:1.5em;
	vertical-align:middle;
}
#shop .shopTable .detailPrice .priceBox:last-of-type {
	position:relative;
	margin-top:15px;
	padding-top:10px;
	border-top:1px solid #c1c1c1;
}
#shop .shopTable .detailPrice .pay_cut {margin-top:-0.2em; font-size:0.9em; line-height:1.3; opacity:0.8;}
#shop .goodqna thead,#shop .goodqna tbody .num {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
#shop .goodqna tr {
	margin:0;
	border-bottom:1px solid #c1c1c1;
	background:none;
}
#shop .goodqna .questWrap,#shop .goodqna .answerWrap {
	display:none;
}
#shop .goodqna td {
	display:inline-block;
}
#shop .goodqna .state {
	display:block;
	margin-right:10px;
}
#shop .goodqna .stateQ {
	color:#c60000;
}
#shop .goodqna .stateA {
	color:#0a72c3;
}
#shop .goodqna .manage {
	vertical-align:top;
}
#shop .goodqna .qnaQuest,#shop .goodqna .qnaAnswer {
	display:block;
	text-align:left;
}
#shop .goodqna .qnaAnswer .name {
	margin-right:10px;
}
#shop .goodqna .qnaAnswer .date {
	color:#aaa;
}
#shop .goodqna .hold {
	color:#333;
}
#shop .goodqna .done {
	color:#aaa;
}
#shop .goodqna .qnaAnswer p:first-of-type {
	margin-bottom:10px;
}
#shop .goodqna .subject {
	display:block;
}
#shop .goodqna .subject a {
	display:block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.goodqna .wauthor:after {
	content:"|";
	margin-left:10px;
	color:#aaa;
}
#shop .goodqna .nonePost {
	width:100%;
}
#shop .writeQuest .modal-header {
	padding-bottom:0;
	border:none;
}
#shop .writeQuest .questionTable {
	table-layout:auto;
	margin-bottom:20px;
}
#shop .writeQuest h3 {
	font-size:24px;
	text-align:left;
}
#shop .writeQuest th,#shop .writeQuest td {
	display:block;
}
#shop .form-group {
	margin-bottom:15px;
}
#shop .orderBox .form-group.agreeGroup {margin-bottom:10px;}
#shop .nonePost {
	text-align:center;
}
#shop .pageWrap {
	margin-top:20px;
}
#shop .pagination {
	margin:10px 0 0 0;
}
.pagination a {
	width:34px;
	height:34px;
	padding:0;
	font-size:15px;
	line-height:32px;
	text-align:center;
	color:#696969;
	border-color:#d9d9d9;
	border-radius:0;
}
.pagination .prev a,.pagination .next a {
	color:#a6a6a6;
}
.pagination a:hover,.pagination .active a {
	color:#fff;
	border-color:#0e5d9b;
	background:#0a72c3;
}
.btn {
	padding:10px;
	font-size:13px;
	text-shadow:none;
	color:#999;
	border-color:#b3b3b3;
	border-radius:2px;
	background:#fff;
}
.btn.btnPoint {
	color:#fff;
	border-color:#0e5d9b;
	background:#0a72c3;
}
.pointColor {
	color:#0a72c3;
}
.pointBg {
	background:#0a72c3;
}
/* shop 리스트 */
.shopList .product {margin:0; padding:0;}
.shopList a {position:relative;}
.shopList .fixed {display:inline-block; position:relative; font-size:13px; color:#999; text-decoration:line-through;}
.shopList .discount {font-size:14px; color:#333;}
.shopList .rate {position:absolute; top:12px; right:12px; width:48px; height:48px; font-size:12px; line-height:48px; text-align:center; border-radius:100%; color:#fff;}
.shopList .rate span {font-size:2em;}
/* shop 상세 */
.shop_floatingBar {display:none; position:fixed; bottom:0; left:0; width:100%; font-size:14px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.2); z-index:999;}
.shop_floatingBar.open .goodOption {display:block;}
.shop_floatingBar.open .openMore {background:#fff;}
.shop_floatingBar.open .openMore .fa:before {content:"\f107";}
.shop_floatingBar.open .goodsInfo {border-top:1px solid #c1c1c1;}
.shop_floatingBar.open .gInfo {display:block;}
.shop_floatingBar .container {max-width:800px;}
.shop_floatingBar ul {margin:0; padding:0;}
.shop_floatingBar .openMore {position:absolute; bottom:100%; left:50%; width:120px; height:24px; overflow:hidden; margin-left:-60px; padding:0; font-size:1.5em; line-height:1; border-radius:5px 5px 0 0; border:none; background:#fafafa; box-shadow:0 -1px 3px rgba(0,0,0,0.1);}
.shop_floatingBar .dt {float:left; width:30%; height:34px; padding-right:15px; font-size:12px; font-weight:bold; line-height:34px;}
.shop_floatingBar .dd {float:left; width:70%;}
.shop_floatingBar li:first-of-type {border-top:none;}
.shop_floatingBar li {padding:10px 0; line-height:1.3; border-top:1px solid #c1c1c1;}
.shop_floatingBar .goodsInfo {padding:10px; background:#fafafa;}
.shop_floatingBar .gInfo {display:none; padding-bottom:10px;}
.shop_floatingBar .gInfo .gName {margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shop_floatingBar .gInfo .gPrice {margin:0;}
.shop_floatingBar .gInfo .gPrice span {position:relative; top:2px; font-size:20px; font-weight:bold;}
.shop_floatingBar .btns {padding:0 5px;}
.shop_floatingBar .btns .btn {display:block; position:relative; float:left; width:50%; font-size:inherit;}
.shop_floatingBar .btns .btn:first-of-type {left:-5px;}
.shop_floatingBar .btns .btn:last-of-type {right:-5px;}
.shop_floatingBar .goodOption {display:none; position:relative; max-height:200px; padding-left:10px; padding-right:10px; overflow:auto;}
.shop_floatingBar .volume .dd {position:relative;}
.shop_floatingBar .volume .dd input {display:block; width:100%; height:34px; padding-left:50px; padding-right:50px; text-align:center;}
.shop_floatingBar .volume .dd button {position:absolute; top:0; width:34px; height:34px; color:#a6a6a6; border:1px solid #d9d9d9; background:#fff;}
.shop_floatingBar .volume .dd button.minus {left:0;}
.shop_floatingBar .volume .dd button.plus {right:0;}
.shop_floatingBar .addedList {border-top:1px solid #d9d9d9;}
.shop_floatingBar .addedList .dt {height:auto; padding-top:4px; line-height:1.3;}
.shop_floatingBar .addedList .volume {position:relative; padding-right:30px;}
.shop_floatingBar .addedList .optionCate {display:block; color:#777;}
.shop_floatingBar .addedList .price {display:block; margin-top:10px;}
.shop_floatingBar .addedList .del {position:absolute; top:15px; right:0; width:24px; height:24px; padding:0; text-indent:-999em; border:none; background:url('/resource/official/common/img/ico_confirmlayer_cancel_b.png') 50% 50% no-repeat; background-size:18px 18px; opacity:0.5; z-index:1;}

#shop.shopView {max-width:800px; margin:0 auto 50px; padding-top:40px;}
#shop.shopView header {
	padding-bottom:15px;
	border-bottom:1px solid #c1c1c1;
}
#shop.shopView header h2 {
	margin-top:20px;
}
#shop .shopInfo {
	padding:20px 0 30px;
}
#shop .shopInfo ul {
	list-style:none;
}
#shop .shopInfo .col-xs-12 {padding-left:0; padding-right:0;}
#shop .bigThumb {
	position:relative;
	max-width:290px;
	overflow:hidden;
	margin:0 auto 15px;
	text-align:center;
	line-height:260px;
	border:1px solid #c1c1c1;
	cursor:pointer;
	transition:border-color 0.3s;
}
#shop .bigThumb:hover {border-color:#ccc;}
.bigThumb i.enlarge {display:none; position:absolute; bottom:0; right:0; width:30px; height:30px; background:rgba(0,0,0,0.1) url('/resource/common/cmsimg/ico_enlarge.png') 50% 50% no-repeat; background-size:21px 21px;}
.bigThumb .mExpand {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.bigThumb .mExpand .box {display:table; width:100%; height:100%;}
.bigThumb .mExpand .cell {display:table-cell; text-align:center; vertical-align:middle;}
.bigThumb .mExpand .cell a {display:inline-block; margin:0 15px; width:60px; height:60px; vertical-align:middle; font-size:0; text-indent:-9999px; background:url('/resource/official/common/img/icon_img_link.png') 50% 50% no-repeat; background-size:100%;}
.bigThumb .mExpand .cell .enlarge {background-image:url('/resource/official/common/img/icon_img_enlarge.png');}

#thumbGallery.galleryImg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; max-height:none; background:rgba(0,0,0,0.8); z-index:99999999;}
#thumbGallery.galleryImg .imgView {height:100%; max-height:none; padding-top:80px; padding-bottom:180px;}
#thumbGallery.galleryImg .desc {position:absolute; top:30px; left:0; width:100%; margin:0; text-align:center; font-size:16px; color:#fff;}
#thumbGallery.galleryImg .desc .count {font-size:14px; color:#ccc;}
#thumbGallery.galleryImg .swipeControl {display:none;}
#thumbGallery .imgView .btnGalleryCloser {position:absolute; top:0; right:0; width:60px; height:60px; padding:0; border:none; background:url('/resource/official/common/img/gallery/btn_layer_close_w.png') 50% 50% no-repeat; background-size:30px 30px; z-index:99; opacity:0.6; transition:opacity 0.3s;}
#thumbGallery .imgView .btnGalleryCloser:hover,#thumbGallery .imgView .btnGalleryCloser:focus,#thumbGallery .imgView .btnGalleryCloser:active {background-color:transparent; opacity:1;}
#thumbGallery .imgView .swipe {width:95%; height:100%; max-height:none; margin:0 auto;}
#thumbGallery .imgView .swipeItem {height:100%; max-height:none;}
#thumbGallery .imgView .item {height:100%; min-height:0; max-height:none;}
#thumbGallery .imgView .item img {max-width:100%; max-height:100%; max-height:none; vertical-align:top;}
#thumbGallery .imgView .swipeControl {position:absolute; top:60px; bottom:120px; width:10%; height:auto; opacity:0.4; transition:opacity 0.3s;}
#thumbGallery .imgView .swipeControl:hover {opacity:1;}
#thumbGallery .imgView .swipeControl span {display:inline-block; position:absolute; top:50%; left:50%; width:28px; height:55px; margin-top:-27px; margin-left:-14px;}
#thumbGallery .imgView .swipeControl.left {left:0;}
#thumbGallery .imgView .swipeControl.left .prev {background:url('/resource/official/common/img/gallery/btn_gall_arr_w.png') 0 0 no-repeat; background-size:28px 110px;}
#thumbGallery .imgView .swipeControl.right {right:0;}
#thumbGallery .imgView .swipeControl.right .next {background:url('/resource/official/common/img/gallery/btn_gall_arr_w.png') 0 100% no-repeat; background-size:28px 110px;}
#thumbGallery.galleryImg .thumbList {position:absolute; bottom:0; left:0; right:0; padding:20px 0 20px 20px; background:rgba(0,0,0,0.5); box-shadow:0 -1px #000;}
#thumbGallery .thumbList .thumbBox {position:relative; padding:0; overflow:hidden;}
#thumbGallery .thumbList .swipePage {overflow:visible;}
#thumbGallery .thumbList .swipeItem {margin:0; padding:0; list-style:none;}
#thumbGallery .thumbList .item {width:100px; height:100%; min-height:0; padding:0 5px;}
#thumbGallery .thumbList .item .thumb {width:100%; height:100%; max-height:none;}
#thumbGallery .thumbList .item .thumb a {display:block; width:100%; height:100%; max-height:none; overflow:hidden; border:1px solid rgba(0,0,0,0.5); opacity:0.6; transition:opacity 0.3s;}
#thumbGallery .thumbList .item .thumb a:hover,#thumbGallery .thumbList .item .thumb a:focus,#thumbGallery .thumbList .item .thumb a:active,#thumbGallery .thumbList .item.active .thumb a {border-color:#000; opacity:1;}
#thumbGallery .thumbList .item img {vertical-align:top;}
#thumbGallery .thumbList .swipeControl {position:absolute; top:0; bottom:0; width:33px; height:auto; opacity:0.4; transition:opacity 0.3s;}
#thumbGallery .thumbList .swipeControl:hover,#thumbGallery .thumbList .swipeControl:focus,#thumbGallery .thumbList .swipeControl:active {opacity:1;}
#thumbGallery .thumbList .swipeControl span {display:inline-block; position:absolute; top:50%; left:50%; width:33px; height:33px; margin-top:-16px; margin-left:-16px; border-radius:100%;}
#thumbGallery .thumbList .swipeControl.left {left:30;}
#thumbGallery .thumbList .swipeControl.left .prev {background-image:url('/resource/official/common/img/gallery/btn_gall_thumb_arr.png'); background-position:0 0; background-repeat:no-repeat; background-size:33px 66px;}
#thumbGallery .thumbList .swipeControl.right {right:30px;}
#thumbGallery .thumbList .swipeControl.right .next {background-image:url('/resource/official/common/img/gallery/btn_gall_thumb_arr.png'); background-position:0 100%; background-repeat:no-repeat; background-size:33px 66px;}
#thumbGallery .viewerInfo {display:none; position:absolute; top:20px; left:50%; width:270px; margin-left:-140px; padding-top:12px; padding-bottom:12px; padding-left:80px; font-family:"NBG"; font-size:13px; color:#fff; line-height:1.5; border-radius:5px; background:rgba(0,0,0,0.6) url('/resource/common/cmsimg/ico_pinchzoom.png') 5px 50% no-repeat; background-size:70px 80px; z-index:1;}
#thumbGallery .viewerError {display:none; position:absolute; top:20px; left:50%; width:250px; margin-left:-125px; padding-top:25px; padding-bottom:25px; font-family:"NBG"; text-align:center; font-size:13px; color:#fff; border-radius:5px; background:rgba(0,0,0,0.6); z-index:1;}

.modal-backdrop.in {
	opacity:0.75;
}
#shop .modal-dialog {
	position:relative;
	width:100%;
	padding-top:70px;
	margin:70px auto;
}
#shop .modal-content {
	padding:30px;
	text-align:center;
	border-radius:0;
}
#shop .carousel {
	width:100%;
	margin:0 auto;
	padding:20px;
}
#shop .carousel-inner {
	margin-top:15px;
	padding:0 30px;
}
#shop .carousel .item {
	max-height:100%;
	text-align:center;
	background:none;
}
#shop .carousel .item img {
	display:inline;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
#shop .carousel-control {
	width:29px;
	height:54px;
	margin-top:-27px;
	background:url('/resource/common/images/modal_arrow.png') no-repeat;
	opacity:0.7;
}
#shop .carousel-control.left {
	left:15px;
	background-position:0 0;
}
#shop .carousel-control.right {
	right:15px;
	background-position:0 -54px;
}
#shop .carousel-control .fa {
	font-size:100px;
	color:#fff;
}
#shop .modal .close {
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	background:url('/resource/common/images/icon_modal_close.png') center center no-repeat;
	opacity:0.7;
}
#shop .modal .close:hover,#shop .modal .close:focus,#shop .carousel-control:hover,#shop .carousel-control:focus {
	opacity:1;
}
#shop .thumb .imgList {overflow:hidden;}
#shop .smallThumb {
	width:290px;
	height:65px;
	overflow:hidden;
	margin:0 auto;
}
#shop .imgList ul {
	width:375px;
	margin:0 -5px;
	padding:0;
	font-size:0;
}
#shop .imgList li {
	float:left;
	width:75px;
	height:65px;
	padding:0 5px;
	overflow:hidden;
}
#shop .imgList a {display:block; position:relative; height:100%;}
#shop .imgList .active a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid rgba(0,0,0,0.2);}
#shop .thumb a {cursor:pointer;}
#shop .thumbBtn {
	position:relative;
	max-width:290px;
	height:26px;
	margin:10px auto 0;
}
#shop .thumbBtn button {
	position:absolute;
	top:0;
	width:26px;
	height:26px;
	padding:0;
	line-height:1;
	text-align:center;
	font-size:0.8em;
	color:#ccc;
	border:1px solid #ccc;
	background:#fff url('/resource/common/images/shop_thumb_arr.png') 0 0 no-repeat;
}
#shop .thumbBtn .prev {
	left:0;
	background-position:0 0;
}
#shop .thumbBtn .next {
	right:0;
	background-position:0 -26px;
}
#shop .infoWrap {
	margin-top:30px;
	font-size:14px;
	color:#676767;
}
#shop .infoWrap li {padding:20px 0; line-height:1.3; border-top:1px solid #c1c1c1;}
#shop .infoWrap li.goodPrice {padding:16px 0;}
#shop .infoWrap .dt {
	display:inline-block;
	float:left;
	width:30%;
	padding-right:15px;
	font-weight:700;
	font-size:12px;
	color:#333;
}
#shop .infoWrap input,#shop .infoWrap select {border-color:#c1c1c1;}
#shop .infoWrap .goodPrice .dt {margin-top:3px;}
#shop .infoWrap .dd {float:left; width:70%; margin:0;}
#shop .infoWrap .fixedPrice {
	text-decoration:line-through;
}
#shop .infoWrap .disPrice, #shop .infoWrap .calculatedPrice {
	margin-right:3px;
	font-size:1.5em;
	font-weight:bold;
	vertical-align:middle;
}
#shop .infoWrap .notSell {margin:0; font-size:14px; font-weight:bold; color:#c80000;}
.disPercent {
	display:inline-block;
	position:relative;
	top:0;
	height:20px;
	margin-left:15px;
	padding:0 7px 0 10px;
	font-size:0.9em;
	line-height:20px;
	letter-spacing:1px;
	color:#fff;
	vertical-align:middle;
	background:#0a72c3;
}
.disPercent:before {
	display:inline-block;
	position:absolute;
	top:0;
	left:-20px;
	content:"";
	border-style:solid;
	border-width:10px;
	border-color:transparent #0a72c3 transparent transparent;
}
#shop .disPercent:after {
	display:inline-block;
	position:absolute;
	top:8px;
	left:-2px;
	width:5px;
	height:5px;
	content:"";
	border-radius:100%;
	background:#fff;
}
#shop .priceInfo {
	margin:0;
	padding:0;
}
#shop .priceInfo .dd {line-height:1.2;}
#shop .payInfo,#shop .delivery,
#shop .calc, #shop .action,#shop .calc ul,
#shop .totalPrice ul {
	margin:0;
	padding:0;
	list-style:none;
}
#shop .totalPrice li {border-top:2px solid #656565;}
#shop .calc input {
	display:block;
	float:left;
	width:50px;
	text-align:center;
	line-height:15px;
	border-radius:0;
}
#shop .calc li.volum {padding:12px 0;}
#shop .volum .dt {height:34px; line-height:34px;}
#shop .volum .dd {position:relative;}
#shop .volum input {
	display:block; width:100%; height:34px;
	padding-left:50px; padding-right:50px;
	text-align:center;
	border-color:#c1c1c1;
}
#shop .calc button {
	position:absolute; top:0;
	width:34px;
	height:34px;
	color:#a6a6a6;
	font-family:"Myriad";
	border:1px solid #c1c1c1;
	background:#fff;
}
#shop .calc button.plus {right:0;}
#shop .calc button.minus {left:0;}
#shop .calc button:hover {
	color:#0a72c3;
}
#shop .calc .option {
	position:relative;
}
#shop .calc li.option {padding:12px 0; border-top:1px dashed #e6e6e6;}
#shop .calc li.option:first-of-type {border-top:1px solid #c1c1c1;}
#shop .calc .option .form-control {
	float:none;
	width:100%;
	text-align:left;
	border-radius:0;
}
#shop .optList .addedList li:first-of-type {border-top:2px solid #656565;}
#shop .optList .addedList.addList_addItem li:first-of-type {border-top:1px solid #c1c1c1;}
#shop .optList .addedList .dt {height:auto; padding-top:4px; font-weight:normal; line-height:1.3;}
#shop .optList .addedList .dd {padding-right:30px;}
#shop .optList .addedList .option .form-control {text-align:center;}
#shop .optList .addedList .option button.plus {right:30px;}
#shop .optList .addedList .option .del {top:14px; right:0; width:24px; height:24px; padding:0; text-indent:-999em; border:none; background:url('/resource/official/common/img/ico_confirmlayer_cancel_b.png') 50% 50% no-repeat; background-size:18px 18px; opacity:0.5; z-index:1;}
#shop .optList .addedList .optionCate {display:block; color:#777;}
#shop .optList .addedList .price {display:block; margin-top:5px;}
#shop .pluginNaver {padding-bottom:15px;}
#shop .pluginNaver .table-responsive table {min-width:0;}
#shop .pluginNaver .npay_button {padding-right:100px;}
/* 
#shop .pluginNaver .npay_type_A_1 {width:auto !important;}
#shop .npay_button_box,#shop .npay_button_box2 {padding:0 !important;}
 */
/* 
#shop .addOption .addItem {margin-top:15px;}
#shop .addOption .addItem:first-of-type {margin-top:0;}
#shop .addOption .addItem label {font-weight:normal;}
#shop .optList .addedList {margin-top:15px; padding:0;}
#shop .optList .addedList li {position:relative; margin:0; padding:10px 15px; border-top:1px dashed #c1c1c1;}
#shop .optList .addedList li:first-child {border-top:none;}
#shop .optList .addedList .del {position:absolute; top:5px; right:5px; width:25px; height:25px; text-indent:-999em; border:none; background-image:url('/resource/official/common/img/ico_confirmlayer_close.png'); background-position:50% 50%; background-size:35px 35px;}
#shop .optList .addedList p {margin-bottom:5px; font-size:13px; color:#aaa;}
#shop .optList .addedList .optionName {display:inline-block; margin-left:10px; font-size:15px; color:#333;}
#shop .addOption .price {display:block; margin-top:5px;}
#shop .addOption .volum input {height:26px; padding:5px;}
#shop .addOption .volum button {width:26px; height:26px; padding:0; line-height:1; text-align:center;}
 */
#shop .action {
	text-align:center;
	padding-top:30px; padding-left:5px; padding-right:5px;
	border-top:1px solid #c1c1c1;
}
#shop .action:after {content:""; clear:both; display:block;}
#shop .action .btn {
	display:block; float:left; position:relative;
	padding:15px;
	width:33.3333%;
}
#shop .action .btn:first-of-type {left:-5px;}
#shop .action .btn:last-of-type {right:-5px;}
#shop .onNonmem .action .btn {width:50%; margin-bottom:10px; padding-left:5px; padding-right:5px;}
.onNonmem .action #nonMember {color:#dadada; background-color:#666;}
.onNonmem .action #nonMember:hover {color:#fff;}
#shop .onNonmem .action .btn:first-of-type {left:auto;}
#shop .onNonmem .action .btn:last-of-type {right:auto;}
#shop .onNonmem .action .btn:nth-of-type(2n+1) {left:-5px;}
#shop .onNonmem .action .btn:nth-of-type(2n) {right:-5px;}

.pluginNaver .talk_banner_div .talk_preview_area {display:block !important;}
.pluginNaver .talk_banner_div .talk_banner_preview {width:100% !important; height:50px !important; min-width:0; max-width:none; font-family:"NBG" !important; font-size:13px; border-radius:2px;}
.pluginNaver .talk_banner_div .talk_expose_green {border-color:#00c73c; background:#00c73c;}
.pluginNaver .talk_banner_div .talk_expose_black {border-color:#333; background:#333;}
.pluginNaver .talk_banner_div .talk_expose_grey {border-color:#c1c1c1; background:#f2f2f2;}
.pluginNaver .talk_banner_div .talk_expose_white {border-color:#d4d4d4; background:#fff;}
.pluginNaver .talk_banner_div .talk_banner_desc {position:relative; top:1px; font-weight:normal; font-family:inherit; font-size:inherit;}
.pluginNaver .talk_banner_div .off a {background-color:#bbbfc7;}
.pluginNaver .talk_banner_div .off .talk_banner_preview {border-color:#bbbfc7;}

/* #shop.shopView .pages {max-width:684px; margin:0 auto;} */
#shop .dtCont {border-top:1px solid #c1c1c1;}
#shop .dtCont img {max-width:100%;}
#shop .dtCont .nav {
	height:51px;
	margin-bottom:30px;
	border-color:#c1c1c1;
}
#shop .dtCont .nav li {
	padding:0; border:1px solid #c1c1c1; border-left:none; border-bottom:none; background:#fafafa;
}
#shop .dtCont .nav .active {background:#fff;}
#shop .dtCont .nav li:first-of-type {border-left:1px solid #c1c1c1;}
#shop .dtCont .nav .active {margin-bottom:0;}
#shop .dtCont .nav a {
	display:block;
	position:relative;
	height:50px;
	margin:0;
	padding:17px 0 0;
	text-align:center;
	font-size:12px;
	border-radius:0;
	border:none;
}
#shop .dtCont .nav li:first-child {width:20%;}
#shop .dtCont .nav li:nth-child(2) {width:50%;}
#shop .dtCont .nav li:nth-child(3) {width:30%;}
.tabNav .active a {
	height:51px;
	border-color:#ccc;
}
#shop .dtCont .nav a:hover,#shop .dtCont .nav a:focus,#shop .dtCont .nav a:active,#shop .dtCont .nav .active a {color:#555; border:none; background:none;}
.tabNav .active a:before,.tabNav a:hover:before {
	position:absolute;
	top:-1px;
	left:0;
	width:100%;
	content:"";
	border-top:2px solid #0a72c3;
}
.tabNav a:after {content:""; position:absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #c1c1c1;}
.tabNav .active a:after {display:none;}
#shop .tales,#shop .goodnoti {
	padding:30px 0;
}
#shop .goodqna {
	padding:30px 0 0;
}
#shop .goodnoti h3 {font-size:15px;}
#shop .refundWrap * {line-height:1.75;}
#shop .refundWrap h3 {margin:0;}
#shop .refundWrap ul {
	padding-left:25px;
	list-style:disc;
}
#shop .refundWrap ol {
	list-style:decimal;
}
#shop .refundWrap p,#shop .refundWrap li {
	font-size:13px;
	color:#676767;
}
#shop .refundWrap ul li {list-style:disc;}
#shop .refundWrap ol li {list-style:decimal;}
/*
#shop .refundWrap p:before,#shop .refundWrap li:before {
	display:inline-block;
	position:relative;
	top:-2px;
	content:"";
	width:4px;
	height:4px;
	margin:0 10px 0 -14px;
	border-radius:100%;
	background:#676767;
}
 */
#shop .dtCont td p {margin:0;}
#shop .boardBottom {
	position:relative;
}
#shop .goodqna .form-control {
	font-size:13px;
}
#shop .btnWrite {
	text-align:center;
	margin:15px 0 0;
}
#shop .btnWrite button {
	width:15em; margin-top:10px;
}
#shop .writeQuest .well {
	margin:0;
	padding:0;
	border:none;
	border-radius:0;
	box-shadow:none;
	background:none;
}
#shop .writeQuest .close {
	top:10px;
	right:10px;
	background:url('/resource/common/images/icon_modal_close_gr.png') center center no-repeat;
}
#shop .writeQuest textarea {
	min-height:130px;
}
#shop .writeQuest .btn:hover {
	text-decoration:none;
}
#shop .readMore {
	padding:15px 0;
	border-bottom:1px solid #c1c1c1;
	background:#fafafa;
	color:#676767;
	cursor:pointer;
}
#shop .review .rating {display:block;}
.review .reviewWrap {margin:0 0 80px;}
.review h3 {margin:0 0 1em; font-size:1em; font-weight:bold;}
.review .rating .star {font-family:fontAwesome; font-size:1.4em; color:#ccc;}
.review .rating .star:before {content:"\f005";}
.review .rating_1 .stars .star:first-of-type {color:#ffcc00;}
.review .rating_2 .stars .star:first-of-type,.review .rating_2 .stars .star:nth-of-type(2) {color:#ffcc00;}
.review .rating_3 .stars .star:first-of-type,.review .rating_3 .stars .star:nth-of-type(2),.review .rating_3 .stars .star:nth-of-type(3) {color:#ffcc00;}
.review .rating_4 .stars .star:first-of-type,.review .rating_4 .stars .star:nth-of-type(2),.review .rating_4 .stars .star:nth-of-type(3),.review .rating_4 .stars .star:nth-of-type(4) {color:#ffcc00;}
.review .rating_5 .stars .star {color:#ffcc00;}
.review .reviewContents {text-align:left;}
.review .reviewContents .photoList {margin:15px -8px 0; padding:0; list-style:none;}
.review .reviewContents .photoList li {float:left; max-width:80px; padding:0 8px;}
.review .reviewContents .photoList li a {display:inline-block; max-width:100%; border-radius:2px; overflow:hidden; box-shadow:2px 2px 2px #ccc; transition:all 0.5s;}
.review .reviewContents .photoList li a:hover,.review .reviewContents .photoList li a:focus,.review .reviewContents .photoList li a:active {box-shadow:2px 2px 7px #666;}
.review .reviewContents .photoList li img {max-width:100%;}

.review .reviewList {margin:0; padding:0; list-style:none; font-size:13px;}
.review .reviewList>li {border-top:1px solid #c1c1c1;}
.review .reviewList>li:last-child {border-bottom:1px solid #c1c1c1;}
.review .reviewList .nonePost {padding:15px;}
.review .summary {padding:10px 15px;}
#shop .review .summary .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
.review .summary .cells {padding:5px 0;}
.review .summary .num {position:absolute; top:-9999em; left:-9999em; width:1px; height:1px; margin:-1px; overflow:hidden;}
.review .summary .name,.review .summary .date {display:inline-block; margin-right:5px;}
.review .detailReviewtitle {font-size:15px; font-weight:bold; color:#333;}
.review .reviewDetail {border-top:1px solid #c1c1c1; background:#fafafa;}
.review .reviewContents {padding:10px 15px;}

.review .questionList {margin:0; padding:0; list-style:none; font-size:13px;}
.review .questionList>li {border-top:1px solid #c1c1c1;}
.review .questionList>li:last-child {border-bottom:1px solid #c1c1c1;}
.review .questionList .nonePost {padding:15px;}
.review .question {padding:10px 15px;}
.review .questionDetail {display:none; border-top:1px solid #c1c1c1; background:#fafafa;}
#shop .review .question .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
.review .question .cells {padding:5px 0;}
.review .question .num {position:absolute; top:-9999em; left:-9999em; width:1px; height:1px; margin:-1px; overflow:hidden;}
.review .question .name,.review .question .date {display:inline-block; margin-right:5px;}
.review .detailQuestiontitle {position:relative; margin-bottom:0; font-size:15px; font-weight:bold; color:#333;}
.review .questionContents {padding:10px 15px;}
.review .questionContents .manage {font-size:12px;}
.review .questionBox {margin-top:10px; word-break:break-all;}
.review .answerContents {padding:10px 15px;}
.review .answerContents .manage .name {font-weight:bold;}
.review .answerContents .manage .date {display:inline-block; margin-left:10px; color:#999;}

/* review photo layer */
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;padding:0 15px;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}/*User Style:Change the following styles to modify the appearance of ColorBox. They areordered & tabbed in a way that represents the nesting of the generated HTML.*/#cboxOverlay{background:#000;}#colorbox{}#cboxContent{margin-top:20px;padding-top:10px;}.cboxIframe{background:#fff;}#cboxError{padding:50px;border:1px solid #ccc;}#cboxLoadedContent{padding:40px;border:5px solid #FFF;border-radius:3px;background:#FFF;}#cboxTitle{position:absolute;top:-20px;left:1.5em;color:#FFF;font-weight:bold;}#cboxTitle a {display:inline-block;padding:5px;border:1px solid #9094a2;border-radius:3px;color:#9094a2;}#cboxCurrent{position:absolute;top:-20px;right:15px;color:#FFF;}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff;}#cboxPrevious,#cboxNext {position:absolute;top:50%;width:25px;height:46px;margin-top:-32px;background:url('/resource/common/cmsimg/cbox_nav.png') no-repeat;text-indent:-9999px;opacity:.7;}#cboxPrevious{left:25px;background-position:left top;}#cboxNext{right:25px;background-position:left bottom;}#cboxLoadingOverlay{border-radius:10px;background:#FFF;}#cboxLoadingGraphic{background:url('/resource/common/cmsimg/loading01.gif') no-repeat center center;}#cboxClose{position:absolute;top:10px;right:15px;display:block;width:40px;height:40px;border-radius:3px;background:#9094a2 url('/resource/common/cmsimg/x01.png') no-repeat center center;text-indent:-9999px;}#cboxPrevious:hover,#cboxNext:hover{opacity:1;}
#cboxOverlay {background:#fff;}
#cboxContent {padding:0; border:1px solid #eee;}
#cboxLoadedContent {margin:0 auto; padding:60px 15px; border:none;}
#cboxCurrent {top:auto; left:0; right:0; bottom:25px; text-align:center; color:#666;}
#cboxClose {width:36px; height:36px; background:url('/resource/official/common/img/ico_confirmlayer_cancel_b_x2.png') 50% 50% no-repeat; background-size:36px 36px;}
#cboxPrevious {top:auto; bottom:27px; width:12px; height:22px; left:50%; margin-left:-40px; background-size:12px 44px;}
#cboxNext {top:auto; bottom:27px; width:12px; height:22px; right:50%; margin-right:-40px; background-size:12px 44px;}
/*
.shop .shareThis {margin-top:20px; font-size:0; border:none;}
.shop .shareThis .btn {display:inline-block; float:none; padding:0; border-bottom:1px solid #c1c1c1;}
.shop .shareThis .kakao {position:relative;}
.shop .shareThis .kakao .snsTooltip {left:-27px;}
.shop .shareThis .facebook {border-left:1px solid #c1c1c1;}
.shop .shareThis .like {position:relative;}
.shop .shareThis .badge {left:auto; right:-10px;}

.shop .related {margin:0 0 40px; padding-top:40px; border-top:1px solid #ededed;}
.shop .related h3 {padding:0; font-size:16px; border:none;}
.shop .relatedWrap {margin:0 -5px; padding:15px 0;}
.shop .related .tile {width:50%; margin-bottom:10px; padding:0 5px;}
.shop .related .tile a {border:1px solid #ededed;}
.shop .related .tileImg {height:130px;}
.shop .related .tileImg img {max-width:none;}
.shop .related .tileTitle {height:80px; padding:15px 10px; border-top:1px solid #ededed; background:#fff;}
.shop .related .tile a:hover .tileTitle,#shop .related .tile a:focus .tileTitle,#shop .related .tile a:active .tileTitle {background:#f9f9f9;}
.shop .related .tile a:hover .tileTitle h4,#shop .related .tile a:focus .tileTitle h4,#shop .related .tile a:active .tileTitle h4 {text-decoration:underline;}
.shop .related .tileTitle h4 {font-size:14px;}
.shop .related .tileTitle p {margin:0;}
.shop .related .tileTitle .price {font-size:13px;}
.shop .related .tileTitle .oprice {display:inline-block; margin-right:5px; font-size:12px; text-decoration:line-through; color:#999;}
.shop .related .tileTitle:after {display:none;}
 */
/* shop 주문 */
#shop .orderInfo .orders {
	margin-bottom:30px;
}
#shop .componentPrice {font-size:12px; color:#787878;}
/* shop 주문 에스크로 숨김처리 */
#shop .orderInfo .escrowWrap{
	display: none;
}
#shop .orderBox {margin-bottom:15px; padding:20px 15px 0; border:1px solid #c1c1c1;}
#shop .orderBox .innerOrderbox {margin-bottom:20px;}
#shop .orderInfo .orders h2,#shop .orderBox h2 {margin:0 0 0.5em; font-size:16px; line-height:1.3;}
#shop .orderInfo .orders h3,#shop .orderBox h3 {margin:0 0 0.5em; font-size:14px; line-height:1.3;}

.mCol {margin-bottom:15px;}
#shop .orderBox .goodInfo {
	width:100%;
	text-align:left;
}
#shop .orderBox .inputWrap {margin-bottom:10px;}
#shop .orderBox .form-group.agreeGroup .inputWrap {margin-bottom:0;}
#shop .orderBox .inputWrap  a {margin-left:5px; font-size:13px; vertical-align:middle;}
#shop .orderBox .orderinfoLabel {display:block;font-size:14px;font-weight:normal;color:#787878;}
#shop .orderBox label {display:inline-block;}
#shop .orderBox .orderinfoInput {
	display:block; width:100%;
	height:40px;
	padding:5px 12px;
	font-size:13px;
	border:1px solid #d9d9d9;
}
#shop .orderBox .orderinfoInput[name="bankaccount_name"] {max-width:240px;}
#shop .orderBox .cashReceipt .selectReceipt {margin-bottom:10px; margin-right:10px;}
	#shop .orderBox .cashReceipt .orderinfoInput {display:inline-block; max-width:240px;}
#shop .nonmemberRegis {display:none; text-align:center;}
#shop .nonmemberRegis .btnRegis {width:100%; font-size:14px;}
#shop .nonmemberRegis .completeRegis {padding:10px; font-size:14px; color:#787878; border:1px solid #c1c1c1; background:#fafafa;}
#shop .orderInfo .findPostcode {display:block; position:relative; padding-right:90px;}
#shop .postcodeBtn {position:absolute; top:0; right:0; width:85px; height:40px; vertical-align:top;}
#shop .orderBox .detailAddress {margin-top:5px;}
#shop .orderInfo .orderinfoInput[name="memo"] {height:auto; min-height:120px;}
#shop .orderInfo .payment .bank ul {
	padding:0;
	color:#676767;
}
#shop .orderInfo .payWrap input[type="radio"] {
	position:relative;
	top:1px;
}
#shop .orderInfo .payWrap label {
	display:inline-block;
	margin:5px 20px 0 5px;
	font-size:13px;
	font-weight:normal;
	color:#676767;
}
#shop .orderInfo .btnPay {
	text-align:right;
}

/* 장바구니 */
#shop.shopCart header h2 {
	color:#676767;
}
#shop .cartInfo table {
	margin-bottom:20px;
}
#shop .cartInfo .del {
	padding:0;
	color:#0a72c3;
	border:none;
	background:none;
}
#shop .cartInfo .cartBtn {
	text-align:left;
	margin-top:10px;
}
#shop .cartInfo .goodInfo .info span {display:inline;}
#shop .cartInfo .pluginNaver {margin-top:15px;}
/* 구매완료 */
#shop.shopDone header {
	margin:0 0 80px;
}
#shop.shopDone header h1 {
	text-align:center;
}
.shopDone header h1:before {
	display:block;
	content:"\f058";
	text-align:center;
	font-family:fontAwesome;
	font-size:4em;
	color:#0a72c3;
}
#shop .doneInfo table {
	margin-bottom:20px;
}
#shop .doneInfo .shopTable tr {
	margin-bottom:0;
	padding:0;
	border:none;
	background:none;
}
#shop .doneInfo .shopTable tfoot tr {
	display:block;
	position:relative;
	margin:15px 0;
	padding:10px 5px;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	background:#fafafa;
}
#shop .doneInfo .shopTable .orderDate {
	margin-top:15px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
	background:#fafafa;
}
#shop .doneInfo .totalPay {
	padding-bottom:10px;
	border-bottom:1px solid #c1c1c1;
}
#shop.shopDone .detailDelivery {margin-bottom:50px;}
#shop .doneMsg {margin-top:-30px; margin-bottom:30px; font-size:14px; color:#666; line-height:1.3;}
/* 주문배송조회 */
#shop .orderListInfo .term {
	margin-bottom:50px;
	padding:18px 0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
}
#shop .orderListInfo h2 {
	float:left;
	margin:0;
	font-size:13px;
	line-height:40px;
	padding:0 30px;
}
#shop .orderListInfo .set {
	float:left;
	padding:4px 0;
	font-size:13px;
}
#shop .orderListInfo .set input {
	display:inline-block;
	width:125px;
	padding:5px 10px;
	cursor:pointer;
}
#shop .orderListInfo .set input:last-of-type {
	margin:0 10px 0 20px;
}
#shop .orderListInfo .set label {
	color:#676767;
	cursor:pointer;
}
#shop .orderListInfo .set label:first-of-type {
	margin:0 20px 0 10px;
}
#shop .orderListInfo .termResult {
	font-size:14px;
	color:#676767;
}
#shop .orderListInfo .shopTable tr {
	margin-bottom:15px;
	padding:0;
	border:none;
	background:none;
}
#shop .orderListInfo .shopTable td {padding:15px 10px; border-bottom:1px solid #c1c1c1;}
#shop .orderListInfo .xsTh {width:70px; margin-right:0;}
#shop .orderListInfo .deliveryPay {
	margin:0;
	font-size:.9em;
	color:#676767;
}
#shop .orderListInfo .shopTable .orderDate {
	padding:15px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	border-top:2px solid #dedede;
	border-bottom:1px solid #c1c1c1;
}
#shop .orderListInfo .deliveryProgress {
	padding-bottom:10px;
}
#shop .deliveryProgress .volum {
	margin-left:65px;
}
#shop .deliveryProgress .volum input {float:none; width:100%; height:auto; padding:5px 0; text-align:center; line-height:1.3;}
#shop .deliveryProgress .volum .btnChangeVolum {display:block; margin:5px auto 0; padding:5px 0; text-align:center; line-height:1.3; cursor:pointer; border:1px solid #dedede; background:#fff;}
#shop .btn.btnDelivery {
	display:inline-block;
	padding:5px 10px;
}
#shop .orderListInfo .goodReview {padding-bottom:10px; border-bottom:none;}
#shop .orderListInfo .nonePost {
	padding:30px 0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
}
#shop .commentTitle {
	display:block;
	overflow:hidden;
}
#shop .deliveryProgress .reviewComplete {margin-top:5px; color:#999;}
#shop .orderListInfo .btn {display:inline-block; margin:2px 0; padding:6px 15px; font-size:12px; vertical-align:middle; color:#fff; cursor:pointer;}
#shop .orderListInfo .progressBtn {display:inline-block; vertical-align:top; margin-left:5px;}
#shop .orderListInfo .progressBtn>span {display:block;}
#shop .orderListInfo .btn.reviewDel {color:#aaa;}
#shop .orderListInfo .btn.disabledBtn {color:#fff; background:#bfbfbf;}
/* 
#shop.cshop .shopInfo .col-xs-12 {float:none; width:auto;}
#shop.cshop .orderListInfo .goodInfo {position:relative;}
#shop.cshop .orderListInfo .goodInfo.move_iframe {padding-right:50px;}
#shop.cshop .orderListInfo .goodInfo .btnContentsPlay {position:absolute; top:50%; right:5px; width:45px; height:45px; margin:-30px 0 0; padding:0; font-size:0; text-indent:-9999px; border-radius:100%; border:none; background:rgba(0,0,0,0.4) url('/resource/official/common/img/btn_play.png') 50% 50% / 110% auto no-repeat;}
#shop.cshop .orderListInfo .goodInfo .btnContentsPlay:hover,#shop.cshop .orderListInfo .goodInfo .btnContentsPlay:focus {background-color:rgba(0,0,0,0.6);}
#shop.cshop .orderListInfo .goodInfo .btnContentsPlay:before {content:"동영상보기"; position:absolute; top:100%; left:50%; width:60px; margin-top:5px; margin-left:-30px; padding:3px 0; text-align:center; font-size:11px; text-indent:0; line-height:1; color:#fff; border-radius:3px; background:#454545;}
 */
/* 상세조회 */
#shop .detailInfo h2 {
	margin:20px 0;
	padding:15px 0;
	font-size:13px;
	text-align:center;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
}
#shop .detailInfo h2 .num {
	font-size:18px;
	text-decoration:underline;
}
#shop .detailInfo h3 {
	font-size:18px;
	margin:20px 0 10px;
}
#shop .detailDelivery {
	margin-bottom:20px;
}
#shop .detailDelivery table {
	width:100%;
	border-bottom:1px solid #c1c1c1;
}
#shop .detailDelivery th,#shop .detailDelivery td {
	padding:10px 15px;
	font-size:13px;
	font-weight:normal;
	border-top:1px solid #c1c1c1;
}
#shop .detailDelivery th {
	width:100px;
	padding-left:0;
	border-right:1px solid #c1c1c1;
}
#shop .detailDelivery td {
	color:#676767;
}
#shop .btn.receipt {
	padding:5px 10px;
}

/* 장바구니 옵션설정 레이어팝업 */
.optionLaypop {display:none; position:fixed; top:0; left:0; overflow:hidden; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.8); z-index:1000;}
.optionLaypop .optionArea {display:table; width:100%; height:100%;}
.optionLaypop .optionBox {display:table-cell; text-align:center; vertical-align:middle; line-height:1.3;}
.optionLaypop .optionWrap {-position:relative; max-width:480px; max-height:100%; overflow:auto; margin:0 auto; text-align:left; background:#fff;}
.optionLaypop .optionBox .closeBtn {position:absolute; top:50%; right:-12px; width:40px; height:36px; margin-top:-18px; padding:0; text-indent:-9999em; background:url('/resource/official/common/img/ico_confirmlayer_cancel_b_x2.png') 50% 50% no-repeat; background-size:24px; border:none; cursor:pointer;}
.optionLaypop .optionBox img {width:100%;}
.optionLaypop .optionBox .title {position:relative; margin:0; padding:15px; font-size:16px; text-align:center; border-bottom:1px solid #c1c1c1;}
.optionLaypop .optionBox .productInfo {padding-top:15px; border-bottom:2px solid #656565;}
.optionLaypop .optionBox .productInfo .headInfo {margin-bottom:10px; font-size:0;}
.optionLaypop .optionBox .productInfo .thumb {display:inline-block; vertical-align:middle; width:30%; padding-right:15px;}
.optionLaypop .optionBox .productInfo .thumb img {border:1px solid #c1c1c1;}
.optionLaypop .optionBox .productInfo .name {display:inline-block; font-size:14px;}
.optionLaypop .optionBox ul {margin:0; padding:0; list-style:none; border-top:1px solid #c1c1c1;}
.optionLaypop .optionBox ul:first-of-type {border-top:none;}
.optionLaypop .optionBox li {position:relative; padding:15px 0; border-top:1px dashed #e6e6e6;}
.optionLaypop .optionBox li:first-of-type {border-top:none;}
.optionLaypop .optionBox .dt {float:left; width:30%; padding-right:15px; font-size:12px; font-weight:bold; color:#333;}
.optionLaypop .optionBox .dd {position:relative; float:left; width:70%; margin:0;}
.optionLaypop .optionBox input,.optionLaypop .optionBox select {border-color:#c1c1c1; box-shadow:none; border-radius:0;}
/* .optionLaypop .optionBox .optList {padding:15px; border-bottom:2px solid #656565; background:#f5f5f5;} */
.optionLaypop .optionBox .optList .dt {padding-top:4px; font-weight:normal;}
.optionLaypop .optionBox .optList .dd {padding-right:30px;}
.optionLaypop .optionBox .optList .del {position:absolute; top:12px; right:-7px; width:30px; height:30px; padding:0; text-indent:-999em; border:none; background:url('/resource/official/common/img/ico_confirmlayer_cancel_b.png') 50% 50% no-repeat; background-size:18px; opacity:0.5; z-index:1;}
.optionLaypop .calc {position:relative;}
.optionLaypop .calc button {position:absolute; top:0; width:34px; height:34px; padding:0; font-family:"Myriad"; color:#a6a6a6; border:1px solid #c1c1c1; background:#fff;}
.optionLaypop .calc .minus {left:0;}
.optionLaypop .calc .plus {right:0;}
.optionLaypop .calc .form-control {padding-left:50px; padding-right:50px; text-align:center;}
.optionLaypop .optionCate {display:block; color:#777;}
.optionLaypop .volum .price {display:block; margin-top:5px; font-size:14px; color:#676767;}
.optionLaypop .totalPrice {padding:15px 0; border-bottom:1px solid #c1c1c1; border-top:2px solid #656565;}
.optionLaypop .totalPrice .dt {font-size:14px; padding-top:7px;}
.optionLaypop .totalPrice .dd {font-size:14px;}
.optionLaypop .totalPrice .calculatedPrice {font-size:24px; font-weight:bold; vertical-align:middle;}
.optionLaypop .action {padding:15px 20px;}
.optionLaypop .action .btn {display:block; float:left; position:relative; width:50%; padding:15px 5px;}
.optionLaypop .action .btn:nth-of-type(2n+1) {left:-5px;}
.optionLaypop .action .btn:nth-of-type(2n) {right:-5px;}
.optionLaypop .productPrice {padding:15px 0; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
.optionLaypop .productPrice .price {vertical-align:middle; font-size:18px;}
.optionLaypop .goodsVolum {padding:15px 0;}
.optionLaypop .optionBox .title,.optionLaypop .optionBox .productInfo,.optionLaypop .optionBox .optList,.optionLaypop .totalPrice {margin-left:20px; margin-right:20px;}

/* 배송조회 레이어팝업 */
.deliveryLaypop {display:none; position:fixed; top:50%; left:50%; overflow:hidden; width:280px; height:220px; padding:20px; margin-top:-110px; margin-left:-140px; border-radius:10px; box-shadow:0 0 7px rgba(0,0,0,0.2); background:#fff; z-index:99999;}
.deliveryLaypop table {width:100%;}
.deliveryLaypop caption {margin-bottom:10px;}
.deliveryLaypop th,.deliveryLaypop td {padding:10px 15px; font-size:13px; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
.deliveryLaypop th {background:#f0f0f0;}
.deliveryLaypop .close {position:absolute; top:0; right:0;}
.deliveryLaypop .close button {width:35px; height:35px; padding:0; text-indent:-9999em; background-image:url('/resource/official/common/img/ico_confirmlayer_close.png'); background-size:35px 35px; background-repeat:no-repeat; background-position:50% 50%; background-color:#000; border:none; cursor:pointer;}

/* 환불/교환 레이어팝업 */
.requestLaypop {display:none; position:fixed; top:50%; left:50%; overflow:hidden; width:280px; height:240px; padding:20px; margin-top:-120px; margin-left:-140px; border-radius:10px; box-shadow:0 0 7px rgba(0,0,0,0.2); background:#fff; z-index:99999;}
.requestLaypop caption {margin-bottom:10px;}
.requestLaypop button[type="submit"] {float:right; width:80px; color:#fff;}
.requestLaypop table {width:100%;}
.requestLaypop textarea {width:100%; max-width:100%; padding:10px 15px; font-size:13px;}
.requestLaypop .close {position:absolute; top:0; right:0;}
.requestLaypop .close button {width:35px; height:35px; padding:0; text-indent:-9999em; background-image:url('/resource/official/common/img/ico_confirmlayer_close.png'); background-size:35px 35px; background-repeat:no-repeat; background-position:50% 50%; background-color:#000; border:none; cursor:pointer;}

/* 상품문의 레이어팝업 */
.questionLaypop {display:none; position:fixed; top:0; left:0; overflow:hidden; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99999;}
.questionLaypop .questionArea {position:absolute; top:50%; left:50%; width:90%; height:356px; margin-top:-178px; margin-left:-45%; padding:65px 20px 20px; overflow:hidden; border-radius:10px; background:#fff;}
.questionLaypop h3 {position:absolute; top:0; left:0; width:100%; margin:0; padding:15px 20px; font-size:14px; font-weight:normal; color:#fff; background:#555;}
.questionLaypop .questionWrap {max-height:100%; overflow-y:auto;}
.questionLaypop textarea {min-height:14em; line-height:1.75;}
.questionLaypop .btnCompleteQuestion {float:right; margin-top:10px; width:80px; color:#fff;}
.questionLaypop .close {position:absolute; top:0; right:0; opacity:1;}
.questionLaypop .close button {width:45px; height:45px; padding:0; text-indent:-9999em; background-image:url('/resource/official/common/img/icon_layer_close_x2.png'); background-color:transparent; background-size:22px 20px; background-repeat:no-repeat; background-position:50% 50%; border:none; cursor:pointer; opacity:0.6;}
.questionLaypop .close button:hover,.questionLaypop .close button:focus,.questionLaypop .close button:active {opacity:0.9;}
/* 상품평 레이어팝업 */
.reviewLaypop {display:none; position:fixed; top:0; left:0; overflow:hidden; width:100%; height:100%; z-index:99999;}
.reviewLaypop .reviewArea {height:100%; padding:45px 20px 20px; overflow:hidden; background:#fff;}
.reviewLaypop h3 {position:absolute; top:0; left:0; width:100%; margin:0; padding:15px 20px; font-size:14px; font-weight:normal; color:#fff; background:#555;}
.reviewLaypop .reviewWrap {max-height:100%; padding:0 5px 0 0; overflow-y:auto;}
.reviewLaypop table {width:100%;}
.reviewLaypop caption {margin-bottom:10px;}
.reviewLaypop th,.reviewLaypop td {display:block; font-size:13px;}
.reviewLaypop th {padding:10px 0 0;}
.reviewLaypop td {padding:10px 0; border-bottom:1px solid #c1c1c1;}
.reviewLaypop .subject td,.reviewLaypop .cont td {padding-bottom:0; border:none;}
.reviewLaypop .reviewTh {border-top:1px solid #c1c1c1;}
.reviewLaypop .rating {clear:both;text-align:left; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
.reviewLaypop .rating .ratingTh {display:inline-block; position:relative; top:-2px; margin-right:5px; padding:2px 10px; font-size:12px; color:#fff; border-radius:2px; background:#ccc;}
.reviewLaypop .rating th,.reviewLaypop .rating td {display:inline-block; padding:10px 0; border:none;}
.reviewLaypop .rating th {padding-right:20px;}
.reviewLaypop .rating .star {color:#ccc; cursor:pointer;}
.reviewLaypop .rating .star.on:before,.reviewLaypop .rating .star:hover:before {color:#ffcc00;}
.reviewLaypop .productThumb {float:left; border:none;}
.reviewLaypop .productThumb img {width:60px; height:60px; border:none;}
.reviewLaypop .productInfo {margin-left:75px; border:none;}
.reviewLaypop .reviewReply {margin-top:15px; font-size:13px;}
.reviewLaypop .reviewReply .replyBox {border:1px solid #c1c1c1;}
.reviewLaypop .reviewReply .replyInfo {padding:5px 10px; font-size:12px; color:#999;}
.reviewLaypop .reviewReply .replyInfo .name {margin-right:5px; font-weight:bold; color:#333;}
.reviewLaypop .reviewReply .replyContent {height:83px; overflow:auto; padding:10px; border-top:1px solid #c1c1c1;}
.reviewLaypop .reviewReply .noneReply {padding:10px 0; text-align:center; color:#999; background:#f9f9f9;}
.reviewLaypop .photoList {margin-top:15px;}
.reviewLaypop .photoList ul {height:130px; margin:0; padding:0; list-style:none;}
.reviewLaypop .photoList li {position:relative; float:left; max-width:100px; padding-right:15px;}
.reviewLaypop .photoList li span {display:block; max-width:100%; border-radius:2px; overflow:hidden; box-shadow:2px 2px 2px #ccc;}
.reviewLaypop .photoList li img {max-width:100%; max-height:130px;}
.reviewLaypop .photoList li .del {position:absolute; top:-5px; right:4px; width:20px; height:20px; padding:0; border:1px solid #dadada; border-radius:100%; background:#fff url('/resource/official/common/img/ico_confirmlayer_cancel_b.png') 50% 50% no-repeat; background-size:12px 12px;}
.reviewLaypop .photoList .nonePhoto {float:none; max-width:none; padding:54px 0; font-size:13px; text-align:center; color:#999; background:#f9f9f9;}
.reviewLaypop .close {position:absolute; top:0; right:0; opacity:1;}
.reviewLaypop .close button {width:45px; height:45px; padding:0; text-indent:-9999em; background-image:url('/resource/official/common/img/icon_layer_close_x2.png'); background-color:transparent; background-size:22px 20px; background-repeat:no-repeat; background-position:50% 50%; border:none; cursor:pointer; opacity:0.6;}
.reviewLaypop .close button:hover,.reviewLaypop .close button:focus,.reviewLaypop .close button:active {opacity:0.9;}
.reviewLaypop input[type="text"] {width:100%; max-width:100%; padding:7px; border-radius:3px; border:1px solid #d9d9d9;}
.reviewLaypop input[type="file"] {position:absolute; left:-9999em; width:1px; height:1px; margin:-1px; overflow:hidden;}
.reviewLaypop textarea {width:100%; max-width:100%; border-color:#d9d9d9; border-radius:3px;}
.reviewLaypop .reviewWrap .error {display:none; margin:10px 0 -5px; padding:0; font-size:13px; color:#a94442;}
.reviewLaypop .reviewWrap .rating .error {margin:0 0 0 50px;}
.reviewLaypop .reviewWrap .photoList .error {margin:0;}
.reviewLaypop .btns {margin-top:10px;}
.reviewLaypop .btns .photoUpload {float:left;}
.reviewLaypop .photoCnt {display:inline-block; margin:0 0 0 10px; font-size:13px; color:#999; letter-spacing:1px;}
.reviewLaypop button[type="submit"] {float:right; width:80px; color:#fff;}
.reviewLaypop #cke_review_content {width:auto !important;}

.reviewWrap::-webkit-scrollbar {width: 5px; height: 5px; border: 1px solid #fff; }
.reviewWrap::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;}
.reviewWrap::-webkit-scrollbar-track {background:rgba(200,200,200,0.5); border-radius:0; -webkit-box-shadow:none;}
.reviewWrap::-webkit-scrollbar-thumb {height: 50px; width: 50px; background:rgba(150,150,150,0.3); border-radius:0; -webkit-box-shadow:none;}

/*mediaquery*/
@media (max-width:320px) {
}
@media (min-width:320px) {
}
@media (min-width:360px) {
	#shop .related .tileImg {height:165px;}
	.review .reviewContents .photoList li {max-width:100px;}
}
@media (min-width:480px) {
	#shop .related .tileImg {height:225px;}
	.review .reviewContents .photoList li {max-width:140px;}
}
@media (min-width:768px) {
	.mCol {margin-bottom:0;}
	.mInline {display:block;}
	input[type="checkbox"]+label {font-size:14px;}
	#shop header {margin-bottom:40px;}
	#shop header h1 {font-size:28px;}
	#shop .btn, #shop .action .btn {
		padding:13px 15px 12px;
	}
	#shop .action .btn:first-of-type {left:-25px;}
	#shop .action .btn:last-of-type {right:-25px;}
	#shop .onNonmem .action {padding-left:30px; padding-right:0;}
	#shop .onNonmem .action .btn {width:25%; margin-bottom:0;}
	#shop .onNonmem .action .btn:nth-of-type(2n+1) {left:auto;}
	#shop .onNonmem .action .btn:nth-of-type(2n) {right:auto;}
	#shop .onNonmem .action .btn:nth-of-type(1) {left:-30px;}
	#shop .onNonmem .action .btn:nth-of-type(2) {left:-20px;}
	#shop .onNonmem .action .btn:nth-of-type(3) {left:-10px;}
	#shop .shopTable {
		display:table;
	}
	#shop .shopTable tbody,#shop .shopTable tfoot {
		display:table-row-group;
	}
	#shop .shopTable thead {
		position:static;
		width:auto;
		height:auto;
		margin:0;
	}
	#shop .shopTable tr,#shop .doneInfo .shopTable tfoot tr {
		display:table-row;
		padding:0;
		margin:0;
		border:none;
		background:none;
	}
	#shop .shopTable th,#shop .shopTable td {
		text-align:center;
		border-bottom:1px solid #c1c1c1;
	}
	#shop .shopTable th {
		padding:15px 5px;
		border-top:1px solid #c1c1c1;
	}
	#shop .shopTable td {
		display:table-cell;
		padding:25px 5px;
		color:#676767;
	}
	#shop .shopTable td:first-child {padding-top:25px;}
	#shop .shopTable .goodInfo {position:relative;}
	#shop .shopTable .goodInfo .thumb {position:absolute; top:50%; left:5px; margin-top:-25px;}
	#shop .shopTable .detailPrice .priceBox:last-of-type {margin-top:0; padding-top:0; border-top:none;}
	#shop .shopTable .detailPrice .priceBox:before {content:"+"; margin:0 15px;}
	#shop .shopTable .detailPrice .priceBox:first-of-type:before {display:none;}
	#shop .shopTable .detailPrice .priceBox:last-of-type:before {content:"=";}
	#shop .orderListInfo .nonePost {border-top:none;}
	#shop .dtCont {padding-top:30px;}
	#shop .shopInfo {
		padding-top:40px;
	}
	#shop .goodInfo {
		display:table-cell;
		width:45%;
		padding-left:25px;
		text-align:left;
	}
	#shop .orderInfo .goodInfo {
		width:60%; padding-top:10px; padding-left:25px;
	}
	.shop_floatingBar .goodOption {max-height:300px; padding-left:30px; padding-right:30px;}
	.shop_floatingBar .goodOption .optionList {float:left; width:50%; padding-right:30px;}
	.shop_floatingBar .goodOption .addedList {float:left; width:50%; padding-left:30px; border-top:none;}
	.shop_floatingBar li {padding:15px 0;}
	.shop_floatingBar .addedList .del {top:20px;}
	.shop_floatingBar .goodsInfo {position:relative; padding:15px 30px;}
	.shop_floatingBar .gInfo {display:block; position:relative; height:47px; margin-right:270px; padding-right:120px; padding-bottom:0; line-height:47px;}
	.shop_floatingBar .gInfo .gPrice {position:absolute; top:0; right:0;}
	.shop_floatingBar .btns {float:right; width:240px; margin-top:-47px;}
	#thumbGallery.galleryImg .imgView {padding-top:90px; padding-bottom:200px;}
	#thumbGallery.galleryImg .swipeControl {display:block;}
	#thumbGallery.galleryImg .thumbList {padding:20px 30px;}
	#thumbGallery.galleryImg .desc {top:40px;}
	#thumbGallery .thumbList .thumbBox {width:640px; margin:0 auto;}
	#thumbGallery .thumbList .item {width:128px; padding:0 10px;}
	#thumbGallery .thumbList .centerPage .swipeItem {margin:0 auto !important; font-size:0; text-align:center;}
	#thumbGallery .thumbList .centerPage .item {display:inline-block; float:none; vertical-align:middle;}
	#shop .goodInfo .thumb {
		vertical-align:middle;
	}
	#shop .goodInfo .thumb {
		display:block;
		float:left;
		width:50px;
		margin-bottom:0;
	}
	#shop .goodInfo .info {
		display:block;
		margin-left:50px;
		padding-left:25px;
		text-align:left;
	}
	#shop .goodInfo .info span {
		font-size:13px;
		color:#888;
	}
	#shop .deliveryProgress .volum {width:80px; margin-left:auto; margin-right:auto;}
	#shop .disPercent {
		margin-left:20px;
	}
	#shop .action {padding-left:25px; padding-right:25px;}
	#shop .pluginNaver {padding-top:15px; padding-bottom:0;}
	.pluginNaver .talk_banner_div .talk_banner_preview {height:45px !important;}
	#shop .xsTh {
		display:none;
	}
	#shop .xsTd {
		display:inline; margin-left:0;
	}
	#shop .goodOrderInfo .xsTd {margin-left:0;}
	#shop .shopTable .btn_del {
		display:table-cell;
		position:static;
	}
	#shop .shopTable .btn_del button {
		font-size:inherit;
	}
	#shop .shopTable tfoot td {
		padding:25px 15px;
		text-align:right;
		background:#fafafa;
	}
	#shop .shopTable tfoot div {
		display:inline;
	}
	#shop .shopTable tfoot .calc {
		margin:0 15px;
	}
	#shop .goodqna tbody .num {
		position:static;
		width:8%;
		height:auto;
		margin:0;
		padding:1.8em .5em;
		border-bottom:1px solid #c1c1c1;
	}
	#shop .goodqna tr {
		border:none;
	}
	#shop .goodqna tr:nth-of-type(2n) {
		background:none;
	}
	#shop .goodqna tr:first-of-type {
		border:none;
	}
	#shop .goodqna tbody tr:hover>td {
		background-color:#fafafa;
	}
	#shop .goodqna th {
		padding:1.1em .5em;
		text-align:center;
		color:#343434;
		border-bottom:1px solid #c1c1c1;
	}
	#shop .goodqna td {
		display:table-cell;
		margin:0;
		padding:1.8em .5em;
		font-size:1em;
		text-align:center;
		color:#676767;
		border-top:none;
		border-bottom:1px solid #c1c1c1;
	}
	#shop .goodqna td a {
		color:#676767;
	}
	#shop .goodqna .qnaQuest,#shop .goodqna .qnaAnswer {
		display:table-cell;
	}
	#shop .goodqna .qnaQuest {
		width:65%;
	}
	#shop .goodqna .subject {
		display:table-cell;
		padding:1.8em .5em;
		font-size:1em;
		text-align:left;
	}
	#shop .goodqna .state {
		width:13%;
		display:table-cell;
		float:none;
		margin:0;
	}
	#shop .goodqna .wauthor {
		width:13%;
	}
	#shop .goodqna .wdate {
		width:18%;
	}
	#shop .goodqna .vcount {
		width:13%;
	}
	.goodqna .state:before,.goodqna .state:after,.goodqna .wauthor:after {
		display:none;
	}
	#shop .goodqna .writeQuest tr:hover>td {
		background:none;
	}
	#shop .goodqna .shopTable {
		table-layout:fixed;
	}
	#shop .goodqna .questionTable {
		table-layout:auto;
	}
	#shop .writeQuest th {
		display:table-cell;
		border-top:1px solid #c1c1c1;
		background:#fafafa;
	}
	#shop .writeQuest td {
		display:table-cell;
		padding:15px;
		border-top:1px solid #c1c1c1;
	}
	#shop .review .rating {display:table-cell;}
	#shop .review .summary .cells {display:block; float:left; padding:25px 10px; text-align:center;}
	.review .summary {padding:0;}
	/* .review .summary .num {position:static; width:8%; height:auto; margin:0;} */
	#shop .review .summary .subject {width:49%; text-align:left;}
	#shop .review .summary .rating {width:20%; padding:20px 10px;}
	.review .summary .name {width:13%; margin:0;}
	.review .summary .date {width:18%; margin:0;}
	.review .reviewList .nonePost {padding:25px 10px;}
	#shop .related {padding-top:60px;}
	#shop .related .tile {width:25%;}
	#shop .related .tileImg {height:240px;}
	#shop .orderListInfo .shopTable td {padding:25px 5px;}
	#shop .orderListInfo .shopTable .orderDate {
		margin-top:0;
		text-align:center;
		font-size:1em;
		font-weight:normal;
		border-top:none;
		background:none;
	}
	#shop .orderListInfo .goodInfo {width:30%;}
	#shop .orderListInfo .deliveryProgress {
		padding:25px 5px;
	}
	#shop .orderListInfo .deliveryProgress .progressBtn {display:block; margin-left:0;}
	#shop .orderListInfo .deliveryProgress .progressBtn .btn {margin:3px 0 0;}
	#shop .btn.btnDelivery {
		margin-top:8px;
	}
	#shop .deliveryProgress .volumBox {
		margin:0 auto;
	}
	#shop .orderListInfo .btnDelivery {
		margin-top:8px;
	}
	#shop .orderListInfo .btn {margin:0; padding:2px 6px;}
	#shop .orderListInfo .goodReview {border-bottom:1px solid #c1c1c1;}
	#shop .doneInfo .shopTable .orderDate {
		margin-top:0;
		text-align:left;
		font-size:1em;
		font-weight:normal;
		border-top:none;
		background:none;
	}
	#shop .orderInfo .payWrap p {display:inline-block; margin-right:15px;}
	#shop .doneInfo .totalPay {
		padding:25px 5px;
	}
	#shop.shopView .shopInfo {margin-left:-15px; margin-right:-15px;}
	#shop .shopInfo .thumb {border-bottom:none;}
	#shop .shopInfo .col-xs-12 {padding-left:15px; padding-right:15px;}
	#shop .bigThumb {max-width:none; max-height:325px; margin-right:30px; margin-bottom:30px; margin-left:0;}
	#shop .smallThumb {
		width:325px;
		height:62px;
		margin:0;
	}
	#shop .thumbBtn {
		max-width:325px; margin-left:0;
	}
	#shop .infoWrap {
		margin-top:0;
		padding-left:45px;
	}
	#shop .imgList ul {
		width:420px;
		margin:0 -4px;
	}
	#shop .imgList li {
		width:84px;
		height:62px;
		padding:0 4px;
	}
	#shop .infoWrap .dt {width:40%; font-size:14px;}
	#shop .infoWrap .dd {width:60%;}
	#shop .optList .addedList .dt {padding-top:0;}
	#shop .modal-dialog {
		width:720px;
	}
	#shop .carousel {
		width:600px;
		height:600px;
		padding:20px;
		background:#fff;
	}
	#shop .carousel-control.left {
		left:-60px;
	}
	#shop .carousel-control.right {
		right:-60px;
	}
	#shop .dtCont .nav li {
		width:auto;
	}
	#shop .dtCont .nav li:first-child,
	#shop .dtCont .nav li:nth-child(2),
	#shop .dtCont .nav li:nth-child(3) {width:auto;}
	#shop .dtCont .nav a {
		min-width:150px;
		padding:16px 15px 0; font-size:13px;
	}
	#shop .pagination a {
		width:26px;
		height:26px;
		margin:0 5px;
		padding:0;
		font-size:13px;
		line-height:28px !important;
	}
	#shop .shopView .form-group {
		margin-bottom:10px;
	}
	#shop .btnWrite {text-align:right;}
	#shop .btnWrite button {width:auto; margin-top:0;}
	#shop .orderInfo .deliveryInfo .inputTel,#shop .orderInfo .detailAddress {
		margin-top:0;
		padding-left:0;
	}
	#shop .cartInfo .cartSelect {width:auto;}
	#shop .cartInfo .cartBtn {
		float:right; width:auto;
		margin-top:0;
	}
	#shop .cartInfo .pluginNaver {float:right;}
	#shop .detailInfo h2 {
		margin:50px 0;
		padding:23px 0;
	}
	#shop .detailInfo h3 {
		font-size:18px;
		margin:50px 0 30px;
	}
	#shop .detailDelivery th,#shop .detailDelivery td {
		padding:15px 30px;
	}
	#shop .detailDelivery th {
		width:200px;
		padding-left:0;
	}
	#shop .shareThis {margin-top:50px;}
	#shop .shareThis .btn {padding:0;}

	#shop .orderBox {position:relative; padding:45px 45px 25px;}
	#shop .orderInfo .orders h2, #shop .orderBox h2 {margin-bottom:1em; font-size:20px;}
	#shop .orderInfo .orders h3, #shop .orderBox h3 {margin-bottom:1em; font-size:16px;}
	#shop .orderBox .innerOrderbox {margin-bottom:15px;}
	#shop .orderBox .innerOrderbox:not(:first-of-type) {margin-top:45px;}
	#shop .orderBox .orderinfoInput {height:45px; padding:7px 15px; font-size:14px;}
	#shop .orderBox .form-group {margin:0 -15px;}
	#shop .orderBox .form-group .inputWrap {position:relative; float:left; width:33.33%; margin-bottom:20px; padding:0 15px;}
	#shop .orderBox .form-group .inputWrap.float2 {width:50%;}
	#shop .orderBox .form-group .inputWrap .errorjs {margin-bottom:-15px;}
	#shop .orderBox .form-group .nonmemberRegis {margin-top:27px; margin-bottom:0;}
	#shop .orderBox .form-group.noneFloat .inputWrap {float:none; width:auto;}
	#shop .orderBox .inputWrap  a {margin-left:10px; font-size:14px;}
	#shop .orderInfo .orderinfoInput[name="memo"] {min-height:155px;}
	#shop .orderInfo .findPostcode {padding-right:135px;}
	#shop .orderBox .detailAddress {margin-top:10px;}
	#shop .postcodeBtn {height:45px; width:120px;}

	#shop .related {margin-top:20px;}
	#shop .related .tileImg {height:160px;}
	.review .questionContents .titleWrap {position:relative;}
	.review .detailQuestiontitle {padding-right:70px;}
	#shop .review .question .cells {display:block; float:left; padding:25px 10px; text-align:center;}
	.review .question {padding:0;}
	.review .questionDetail {padding:20px 10px;}
	.review .question .num {position:static; width:8%; height:auto; margin:0;}
	#shop .review .question .subject {width:49%; text-align:left;}
	.review .question .name {width:13%; margin:0;}
	.review .question .date {width:17%; margin:0;}
	.review .questionList .nonePost {padding:25px 10px;}
	.review .reviewDetail {padding:20px 10px;}
	.review .reviewContents .photoList {margin-top:30px;}
	
	.requestLaypop {width:400px; margin-left:-200px;}

	.optionLaypop {padding:15px 0;}
	.optionLaypop .optionBox .title {padding:15px;}
	.optionLaypop .optionBox .productInfo {padding-top:20px;}
	.optionLaypop .optionBox .productInfo .headInfo {margin-bottom:15px;}
	.optionLaypop .optionBox .productInfo .thumb {padding-right:30px;}
	.optionLaypop .optionBox .title,.optionLaypop .optionBox .productInfo,.optionLaypop .optionBox .optList,.optionLaypop .totalPrice {margin-left:20px; margin-right:20px;}
	.optionLaypop .optionBox .dt {font-size:13px;}
	.optionLaypop .optionBox .optList .del {top:17px;}
	.optionLaypop .action {padding:20px 25px;}

	.questionLaypop .questionArea {width:600px; margin-left:-300px; padding:65px 35px 30px;}
	.questionLaypop textarea {min-height:13em;}
	.reviewLaypop {top:50%; left:50%; width:600px; height:746px; margin-top:-373px; margin-left:-300px; border-radius:10px;}
	.reviewLaypop .reviewArea {padding:45px 35px 30px;}
	.reviewLaypop caption {margin-bottom:15px;}
	.reviewLaypop th,.reviewLaypop td {display:table-cell; padding:15px 0;}
	.reviewLaypop th {width:80px; padding-left:0;}
	.reviewLaypop .rating {padding:20px 0; border-bottom:1px solid #c1c1c1;}
	.reviewLaypop .productThumb,.reviewLaypop .productInfo {float:none; padding-right:15px; border-bottom:1px solid #c1c1c1;}
	.reviewLaypop .subject td {padding:15px 0 0 0}
	.reviewLaypop .contentsArea {padding:15px 0 0;}
	.review .reviewContents .photoList li {max-width:150px;}
	#cboxLoadedContent {padding:60px 30px;}
	#cboxClose {width:60px; height:60px;}
}
@media (min-width:992px) {
	#shop .bigThumb {
		margin-bottom:60px;
	}
	#shop .shopView .form-group {
		margin-bottom:15px;
	}
	#shop .writeQuest .col-md-3 {
		padding-right:0;
	}
	#shop .shareThis .btn {padding:0;}
	#shop .related {margin-top:40px;}
	#shop .related .tileImg {height:183px;}
		#shop .orderListInfo .goodInfo {width:40%;}
	#cboxLoadedContent {padding:80px;}
}
@media (min-width:1280px) {
	#shop header h1 {font-size:34px;}
}