@charset "utf-8";

/*프로그램쪽 제외한~*/
/*회사소개*/

#gotop {
	z-index:1001; position:fixed; width:80px; height:80px; bottom:60px; left:calc(50% + 700px + 20px);
	/* margin-top:-40px; */
	background:#000 url(../images/common/i-gotop.png)no-repeat center 23px; border-radius:50%; cursor:pointer; text-align:center;
	opacity:1 !important;
}
	body.onlyMain #gotop {left:calc(50% + 600px + 20px);}
#gotop div {color:#fff; font-size:8px; font-weight:500; padding-top:50px; line-height:1;}

	
/* 공통 */
.imgOnly {text-align:center;}

.manyFind {margin-bottom:20px; padding:25px 40px; background:#fff; overflow:hidden; border:1px solid #c9caca;}
.manyFind>* {float:left;}
.manyFind p {font-size:18px; font-weight:400; line-height:1.1;}
.manyFind ul {float:right; overflow:hidden;}
.manyFind ul li {float:left; position:relative;}
.manyFind ul li+li {padding-left:40px; margin-left:40px;}
.manyFind ul li+li:before {content:''; display:block; width:1px; height:100%; background:#000; position:absolute; left:0 ;top:0;}
.manyFind ul li a {display:block;font-size:18px; font-weight:500; color:#3071b9; line-height:1.1;}

.top-logout {
    width: 44px; height: 48px; font-size:0;line-height:0;border:0;vertical-align:middle;
    background: url('/images/common/top_logout.png') no-repeat;
    background-size: contain;
}
.top-login {
    width: 44px; height: 48px; font-size:0;line-height:0;border:0;vertical-align:middle;
    background: url('/images/common/top_login.png') no-repeat;
    background-size: contain;
}

/*공통 - 리스트시작*/
article.layout-list {overflow:hidden; margin-top:20px;}
article.layout-list>div {float:left; width:calc((100% - 120px)/5);}
article.layout-list>div+div {margin-left:30px;}
article.layout-list>div:nth-child(4)~div {margin-top:30px;}
article.layout-list>div a {display:inline-block; width:100%;}
article.layout-list>div a .img {display:inline-block; width:100%; height:335px; background-size:contain !important; transition:.1s;}
article.layout-list>div a:hover {color:#000; text-decoration:underline !important;}
article.layout-list>div a span.cate {padding:20px 0 14px; display:inline-block; font-size:16px; color:#3071b9; line-height:1;font-weight:700;}
article.layout-list>div a p.name {font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1; font-weight:400;}
article.layout-list>div a p.price {padding-top:6px; font-size:20px; font-weight:700; line-height:1; letter-spacing:0;}
article.layout-list>div a p.price span {font-size:16px; font-weight:400;}

.commonType  {background:#fff;}
.commonType div.soldOut {margin-top:5px;}
.commonType div.soldOut span {display:inline-block; padding:5px 10px; font-size:13px; color:#fff; line-height:1; background:#f40000; font-weight:400;}

article.layout-list .topWrap {overflow:hidden;}
article.layout-list .topWrap>span {margin:0 5px 5px 0 !important;}
article.layout-list .topWrap>span.standard {
	display:inline-block; padding:8px 15px; background:#ff661a;
	font-size:14px; color:#fff; line-height:1;
}
article.layout-list .topWrap>span.freeDelivery {
	display:inline-block; padding:8px 15px; background:#00aeff;
	font-size:14px; color:#fff; line-height:1;
}

/*공통 - 리스트시작 - type2*/
article.layout-list.type2 {margin-left:-50px;}
article.layout-list.type2>div {float:left; display:inline-block; width:calc((100%/5) - 50px); margin-left:50px;}
article.layout-list.type2>div:nth-child(4)~div {margin-top:0;}

/*공통 - 리스트시작 - nonLine*/
article.layout-list.nonLine {}
article.layout-list.nonLine>div {float:left; width:calc((100% - 120px)/5);}
article.layout-list.nonLine>div+div {margin-left:30px;}
article.layout-list.nonLine>div:nth-child(4)~div {margin-top:0;}
article.layout-list.nonLine>div a {border:1px solid transparent;}
article.layout-list.nonLine>div a:hover {}
article.layout-list.nonLine>div a .imgWrap {border:1px solid #c9caca; padding:20px;}
article.layout-list.nonLine>div a .img { background-size:contain !important;}

/*공통 - 리스트시작 - typeSale*/
article.layout-list.typeSale {margin-left:-10px; margin-top:30px;}
article.layout-list.typeSale>div {width:calc((100%/2) - 10px); margin-left:10px;}
article.layout-list.typeSale>div:nth-child(2)~div {margin-top:5px;}
article.layout-list.typeSale>div>a {border:1px solid #e5e5e5; padding:20px;}
article.layout-list.typeSale>div>a:hover {border:1px solid #000;}
article.layout-list.typeSale>div>a>div {float:left; display:inline-block;}
article.layout-list.typeSale>div>a>div.img {width:150px; height:150px; background:#fff; transition:none; background-size:contain !important;}
article.layout-list.typeSale>div>a:hover>div.img {border:1px solid #ebecf0;}
article.layout-list.typeSale>div>a>div.con {width:calc(100% - 235px); padding-left:30px;}
article.layout-list.typeSale>div>a>div.con p.name {font-weight:400; transition-duration:.1s;}
article.layout-list.typeSale>div>a:hover>div.con p.name {color:#ff4000;}
article.layout-list.typeSale>div>a>div.con .topWrap>span {float:left;}

	/*세일가격마크나올때 */
	.priceWrap-only {position:relative; margin-top:20px;}
	.priceWrap-only i {
		position:absolute; top:0; left:0;
		display:inline-block; width:70px; height:53px; background:url(../images/common/todaySale-arrowDown.png)no-repeat center;
		font-family:"Abel"; font-size:18px; text-align:center; color:#fff; padding-top:5px;
	}
	.priceWrap-only i span {font-size:22px; font-weight:bold; padding-right:1px;}
	.priceWrap-only p {padding-left:80px; line-height:1;}
	.priceWrap-only p.before span {color:#999; letter-spacing:-.5px; position:relative;}
	.priceWrap-only p.before span:before {
		position:absolute; bottom:10px; left:-3px; width:calc(100% + 6px); height:1px; background:#999; display:block; content:"";
	}
	.priceWrap-only p.after {color:#000; font-size:32px; font-weight:700; letter-spacing:-1px; margin-top:5px;}
	.priceWrap-only p.after>span {font-size:16px; color:#000; font-weight:300; display:inline-block; padding-left:10px; letter-spacing:0;}
	.viewPage.Style2 .priceWrap-only p.after {color:#ff661a;}
	
	
/*공통 - 리스트시작 - typeHorizontal*/
article.layout-list.typeHorizontal {margin-left:-40px;}
article.layout-list.typeHorizontal>div {width:calc((100%/3) - 40px); margin-left:40px;}
article.layout-list.typeHorizontal>div:nth-child(3)~div {margin-top:30px;}
article.layout-list.typeHorizontal>div>a {display:block; overflow:hidden;}
article.layout-list.typeHorizontal>div>a>div {float:left; display:inline-block !important;}
article.layout-list.typeHorizontal>div>a .img {width:110px; height:110px; background-size:contain !important;}
/* article.layout-list.typeHorizontal>div>a:hover .img {border:1px solid #000 !important;} */
article.layout-list.typeHorizontal>div>a .con {width:calc(100% - 110px); padding-left:20px;}
	

/*체크박스*/
.checkWrap_common li {width:100%; text-align:left;}
.checkWrap_common li>* {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
.checkWrap_common li input {display:none;}
.checkWrap_common li label {padding:5px 5px 5px 30px !important; height:auto !important; font-size:14px; background:url(../images/member/icon_ck.png) no-repeat 0 4px; cursor:pointer; line-height:1.2;}
.checkWrap_common li input:checked+label {background:url(../images/member/icon_ckon.png) no-repeat 0 4px;}



/*베스트셀러*/
aside.bestSeller {border:1px solid #e5e5e5; padding:20px 30px; background:#fff;}
aside.bestSeller h3 {font-size:24px; font-weight:700; color:#000; letter-spacing:-1px;}
aside.bestSeller .layout-list.nonLine .img {height:156px !important; transition:default;}
/* aside.bestSeller .layout-list.nonLine a:hover .img {box-shadow:none;} */


/*관련상품*/
aside.otherProduct {border:1px solid #e5e5e5; padding:20px;}
aside.otherProduct h3 {font-size:24px; font-weight:700; color:#000; letter-spacing:-1px;}
aside.otherProduct .layout-list.nonLine .img {height:156px !important; transition:default;}

	.viewPage.modify2022 aside.otherProduct {background:#f1f2f6; border:0; position:relative; border-top:1px solid #cfd3d4;}
	.viewPage.modify2022 aside.otherProduct:before {
		position:absolute; top:0; left:-100%; width:300%; background:#f1f2f6; display:block; content:""; height:100%;
		z-index:-1; border-top:1px solid #cfd3d4;
	}
	/* section.contents>.wrap>.inner.modify2022 {overflow:visible;} */
	section.contents>.wrap>.inner.modify2022 aside.otherProduct h3 {font-size:24px; font-weight:700; color:#3b61aa;}
	section.contents>.wrap>.inner.modify2022 aside.otherProduct .layout-list.nonLine .img {background:#fff; height:210px !important;}
	section.contents>.wrap>.inner.modify2022 article.layout-list>div a span.cate {font-size:14px; color:#000; padding-bottom:0;}
	section.contents>.wrap>.inner.modify2022 article.layout-list>div a .con {padding:0 20px;}
	section.contents>.wrap>.inner.modify2022 article.layout-list>div a .con .price {font-size:14px; font-weight:400; padding-top:10px;}
	section.contents>.wrap>.inner.modify2022 article.layout-list>div a .con .price b {font-size:16px; font-weight:700;}



/*판매인기순*/

.top-searchForm {border:1px solid #c9caca; height:50px; overflow:hidden; margin-top:5px; position:relative; background:#fff;}
.top-searchForm>div {float:left;}
.top-searchForm .inputWrap {position:absolute; right:230px; top:0; line-height:45px;}
.top-searchForm .inputWrap label {padding-top:0; padding-left:20px; font-size:14px; color:#555;height:15px; line-height:15px; background-size:15px !important;}
.top-searchForm .listOrder ul {font-size:0; padding:17px 30px;}
.top-searchForm .listOrder ul li {display:inline-block;}
.top-searchForm .listOrder ul li+li {padding-left:50px; position:relative;}
.top-searchForm .listOrder ul li+li:before {
	position:absolute; top:2px; left:25px; width:1px; height:14px; background:#eee; display:block; content:"";
}
.top-searchForm .listOrder ul li a {font-size:14px; color:#555; font-weight:400; line-height:1;}
.top-searchForm .listOrder ul li.on a {color:#ff661a;}
.top-searchForm .viewCount {position:absolute; top:0; right:100px;}
.top-searchForm .viewCount select {
	height:50px; padding:15px 30px 15px 20px; font-size:14px; color:#555; font-weight:400; border:0; border-left:1px solid #ebecf0;
	background-image:url(../images/member/arrow_down_type2.png) !important;
}
.top-searchForm .viewType {float:right;}
.top-searchForm .viewType ul {font-size:0; text-align:right;}
.top-searchForm .viewType ul li {display:inline-block;}
.top-searchForm .viewType ul li a {
	display:block; width:50px; height:50px; border-left:1px solid #ebecf0;
	background-position:center;
	background-repeat:no-repeat;
}
.top-searchForm .viewType ul li a.type-list {background-image:url(../images/common/type-list.png);}
.top-searchForm .viewType ul li a.type-gallery {background-image:url(../images/common/type-gallery.png);}
.top-searchForm .viewType ul li.on a {background-color:#ff661a; border-left:1px solid #ff661a;}
.top-searchForm .viewType ul li.on a.type-list {background-image:url(../images/common/typeOn-list.png);}
.top-searchForm .viewType ul li.on a.type-gallery {background-image:url(../images/common/typeOn-gallery.png);}

/*페이지 카운트*/
p.pageCount {margin:20px 0 0; line-height:1;}
p.pageCount span {font-size:14px; color:#000; font-weight:400;margin-left:20px;}



/* ***** 공통::리스트,갤러리 ***** */
.layoutList>.wrap>.inner .commonType {border-top:4px solid #3071b9;}
.layoutList>.wrap>.inner .commonType>article .imgWrap {border:1px solid transparent; padding-bottom:40px; position:relative; }

.layoutList>.wrap>.inner .commonType>article .imgWrap .padding {padding:20px;}
.layoutList>.wrap>.inner .commonType>article .imgWrap .img {width:100%; background-size:contain !important;}
/* .layoutList>.wrap>.inner .commonType>article .imgWrap .img>a {border:1px solid transparent; display:inline-block; width:100%; height:calc(100% - 40px);} */
.layoutList>.wrap>.inner .commonType>article .imgWrap .img {position:relative;}
.layoutList>.wrap>.inner .commonType>article .imgWrap .img .h.layoutList>.wrap>.inner .typeList>article>div.imgWrapiddenArea {position:absolute; bottom:20px; left:0; border:1px solid #ebecf0; width:100%; height:40px; background:rgba(255,255,255,.92); opacity:0;}
.layoutList>.wrap>.inner .commonType>article .imgWrap .hiddenArea {width:100%; position:absolute; left:0; bottom:0; opacity:0; border-top:1px solid #ebecf0;}
.layoutList>.wrap>.inner .commonType>article .imgWrap .hiddenArea ul li {float:left; width:50%; line-height:1;}
.layoutList>.wrap>.inner .commonType>article .imgWrap .hiddenArea ul li a {display:inline-block; text-align:center; width:100%; padding-top:10px; height:40px;}
.layoutList>.wrap>.inner .commonType>article .imgWrap .hiddenArea ul li+li a {border-left:1px solid #ebecf0;}
.layoutList>.wrap>.inner .commonType>article .imgWrap .hiddenArea ul li a * {display:inline-block; vertical-align:middle; line-height:1; font-size:13px;}
.layoutList>.wrap>.inner .commonType>article .imgWrap .hiddenArea ul li a img {display:inline-block !important;}
.layoutList>.wrap>.inner .commonType>article .imgWrap .hiddenArea ul li a span {color:#000; line-height:1; padding-left:5px; font-weight:400;}


/* .layoutList>.wrap>.inner .commonType>article>div.infor span.cate {line-height:1; padding:5px 10px; display:inline-block; font-size:14px; color:#999; border:1px solid #ebecf0;} */
.layoutList>.wrap>.inner .commonType>article>div.infor span.cate {padding:20px 0 0; display:inline-block; font-size:16px; color:#3071b9; line-height:1;font-weight:700;}

.layoutList>.wrap>.inner .commonType>article>div.infor a.link {display:inline-block; width:100%;}
/* .layoutList>.wrap>.inner .commonType>article>div.infor a.link p {margin-top:5px;} */
.layoutList>.wrap>.inner .commonType>article>div.infor a.link p.name {font-weight:400; color:#000; transition-duration:.1s;}
.layoutList>.wrap>.inner .commonType>article>div.infor a.link p.name span {color:#666; padding-left:10px; transition-duration:.1s;}
.layoutList>.wrap>.inner .commonType>article>div.infor a.link p.name b {font-weight:700;}
.layoutList>.wrap>.inner .commonType>article>div.infor a.link:hover p.name {color:#f40000; text-decoration:underline !important;}
.layoutList>.wrap>.inner .commonType>article>div.infor a.link:hover p.name span {color:#f40000;}
.layoutList>.wrap>.inner .commonType>article>div.infor a.link p.number {font-size:14px; color:#898989; font-weight:500;}
.layoutList>.wrap>.inner .commonType>article>div.infor a.link p.price {font-weight:400; color:#000; margin-top:16px;}
.layoutList>.wrap>.inner .commonType>article>div.infor a.link p.price b {font-weight:700; font-size:20px;}
.layoutList>.wrap>.inner .commonType>article>div.price>span {font-weight:400;}

.layoutList>.wrap>.inner .commonType>article>div.get>ul {margin-top:10px;}
.layoutList>.wrap>.inner .commonType>article>div.get>ul li {font-size:14px; color:#000; font-weight:400;}
.layoutList>.wrap>.inner .commonType>article>div.get>ul li span {font-weight:300; color:#666; padding:0 10px; position:relative;}
.layoutList>.wrap>.inner .commonType>article>div.get>ul.dotType li span:before {position:absolute; top:10px; left:0; display:block; content:""; width:3px; height:3px; background:#000; border-radius:50%;}

.layoutList>.wrap>.inner .commonType>article div.get>button {
	width:30px; height:30px; border:1px solid #d1d1d1; transition-duration:.1s;
	background-repeat:no-repeat; background-position:center; background-size:15px;
}
.layoutList>.wrap>.inner .commonType>article div.get>button:hover {border:1px solid #aaa;}
.layoutList>.wrap>.inner .commonType>article div.get>button.minus {background-image:url(../images/common/i-minus.png);}
.layoutList>.wrap>.inner .commonType>article div.get>button.plus {background-image:url(../images/common/i-plus.png);}
.layoutList>.wrap>.inner .commonType>article div.get button.i-cart {margin-left:10px; width:70px; height:35px; border-radius:30px; background-image:url(../images/common/i-cart.png); background-size:20px;}
.layoutList>.wrap>.inner .commonType>article div.get>span {display:inline-block; width:40px; height:30px; line-height:30px; border-style:solid; border-color:#d1d1d1; border-width:1px 0; text-align:center;}

div.infor.include-standard aside.standard>a {line-height:1; padding:10px 15px; display:inline-block; font-size:14px; color:#000; border:1px solid #e5e5e5;}
div.infor.include-standard aside.standard>a span {padding-left:5px; color:#ff661a; font-weight:400; transition-duration:.1s;}

div.infor.include-standard aside.standard>a:hover {background:#ff661a; color:#fff; border:1px solid #ff661a;}
div.infor.include-standard aside.standard>a:hover span {color:#fff;}

	/*규격상품 클릭시 나오는 영역*/
	div.infor.include-standard .standardView { 
		position:absolute; top:40px; right:0; z-index:1; border:2px solid #ff661a; background-color:#fff; 
		visibility:hidden;
		line-height:1;
	}

	
	
/* ***** 리스트타입 ***** */
/* .layoutList>.wrap>.inner .typeList>article:first-child {border-top:1px solid #000;} */
/* .layoutList>.wrap>.inner .typeList>article:first-child {} */
.layoutList>.wrap>.inner .typeList>article {border-top:1px solid #e5e5e5; display:table; width:100%; padding:20px 0;}
.layoutList>.wrap>.inner .typeList>article>div {display:table-cell; vertical-align:middle;}
.layoutList>.wrap>.inner .typeList>article>div.checkWrap_common {width:60px;}
.layoutList>.wrap>.inner .typeList>article>div.checkWrap_common label {width:42px;}
.layoutList>.wrap>.inner .typeList>article>div.imgWrap {width:200px; padding:0 0 0 0;}

.layoutList>.wrap>.inner .typeList>article>div.infor {width:45%;}
.layoutList>.wrap>.inner .typeList>article>div.price {width:20%; text-align:right;}
.layoutList>.wrap>.inner .typeList>article div.get {width:250px; text-align:left; padding-left:35px; border-left:1px solid #c9caca; font-size:0;}
.layoutList>.wrap>.inner .typeList>article div.get>* {vertical-align:middle;font-size:16px;}

.layoutList>.wrap>.inner .typeList>article div.infor.include-standard {width:calc(100% - 510px); padding-right:0; position:relative; padding-left:50px;}
.layoutList>.wrap>.inner .typeList>article div.infor.include-standard aside.standard {position:absolute; top:50%; right:1%; margin-top:-18px;}
.layoutList>.wrap>.inner .typeList>article:last-child div.infor.include-standard .standardView {top:auto; bottom:40px;}

	/*체크박스 추가될때*/
	.layoutList>.wrap>.inner .typeList.includeCheck article>div.checkWrap_common {width:5%; text-align:center;}
	.layoutList>.wrap>.inner .typeList.includeCheck article>div.checkWrap_common label {padding-left:20px !important;}
	aside.includeCheck-top {margin-top:20px;}
	aside.includeCheck-top a {
		display:inline-block; padding:7px 10px; background:#222; line-height:1;
		color:#fff; font-size:14px;
	}
	.layoutList>.wrap>.inner .typeList.includeCheck article>div.infor {width:40%;}
	.layoutList>.wrap>div[class*="shoppingStep"] .typeList article>div.infor {width:45%;}


/* ***** 갤러리타입 ***** */
.layoutList>.wrap>.inner .typeGallery {overflow:hidden; padding:20px;}
.layoutList>.wrap>.inner .typeGallery>article {float:left; width:calc((100% - 90px)/4); margin-left:30px;}
.layoutList>.wrap>.inner .typeGallery>article:nth-child(4n)~article {margin-top:70px;}
.layoutList>.wrap>.inner .typeGallery>article:nth-child(4n+1) {margin-left:0; clear:both;}
.layoutList>.wrap>.inner .typeGallery>article>div.infor a.link p.name {font-size:16px; height:50px; overflow:hidden;}
.layoutList>.wrap>.inner .typeGallery>article>div.infor a.link p.name>span {padding-right:0;}
/* .layoutList>.wrap>.inner .typeGallery>article>div.price>span {display:block; height:70px;} */
/* .layoutList>.wrap>.inner .typeGallery>article>div.price {height:137px;} */
.layoutList>.wrap>.inner .typeGallery>article>div.price>ul {margin-top:15px; padding-top:15px; border-top:1px solid #eee;}
.layoutList>.wrap>.inner .typeGallery>article>div.price>ul>li {color:#999;}
.layoutList>.wrap>.inner .typeGallery>article>div.get {margin-top:20px;}
.layoutList>.wrap>.inner .typeGallery>article>div.get>* {vertical-align:middle;}

.layoutList>.wrap>.inner .typeGallery>article div.infor.include-standard aside.standard a {position:relative;}
.layoutList>.wrap>.inner .typeGallery>article div.infor.include-standard aside.standard .standardView {left:0; top:40px; right:auto;}
.layoutList>.wrap>.inner .typeGallery>article:nth-child(4n+4) div.infor.include-standard aside.standard .standardView {left:auto; right:0;}

.layoutList>.wrap>.inner .typeGallery>article:nth-child(4)~article div.infor.include-standard .standardView {top:auto; bottom:40px;}

/* .layoutList>.wrap>.inner .typeGallery>article>div.img {background-size:85% !important;} */
.layoutList>.wrap>.inner .typeGallery>article .imgWrap {}
/* .layoutList>.wrap>.inner .typeGallery>article .imgWrap .img {background-size:contain !important;} */
.layoutList>.wrap>.inner .typeGallery>article .imgWrap .img a {}
.layoutList>.wrap>.inner .typeGallery>article:hover .imgWrap {border-color:#c9caca;}
.layoutList>.wrap>.inner .typeGallery>article:hover .imgWrap .hiddenArea {opacity:1;}

/*페이징 스타일 시작 ----------- */
.page_box {width:100%; margin-top:30px; line-height:1; font-size:14px; font-weight:normal; text-align:center;}
.page_box .pc {display:inline-block;}
.page_box .pc li {float:left; margin-left:-1px;}
.page_box .pc li a {display:block; padding:12px 15px; border:1px solid rgba(0,0,0,.15); background:#fff; color:#000;}
.page_box .pc li a:hover {background:#f0f0f0;}
.page_box .pc li a.prev {margin-right:10px;}
.page_box .pc li a.next {margin-left:10px;}

.page_box {position:relative; text-align:center; border:1px solid transparent;}
.page_box .pc.pagination {display:inline-block;}
.page_box .pc.pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; height:40px; line-height:1;}
.page_box .pc.pagination>li>a.active {color:#3071b9; background:#fff !important; border:1px solid #dedede; font-weight:normal; position:relative;}
.page_box .pc.pagination>li>a.active:before {
	position:absolute; bottom:0; left:0; width:100%; height:3px; background:#3071b9; display:block; content:"";
}
.page_box .pc.pagination .first,
.page_box .pc.pagination .prev,
.page_box .pc.pagination .next,
.page_box .pc.pagination .last {color:#333; background-color:#fff;}
.page_box .pc.pagination .first:hover,
.page_box .pc.pagination .prev:hover,
.page_box .pc.pagination .next:hover,
.page_box .pc.pagination .last:hover {background:#f0f0f0}
.page_box .pc.pagination .prev {margin-right:10px;}
.page_box .pc.pagination .next {margin-left:10px;}
.page_box .pc.pagination .write {display:inline-block; height:40px; line-height:1; margin-left:10px; padding:12px 15px; color:#fff; background:#ff661a; border:1px solid #ff661a;}
.page_box .pc.pagination .list {display:inline-block; height:40px; line-height:1; margin-left:10px; padding:12px 15px; color:#000; background:#fff; border:1px solid #999;}
.page_box .pc.pagination .del {display:inline-block; height:40px; line-height:1; margin-left:10px; padding:12px 15px; color:#fff; background:#f40000; border:1px solid #f40000;}

.page_box.only-btn {padding-top:30px; margin-top:0; border-top:1px solid #000;}
.page_box.only-btn .pc.pagination a {margin-left:0 !important;}
.page_box.only-btn .pc.pagination li+li a {margin-left:10px !important;}

.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}
/*페이징 스타일 끝 ----------- */


/* ******************** 210729 추가작업 시작 ******************** */
.btn_review_wrap {
	position:absolute; top:0; right:0;
}
.productView .inforTab-con>article h4 .btn_review_wrap {top:-10px !important;}
.btn_review_wrap a {display:inline-block; line-height:1; margin-left:10px; padding:12px 15px; background:#fff; border:1px solid #000; font-size:15px; font-weight:400;}
.btn_review_wrap a:hover {background:#ff661a; border-color:#ff661a; color:#fff;}

.popInner_review_wrap>div {overflow:hidden;}
.popInner_review_wrap>div+div {margin-top:20px;}
.popInner_review_wrap>div>label {font-size:16px; color:#000;}
.popInner_review_wrap>div>.inputWrap {margin-top:5px; padding:10px;}
.popInner_review_wrap>div>.inputWrap.star {padding:10px 10px 15px;}
.popInner_review_wrap>div>.inputWrap ul {font-size:0; text-align:left; padding-top:0;}
.popInner_review_wrap>div>.inputWrap ul li {display:inline-block; width:auto !important; margin-right:20px;}
.popInner_review_wrap>div>.inputWrap ul li:last-child {margin-right:0;}
.popInner_review_wrap>div>.inputWrap ul li label {display:block; background-position:left 6px; width:auto !important;}
.popInner_review_wrap>div>.inputWrap textarea {height:100px; resize:none; margin:0;}



	/* 레이어팝업-상품후기 및 문의 작성 */
	.popup_write {z-index:9999999; position:fixed; left:0; top:0; display:table; width:100%; height:100%; text-align:center; visibility:hidden; background:rgba(0,0,0,.8);}
	.popup_write.on {visibility:visible;}
	.popup_write .tcWrap {display:table-cell; vertical-align:middle;}
	.popup_writeCon {display:inline-block; width:700px; background:#fff; top:0;}
	.popup_write_head {position:relative; background:#ff661a; color:#fff; text-align:left;}
	.popup_write_head p {font-size:18px; padding:12px 40px;}
	.popup_write_head a {display:inline-block; position:absolute; top:10px; right:20px;}
	.popup_write_body {padding:20px 40px; font-size:18px; color:#000;}
	.popup_write_body>div {text-align:left; font-size:14px;}
	.popup_write_body>div span {}
	.popup_write_body p {text-align:left; font-size:14px; padding-bottom:5px;}
	.popup_write_body .product_info {padding:20px; border:1px solid #e5e5e5; overflow:hidden;}
	.popup_write_body .product_info>* {float:left;}
	.popup_write_body .product_info span.img {width:20%;}
	.popup_write_body .product_info>div {width:calc(80% - 20px); margin-left:20px;}
	.popup_write_body .product_info>div p {}
	.popup_write_body .inputWrap {width:100%; padding:10px 20px; display:table; border:1px solid #e5e5e5; background:#f9f9f9;}
	.popup_write_body .inputWrap+.inputWrap {border-top:0;}
	.popup_write_body .inputWrap>* {display:table-cell; vertical-align:middle;}
	.popup_write_body .inputWrap label {width:120px; text-align:left; padding:5px 0; line-height:1.4; font-size:14px; vertical-align:top;}
	.popup_write_body .inputWrap input {width:100%; padding:5px 10px; line-height:1.4; font-size:14px;height:auto;background:#fff;}
	.popup_write_body .inputWrap textarea {background:#fff;width:100%; margin-right:20px; padding:5px 10px; min-height:90px; font-size:14px;}
	.popup_write_body .inputWrap.call {}
	.popup_write_body .inputWrap.call input {width:30%;}
	.popup_write_body .inputWrap.call input+span {width:10px;}
	.popup_write_body .inputWrap.mail {}
	.popup_write_body .inputWrap.mail input {}
	.popup_write_body .inputWrap.mail input+span {}
	.popup_write_body .inputWrap.mail select {}
	.popup_write_body .inputWrap.auto {}
	.popup_write_body .inputWrap.auto div {}
	.popup_write_body .inputWrap.auto>div>* {float:left;}
	.popup_write_body .inputWrap.auto>div>*+* {margin-left:5px;}
	.popup_write_body .inputWrap.auto>div>p {margin-left:0;}
	.popup_write_body .inputWrap.auto div span {}
	.popup_write_body .inputWrap.auto p {}
	.popup_write_body .inputWrap.auto p span {}


	.popup_write_foot {font-size:0; text-align:center; padding-bottom:30px;}

	.layer-btn {
		padding:8px 10px; font-size:14px; display:inline-block; min-width:100px; text-align:center;
		border:1px solid #ccc;
	}
	.layer-btn.on {border:1px solid #000; font-weight:500; color:#fff; background:#000;}
	.layer-btn.modify {border:1px solid #ddd; background:#f9f9f9;}
	.layer-btn.delete {border:1px solid #ddd; background:#f9f9f9;}
	.layer-btn+.layer-btn {margin-left:5px;}
	
.popup_wrap.myQuestion .layout-formWrap .form-group>div div.email>p.type-layerpop {padding-left:0;}
.popup_wrap.myQuestion p {margin:0 !important;}
.popup_wrap.myQuestion .layout-formWrap .form-group>div {line-height:initial !important;}
/* ******************** 210729 추가작업 끝 ******************** */


/* ********** 뷰페이지 ********** */
.layoutList .viewPage .productDetailWrap {overflow:hidden; position:relative;}
.layoutList .viewPage .productDetailWrap .productDetail {float:left; width:calc(100% - 300px); padding-right:30px;}
.layoutList .viewPage .productDetailWrap .productOption {width:300px; height:100vh;}


.layoutList .viewPage>.productView .row1 {overflow:hidden;}
.layoutList .viewPage>.productView .row1>div {float:left;}
/* .layoutList .viewPage>.productView .row1>div.img {width:50%; background-size:70% !important;} */
.layoutList .viewPage>.productView .row1>div.imgSection {width:50%;}
.layoutList .viewPage>.productView .row1>div.imgSection .carousel-main .img {position:relative; margin:0 auto; width:100%; height:700px; background-size:contain !important;}
.layoutList .viewPage>.productView .row1>div.imgSection .carousel-nav .img {position:relative; margin:0 auto; width:100%; height:100%; background-size:contain !important;}
.layoutList .viewPage>.productView .row1>div.imgSection .carousel-nav .flickity-button {display:none;}
.layoutList .viewPage>.productView .row1>div.con {width:50%; padding-left:50px;}
/*평점*/
.productView .starZone {overflow:hidden; margin-bottom:10px; position:relative; padding-right:80px !important;}
.productView .starZone ul {padding-top:2px;}
.productView .starZone ul li {
	float:left;
	display:inline-block; vertical-align:top; width:17px; height:16px;
	background-image:url(../images/common/star.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repat;
}
.productView .starZone ul li+li {margin-left:2px;}
.productView .starZone ul li.full {
	background-image:url(../images/common/star-full.png);
}
.productView .starZone ul li.count {background-image:none; margin-left:20px; font-weight:700; color:#000;}
.productView .starZone>* {float:left; line-height:1;}
.productView .starZone>div {padding-left:20px; color:#666; letter-spacing:-1px;}
.productView .starZone>div>* {display:inline-block; vertical-align:middle;}
.productView .starZone>div button span {color:#000; font-weight:700;}
/*공통::버튼-오른쪽 화살표*/
button[class*="typeBtn-"] {
	border:0; width:auto; height:auto; font-size:16px; color:#000; font-weight:300; padding:3px 22px 3px 0;
	background-image:url(../images/common/arrow-right.png);
	background-repeat:no-repeat;
	background-position:99% 2px;
	transition-duration:.1s;
}
button[class*="typeBtn-"]:hover {background-image:url(../images/common/arrow-rightOn.png);}
button.typeBtn-download {background-image:url(../images/common/i-download.png); background-position:right 2px;}
button.typeBtn-download:hover {background-image:url(../images/common/i-downloadOn.png); background-position:right 2px;}

a[class*="typeBtn-"] {
	border:0; width:auto; height:auto; font-size:16px; color:#000; font-weight:300; padding:3px 22px 3px 0;
	background-image:url(../images/common/arrow-right.png);
	background-repeat:no-repeat;
	background-position:right 3px;
	transition-duration:.1s;
}
a[class*="typeBtn-"]:hover {background-image:url(../images/common/arrow-rightOn.png);}
a.typeBtn-download {background-image:url(../images/common/i-download.png); background-position:right 6px;}
a.typeBtn-download:hover {background-image:url(../images/common/i-downloadOn.png); background-position:right 6px;}


	
	
	

.viewPage>.productView div[class*="row"] {overflow:hidden;}
.viewPage .itemHead {overflow:hidden; border-bottom:1px solid #e5e5e5; margin-bottom:20px; padding-bottom:10px;}
.viewPage .itemHead > * {float:left;}
.viewPage .itemHead .img {width:150px; background-size:contain !important;}
.viewPage .itemHead .img a {display:inline-block; width:100%; height:100%;}
.viewPage .itemHead ul {width:calc(100% - 150px); padding-left:20px; padding-top:10px; padding-right:150px;}

	/*modify2022*/
	.viewPage.modify2022 .itemHead {position:relative;}
	.viewPage.modify2022 .itemHead>aside {position:absolute; top:10px; right:10px;}
	.viewPage.modify2022 .itemHead>aside a {float:left; display:inline-block; border:1px solid #000; border-radius:50%; width:31px; height:31px;}
	.viewPage.modify2022 .itemHead>aside a.on,
	.viewPage.modify2022 .itemHead>aside a:hover {border:1px solid #ff661a;}
	.viewPage.modify2022 .itemHead>aside a+a {margin-left:5px;}
	.viewPage.modify2022 .itemHead>aside a.inquiry {background:url(../images/common/i-inquiry.png)no-repeat center 6px;}
	.viewPage.modify2022 .itemHead>aside a.inquiry:hover {background:#ff661a url(../images/common/i-inquiryOn.png)no-repeat center 6px;}
	.viewPage.modify2022 .itemHead>aside a.like {background:url(../images/common/i-like.png)no-repeat center 8px;}
	.viewPage.modify2022 .itemHead>aside a.like.on,
	.viewPage.modify2022 .itemHead>aside a.like:hover {background:#ff661a url(../images/common/i-likeOn.png)no-repeat center 8px;}
	.viewPage.modify2022 .itemHead>aside a.share {
		width:auto; font-size:12px; padding:0 25px 0 10px; border:1px solid #ccc; border-radius:0; line-height:31px;
		background:url(../images/common/arrow-down2.jpg)no-repeat right 10px center;
	}
	.viewPage.modify2022 .productView .starZone {padding-right:0 !important;}
	
	
	.viewPage.modify2022 .itemHead>aside a.share {}
	
	
	#lySns .ly_wrap{position:absolute; top:65px; left:calc(50% + 700px - 350px - 10px); text-align:left; border:1px solid #999999; background:#ffffff; z-index:999999999;}
	#lySns .ly_wrap .ly_tit{padding:13px 35px 11px 15px; font-size:12px; background:#f4f4f4;}
	#lySns .ly_wrap .ly_tit strong{display:block; color:#222222; font-weight:400;}
	#lySns .ly_wrap .ly_cont{padding:0 15px 15px 15px;}
	#lySns .ly_wrap .ly_tit{height:44px;}
	#lySns .ly_wrap .ly_close{display:block; position:absolute; top:0px; right:0px; height:44px; width:44px;
	background:url(../images/common/layerPop-x.png)no-repeat center;}
	
	#lySns .ly_wrap.sns_layer{width:350px; display:none;}
	#lySns .ly_wrap.sns_layer.on {display:block;}
	.sns_list ul{overflow:hidden;}
	.sns_list ul li{float:left; width:25%; padding:20px 0 0; text-align:center;}
	.sns_list ul li span{display:block; padding:5px 0 5px 0; font-size:12px;}
	.sns_copy_url{position:relative; margin:10px 0 0 0;}
	.sns_copy_url input{width:100%; padding-right:80px; height:30px !important; font-size:12px !important;}
	.sns_copy_url button{position:absolute; top:0px; right:0px; width:70px; height:30px; color:#ffffff; border:1px solid #3077c7; background:#3077c7; font-weight:500; font-size:12px !important; z-index:1;}
	.sns_copy_url button:hover{border:1px solid #3077c7; background:#3077c7;}
	


/*제목*/
.productView .titZone {position:relative;}
.productView .titZone>div {padding-right:90px;}
	
	/*modify2022*/
	.viewPage.modify2022 .productView .titZone>div {padding-right:0;}
	
.productView .titZone>aside {position:absolute; top:0; right:10px;}
.productView .titZone>aside a {float:left; display:inline-block; border:1px solid #000; border-radius:50%; width:31px; height:31px;}
.productView .titZone>aside a.on,
.productView .titZone>aside a:hover {border:1px solid #ff661a;}
.productView .titZone>aside a+a {margin-left:5px;}
.productView .titZone>aside a.inquiry {background:url(../images/common/i-inquiry.png)no-repeat center 6px;}
.productView .titZone>aside a.inquiry:hover {background:#ff661a url(../images/common/i-inquiryOn.png)no-repeat center 6px;}
.productView .titZone>aside a.like {background:url(../images/common/i-like.png)no-repeat center 8px;}
.productView .titZone>aside a.like.on,
.productView .titZone>aside a.like:hover {background:#ff661a url(../images/common/i-likeOn.png)no-repeat center 8px;}
.productView .titZone h2 {font-size:32px; font-weight:700; color:#000; letter-spacing:-1px; line-height:1.2;}
.productView .titZone p.price {margin-top:10px; font-size:24px; font-weight:400; color:#ff661a; line-height:1;}
.productView .titZone p.price span {font-size:16px; color:#000; font-weight:300; display:inline-block; padding-left:10px; letter-spacing:0;}

	/*modify2022*/
	.viewPage.modify2022 .productView .titZone p.price {color:#000; font-weight:400; font-size:18px;}
	.viewPage.modify2022 .productView .titZone p.price b {font-weight:500; font-size:24px;}
	.viewPage.modify2022 .productView .titZone p.price span {font-size:18px; font-weight:400;}

.productView .titZone .saleWrap {margin-top:10px; display:block; position:relative;}
.productView .titZone .saleWrap>span {position:relative; vertical-align:bottom; line-height:1;}
.productView .titZone .saleWrap>span+span {margin-left:15px;}
.productView .titZone .saleWrap .per {display:inline-block; overflow:hidden; height:40px; color:red; line-height:1; font-weight:600; font-size:46px; font-family:Abel; letter-spacing:-1.5px; padding-left:35px;}
.productView .titZone .saleWrap .per:before {
	content:""; display:block; position:absolute; left:0; top:-33px; width:31px; height:33px;
	background:url(../images/common/i_saleDown.png) no-repeat;
	animation:move_arrow 1s ease infinite; animation-delay: 0.5s
}
@keyframes move_arrow {0% {top:-33px;} 100% {top:40px;}}

.productView .titZone .saleWrap .per:after {
	content:""; display:block; position:absolute; left:0; top:-33px; width:31px; height:33px;
	background:url(../images/common/i_saleDown.png) no-repeat;
	animation:move_arrow2 1s ease infinite;
}
@keyframes move_arrow2 {0% {top:-33px;}100% {top:40px;}}

.productView .titZone .saleWrap .salePrice {font-size:20px; color:#000; font-weight:400; line-height:1;}
.productView .titZone .saleWrap .salePrice:before {position:absolute; left:0; top:-12px; content:"할인가"; font-size:12px; font-weight:400; color:#888; letter-spacing:-.5px;}
.productView .titZone .saleWrap .orgPrice {font-size:18px; color:#888; text-decoration:line-through;}





/*제목하단*/
.productView .inforZone {margin-top:20px; padding-top:20px; border-top:1px solid #e5e5e5;}
.productView .inforZone>ul>li {position:relative; padding:5px 0;}
.productView .inforZone>ul>li>span {position:absolute; top:5px;}
.productView .inforZone>ul>li>div {padding-left:100px;}
.productView .inforZone>ul>li>div button+button {margin-left:30px;}
.productView .inforZone>ul>li>div span.freeDelivery {font-weight:500; color:#ff5500; padding-left:27px; background:url(../images/common/i-freeDelivery.png)no-repeat left center; margin-left:10px;}
.productView .moreView {border-top:1px solid #000; margin-top:-1px;}

.standardUpper {overflow:hidden; display:table; width:100%;}
.standardUpper>div {display:table-cell; vertical-align:middle; padding:20px 30px;}
.productView .priceZone {border-right:1px dotted #ccc;}
.productView .btnZone {text-align:right;}
.productView .btnZone > ul {display:inline-block;}

.productView .priceZone p {text-align:right; font-size:14px; }
.productView .priceZone p.price {padding-top:10px; font-size:32px; font-weight:600; color:#ff661a;}
.productView .priceZone p.price span {font-size:16px; color:#000; font-weight:300; display:inline-block; padding-left:10px; letter-spacing:0;}

.productView .btnZone {float:right !important; margin-top:20px;}
.productView .btnZone div.naverpay {position:relative; width:300px; height:95px; overflow:hidden; text-align:center; background:#fff; border:1px solid #222;}
.productView .btnZone div.naverpay:hover {border-color:#00c73c;}
.productView .btnZone div.naverpay:after {content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:#fff;} 
.productView .btnZone>ul {display:block; overflow:hidden;}
.productView .btnZone>ul:first-child {padding-top:10px;}
.productView .btnZone>ul:last-child {padding-bottom:20px;}
.productView .btnZone ul li {display:inline-block; vertical-align:top; margin:5px 0 0 2px;}
.productView .btnZone ul li:nth-child(3):before {content:""; display:block; width:100%;}
.productView .btnZone ul li a {
	display:block; padding:10px 20px; font-size:15px; text-align:center; border:1px solid #ddd; color:#000; line-height:1; background:#fff; font-weight:400;
	/* font-size:18px; */
}
.productView .btnZone ul li a:hover {border-color:#222;}
.productView .btnZone ul li a.cart {background:#222; color:#fff; border:0; height:95px; padding:0 30px; line-height:95px;}
.productView .btnZone ul li a.cart:hover {background:#ff661a;}

.standardUpper.newStyle  {display:block; border-top:0;}
.standardUpper.newStyle>div {display:inline-block; float:left; width:100%; padding:0; margin:0 !important;}
.standardUpper.newStyle>div.priceZone {border-right:0;}

	/*modify2022*/
	.viewPage.modify2022 .productView .priceZone p.price {padding-top:50px;}
	.viewPage.modify2022 .productView .priceZone p.price>span {font-size:15px; padding-left:0; padding-right:20px; font-weight:400;}
	.viewPage.modify2022 .productView .priceZone p.price>b {font-weight:400; font-size:26px;}

/* 네이버페이 구매 버튼 포함 버튼 영역 전체 - 공용*/
.buyBtnWrap {}
.productView .priceZone {border-right:1px dotted #ccc;}
.buyBtnWrap {text-align:right;}
.buyBtnWrap > ul {display:inline-block;}

.buyBtnWrap {float:right !important;}
.buyBtnWrap div.naverpay {position:relative; width:300px; height:95px; overflow:hidden; text-align:center; background:#fff; border:1px solid #222;}
.buyBtnWrap div.naverpay:hover {border-color:#00c73c;}
.buyBtnWrap div.naverpay:after {content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:#fff;} 
.buyBtnWrap>ul {display:block; overflow:hidden;}
.buyBtnWrap>ul:first-child {padding-top:10px;}
.buyBtnWrap>ul:last-child {padding-bottom:20px;}
.buyBtnWrap ul li {display:inline-block; vertical-align:top; margin:10px 0 0;}
.buyBtnWrap ul li:nth-child(3):before {content:""; display:block; width:100%;}
.buyBtnWrap ul li.buyWrap {width:calc(100% - 304px)}
.buyBtnWrap ul li a {
	display:block; padding:15px 35px; font-size:15px; text-align:center; border:1px solid #ddd; color:#000; line-height:1; background:#fff; font-weight:400;
	/* font-size:18px; */
}
.buyBtnWrap li a:hover {border-color:#222;}
.buyBtnWrap li a.buy {background:#222; color:#fff; border:0; height:95px; padding:0 30px; font-size:24px; line-height:95px;}
.buyBtnWrap li a.buy:hover {background:#ff661a;}



/* 상품보기 - 다른 상품 */
.otherProduct {margin-top:30px; border:1px solid;}


	/*레이어팝업*/
	div[class*="layerPop-infor"] {
		border:1px solid #222; padding:0 20px 20px !important;
		background:#fff;
		z-index:2;
		width:100%;
		position:absolute; bottom:35px; left:0; display:none;
		box-shadow:5px 5px 5px rgba(0,0,0,.1);
	}
	div[class*="layerPop-infor"]>div.tit {padding:10px 0; font-size:18px; font-weight:400; position:relative;}
	div[class*="layerPop-infor"]>div.tit button {position:absolute; top:0; right:-10px; width:50px; height:50px; background:url(../images/common/layerPop-x.png)no-repeat center; border:0;}
	div[class*="layerPop-infor"]>div.con {padding-top:20px; text-align:center; border-top:1px solid #e5e5e5;}
	.layerPop-infor1 .con ul {text-align:left;}
	.layerPop-infor1 .con ul li {font-size:14px; position:relative; padding-left:100px;}
	.layerPop-infor1 .con ul li+li {margin-top:5px;}
	.layerPop-infor1 .con ul li span {position:absolute; top:0; left:0;}
	.layerPop-infor2 .con>p {font-size:14px;}
	.layerPop-infor2 .con .cardWrap {background:#f0f0f0; padding:15px; margin-top:10px; height:150px; overflow-y:auto;}
	.layerPop-infor2 .con .cardWrap ul { overflow:hidden; margin-left:-15px;}
	.layerPop-infor2 .con .cardWrap ul li {float:left; width:calc(33.3% - 15px); margin-left:15px; display:inline-block;}
	.layerPop-infor2 .con .cardWrap ul li:nth-child(3)~li {margin-top:20px;}
	.layerPop-infor2 .con .cardWrap ul li .img {height:35px !important; background:#fff; background-size:auto 15px !important;}
	.layerPop-infor2 .con .cardWrap ul li .img.ss {background-size:auto 10px !important;}
	.layerPop-infor2 .con .cardWrap ul li p {font-size:12px; margin-top:5px;}
	
	/*레이어팝업x - 무이자할부part*/
	.interest-free.con {border:1px solid #e5e5e5; background:#f9f9f9; margin-top:20px; padding:15px 20px 20px;}
	.interest-free.con>p {padding-left:30px; background:url(../images/member/icon_ck.png)no-repeat left center;}
	.interest-free.con .cardWrap {background:#fff; border:1px solid #e5e5e5; padding:15px; margin-top:10px; height:150px; overflow-y:auto;}
	.interest-free.con .cardWrap ul { overflow:hidden; margin-left:-15px;}
	.interest-free.con .cardWrap ul li {float:left; width:calc(33.3% - 15px); margin-left:15px; display:inline-block;}
	.interest-free.con .cardWrap ul li:nth-child(3)~li {margin-top:20px;}
	.interest-free.con .cardWrap ul li .img {height:35px !important; background:#fff; background-size:auto 15px !important; border:1px solid #eee;}
	.interest-free.con .cardWrap ul li .img.ss {background-size:auto 10px !important;}
	.interest-free.con .cardWrap ul li p {font-size:12px; margin-top:5px; text-align:center;}
	
	
	
	/* ******************** 레이어팝업:: ******************** */
	.layer-popup-wrap ul.dotType {overflow:hidden;}
	.layer-popup-wrap ul.dotType > li {padding-left:20px; color:#000; position:relative; line-height:1.5; font-size:15px;}
	.layer-popup-wrap ul.dotType > li:before {position:absolute; top:12px; left:5px; display:block; content:""; width:2px; height:2px; background:#000;}
	.layer-popup-wrap ul.dotType > li+li {margin-top:5px;}
	
	.layer-popup-wrap {
		/* display:block; */
		display:none;
		position:fixed; padding:10vh 20vw; top:0; left:0; width:100vw; height:100vh; z-index:999999; background-color:rgba(0,0,0,.8);
	}	
	.layer-popup-wrap>.wrap {
		position:relative;
		display:block;
		height:100%;
		background:#fff;
		overflow:hidden;
	}
	.layer-popup-wrap>.wrap .title {position:absolute; width:100%; height:60px; padding:15px 80px 15px 40px; font-size:20px; color:#fff; background:#517de6;}
	.layer-popup-wrap>.wrap .title>p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.layer-popup-wrap>.wrap .title .close-btn {position:absolute; right:0; top:0; display:block; height:60px; width:60px; border-left:1px solid rgba(255,255,255,.15); background:url(../images/common/layerPop-x-fff.png)no-repeat center;}
	.layer-popup-wrap>.wrap .inner {overflow:hidden; height:calc(100% - 60px); overflow:hidden;}

	.layer-popup-btn {
		position:absolute; bottom:0; left:0; display:block;
		width:100%; height:50px; line-height:50px;
		border-top:1px dotted #ccc;
	}
	.layer-popup-btn a {
		display:inline-block; width:100%; height:100%;
		text-align:center;
		font-size:16px;
		background:#f5f5f5; color:#000;
	}	
	
	.layer-popup-wrap div[class*="wrap-"] {height:calc(100vh - 20vh - 60px); overflow-y:auto;}
	.layer-popup-wrap div[class*="wrap-"] .con {text-align:left; padding:3vh 40px; font-size:16px; color:#333; font-weight:300; line-height:1.6;}
	
	.layer-popup-wrap .memberBtn-single {padding:30px 0 0;}
	.layer-popup-wrap .memberBtn-single li a {padding:15px 25px; font-size:16px;}
	
	/*1:1친절상담 클릭시*/
	.myQuestionBefore.popup_wrap .popup_explain {height:100%;}
	.myQuestionBefore.popup_wrap .popup_explain {margin-bottom:30px;}
	.myQuestionBefore.popup_wrap .popup_explain h3 {font-size:20px; font-weight:300; letter-spacing:-1px;}
	.myQuestionBefore.popup_wrap .popup_explain h3 span {font-family:"Abel"; font-weight:bold; letter-spacing:0; font-size:40px; padding-right:15px;}
	.myQuestionBefore.popup_wrap .popup_explain .group {background:#f5f5f5; padding:50px; border-radius:0; border:1px solid #ddd;}
	.myQuestionBefore.popup_wrap .popup_explain .group.guest {margin-top:30px;}
	.myQuestionBefore.popup_wrap .popup_explain label {display:none;}
	
	.myQuestionBefore.popup_wrap .popup_explain .etc {overflow:hidden; margin-top:30px;}
	.myQuestionBefore.popup_wrap .popup_explain .etc>div {display:inline-block; float:left; width:50%;}
	.myQuestionBefore.popup_wrap .popup_explain .etc>div:first-child {padding-right:30px;}
	.myQuestionBefore.popup_wrap .popup_explain .etc>div:last-child {padding-left:30px;}
	.myQuestionBefore.popup_wrap .popup_explain .etc>div+div {border-left:1px dotted #ccc;}
	.myQuestionBefore.popup_wrap .popup_explain .etc>div p {font-size:15px; color:#000; font-weight:300; padding-left:12px; position:relative;}
	.myQuestionBefore.popup_wrap .popup_explain .etc>div p:before {
		position:absolute; top:9px; left:0;
		content:""; display:block;
		width:5px; height:5px;
		background:#aaa; border-radius:50%;
	}
	.myQuestionBefore.popup_wrap .popup_explain .etc>div a {
		margin-top:10px;
		display:inline-block;
		padding:15px 30px;
		background:#fff; border-radius:0;
		line-height:1; color:#000; font-size:14px; text-align:center; border:1px solid #ddd;
	}
	.myQuestionBefore.popup_wrap .popup_explain .etc>div a:hover {color:#fff; background:#1d2e68; border:1px solid #1d2e68;}
	
	
	/*나의 배송주소록*/
	.pop-myAddrList .wrap-myAddrList .con .part1 {position:relative;}
	.pop-myAddrList .wrap-myAddrList .con .part1 a.newAddrBtn {
		position:absolute; top:0; right:0;
		display:inline-block; height:40px; line-height:40px; padding:0 20px; text-align:center;
		border-radius:5px;
		font-size:14px; font-weight:500;
		border:1px solid #ccc;
		background-color:#f9f9f9; color:#000;
	}
	/*관리 수정버튼*/
	.pop-myAddrList .wrap-myAddrList .con .layerPop a.newAddrBtn {
		display:inline-block; height:30px; line-height:30px; padding:0 10px; text-align:center;
		border-radius:5px;
		font-size:12px; font-weight:300;
		border:1px solid #ccc;
		background-color:#f9f9f9; color:#000;
	}
	.pop-myAddrList .wrap-myAddrList .con .part1 a.newAddrBtn.active {background:#fff; border-color:#000;}
	
	.pop-myAddrList .newAddr {display:none; background:#fff; border:1px solid #ccc; margin-top:20px; border-radius:5px; overflow:hidden;}
	.pop-myAddrList .newAddr.on {display:block !important;}
	.pop-myAddrList .newAddr .subject {background:#f9f9f9; padding:20px 30px; border-bottom:1px solid #ccc;}
	.pop-myAddrList .newAddr .subject>p {font-size:16px; font-weight:500; position:relative;}
	.pop-myAddrList .newAddr .subject>p a.innerCloseBtn {
		position:absolute; top:-2px; right:0;
		display:inline-block; width:30px; height:30px;
		border-radius:50%;
		background:#000 url(../images/common/layerPop-x-fff.png)no-repeat center;
	}
	.pop-myAddrList .newAddr .layout-formWrap {padding:0 30px 30px; margin:0;}
	.pop-myAddrList .newAddr .layout-formWrap .halfWrap.addressWrap>ul.write li.search>input {width:100px;}
	.pop-myAddrList .newAddr .layout-formWrap .halfWrap.addressWrap>ul.write li.etcPart>div input {width:100%;}
	.pop-myAddrList .newAddr .layout-formWrap input[type="text"] {background-color:#f9f9f9 !important;}
	.pop-myAddrList .newAddr .layout-formWrap .phoneWrap .write input[type="text"] {width:100% !important;}
	
	.pop-myAddrList .wrap-myAddrList .con .part2 {margin-top:50px;}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search {overflow:hidden; padding:10px 20px 10px 10px; border:1px solid #ccc; background:#eee; border-radius:5px;}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search>* {float:left; display:inline-block;}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search>div {width:70%;}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search>div>* {float:left; margin-right:5px;}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search>div select {width:20%; background-color:#fff !important; border:1px solid #ccc;}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search>div select:focus {border:1px solid #aaa;}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search>div input {width:30%; background-color:#fff !important; border:1px solid #ccc;}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search>div input:focus {border:1px solid #aaa;}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search>div a {
		border:1px solid #ccc; background-color:#fff; color:#000; height:50px; line-height:50px;
		padding:0 20px; border-radius:5px;
	}
	.pop-myAddrList .wrap-myAddrList .con .part2 .search>span {width:30%; text-align:right; padding-top:25px; font-size:14px; font-weight:500;}
	.pop-myAddrList .wrap-myAddrList .con .part2 table.layerPop {margin-top:20px;}
	.pop-myAddrList .wrap-myAddrList .con .part2 p.ment {margin-top:10px; font-size:14px;}
	
	table.layerPop tr>* {padding:10px 20px; text-align:center; font-size:15px; font-weight:400;}
	table.layerPop tr>*+* {border-left:1px solid #e5e5e5;}
	table.layerPop thead tr th {background:#f9f9f9; border-top:1px solid #000; border-bottom:1px solid #e5e5e5;}
	table.layerPop tbody tr td {border-bottom:1px solid #e5e5e5; font-weight:300; min-height:45px;}


	/**/
	.layoutList .viewPage>.productView div[class*="row"] .product-logo {
		margin-top:20px;
	}
	.layoutList .viewPage>.productView div[class*="row"] .product-logo .header {position:relative;}
	.layoutList .viewPage>.productView div[class*="row"] .product-logo .header>button {
		position:absolute; top:0; right:0; width:145px; border-radius:30px; padding:12px 0 12px 20px; height:auto; text-align:left;
		border:1px solid #ddd; background:#f5f5f5 url(../images/common/view-arrowDown.png)no-repeat 110px center;
		font-size:15px; 
	}
	.layoutList .viewPage>.productView div[class*="row"] .product-logo .header>button.on {
		border:1px solid #e9e9e9; background:#fff url(../images/common/view-arrowUp.png)no-repeat 110px center;
	}
	
/*공통::테이블*/
table.standard {font-size:13px;}
/*table.standard tr {left:0 !important;}*/
table.standard tr>* {padding:7px 3px; text-align:center;}
table.standard thead tr th {border-top:1px solid #000; background:#f9f9f9; border-bottom:1px solid #ddd; font-weight:400; line-height:1.2;} 
table.standard thead tr th+th {border-left:1px solid #ddd;}
table.standard tbody tr td {border-bottom:1px solid #ddd; transition-duration:.1s;}
table.standard tbody tr td.chkRow {cursor:pointer;}
table.standard tbody tr:not(.footr):nth-child(5)~tr {position:absolute; left:-99999px;}
table.standard tbody.on tr {position:relative !important;}
table.standard tbody tr td+td {border-left:1px solid #ddd;}
table.standard tbody tr td:last-child {text-align:right;}
table.standard tbody tr td:last-child>span {color:#000; padding-right:5px; font-weight:400;}
table.standard tbody tr:hover td {background:#f9f9f9;}

table.standard .checkWrap_common {padding-top:0; text-align:center;}
table.standard .checkWrap_common label {padding-left:20px;}
table.standard input.includeTable {width:100px; border:0; border-radius:0; padding-top:0; height:auto; text-align:right; background:transparent;}
table.standard input.includeTable+span {width:40px; display:inline-block;}

table.standard tbody tr.on td:last-child>span {color:#ff661a !important;}
table.standard tbody tr.on td:first-child .checkWrap_common label {background:url(../images/member/icon_ckon.png) no-repeat 0 50%;}
table.standard tbody tr td:first-child .checkWrap_common label {background:url(../images/member/icon_ck.png) no-repeat 0 50%;}

/* table.standard tbody tr .checkWrap_common label.on {background:url(../images/member/icon_ckon.png) no-repeat 0 50%;} */
/* table.standard tbody tr .checkWrap_common label {background:url(../images/member/icon_ckon.png) no-repeat 0 50%;} */

	.viewPage.modify2022 table.standard tbody tr>* {padding:0 !important;}

/*상품설명 탭*/
.productView .inforTab {margin-top:50px; overflow:hidden;}
.productView .inforTab li {display:inline-block; float:left; width:20%;}
.productView .inforTab li a {display:inline-block; width:100%; padding:15px; text-align:center; border:1px solid #ddd; border-left:0; line-height:1;}
.productView .inforTab li:first-child a {border-left:1px solid #ddd;}
.productView .inforTab li.on a {background:#f2f2f2; color:#000; border-color:#ddd;}

	.viewPage.modify2022 .productView .inforTab li.on a {background:#ccd5dc;}

/*상품설명 탭 하단*/
.productView .inforTab-con {padding-top:50px;}
.productView .inforTab-con>article {}
.productView .inforTab-con>article+article {margin-top:100px;}
.productView .inforTab-con>article h3 {position:relative; font-size:26px; font-weight:300; letter-spacing:-1px; padding-right:150px;}
.productView .inforTab-con>article h4 {position:relative; font-size:20px; font-weight:300; letter-spacing:-1px; margin-bottom:20px; padding-right:150px;}
.productView .inforTab-con>article .box {margin-top:30px; color:#666; font-weight:300;}
.productView .inforTab-con>article .box .inBox+.inBox {margin-top:70px;}
/*상품설명*/
.productView .inforTab-con>article.part-explain .box {text-align:center;}
.productView .inforTab-con>article.part-explain .box img {max-width:100%;}
/*상품평*/
article[class*="listWrap-"]>.list {display:block;}
article[class*="listWrap-"]>.list .con {background:url(../images/common/view-arrowDown.png)no-repeat right top;}
article[class*="listWrap-"]>.list .starZone {margin-bottom:15px;}
article[class*="listWrap-"]>.list {border-bottom:1px solid #ddd; padding:30px 20px; color:#666;}
article[class*="listWrap-"]>.list:first-child {border-top:1px solid #000;}
	/*공통*/
	article[class*="listWrap-"]>.list div[class*="-tit"] {padding-right:50px;}
	article[class*="listWrap-"]>.list div[class*="-tit"]>article {overflow:hidden;}
	article[class*="listWrap-"]>.list div[class*="-tit"]>article span {float:left; display:inline-block; vertical-align:middle;}
	article[class*="listWrap-"]>.list div[class*="-tit"]>article span+span {margin-left:20px;}
article[class*="listWrap-"]>.list .review-con {margin-top:20px; line-height:2; height:96px; overflow:hidden;}
.listWrap-text>.list .review-con {height:32px !important;}
	/*on되었을때*/
	article[class*="listWrap-"]>.list.on {background-color:#f9f9f9;}
	article[class*="listWrap-"]>.list.on .review-con {height:auto !important;}
	article[class*="listWrap-"]>.list.on .con {background:url(../images/common/view-arrowUp.png)no-repeat right top;}
/*포토상품평*/
article.listWrap-photo>.list {overflow:hidden;}
article.listWrap-photo>.list>div {float:left; display:inline-block;}
article.listWrap-photo>.list>div.img {width:190px;}
article.listWrap-photo>.list>div.con {width:calc(100% - 190px); padding-left:20px;}
/*상품문의*/
article.listWrap-qna>.list .qna-tit {padding-right:50px; overflow:hidden;}
article.listWrap-qna>.list .qna-tit>* {float:left; display:inline-block;}
article.listWrap-qna>.list .qna-tit>article {padding-left:20px; margin-top:5px;}
article.listWrap-qna>.list .qna-tit>span {padding:10px 15px; line-height:1; color:#999; font-size:14px; border:1px solid #ebecf0;}
article.listWrap-qna>.list .qna-con {margin-top:20px; line-height:2;}

/*옵션::제품선택*/
.productOption {position:absolute; top:50px; right:0; z-index:99999;}
.productOption .wrap {position:relative; height:calc(100vh - 100px); border:1px solid #e5e5e5; border-bottom:0; overflow:hidden;}
.productOption.fixOn {position:fixed; top:99px; right:calc(50% - 700px); /* padding:20px 0; */ background:#fff;}
.productOption .option-tit  {padding:10px 80px 10px 20px; border-bottom:1px solid #e5e5e5; font-size:18px; background:url(../images/common/view-arrowUp.png)no-repeat 250px center;}
.productOption .option-con {border-bottom:1px solid #e5e5e5; overflow-y:auto; max-height:calc(100vh - 470px); /*h:여백,제품선택,합계~네이버페이*/}
.productOption .option-con.selectAfter {max-height:calc(100vh - 40px - 70px - 10px - 334px);}
	
.productOption .option-con .list {padding:15px 20px; transition-duration:.1s;}
.productOption .option-con .list:hover {background:#f9f9f9;}
.productOption .option-con .list+.list {border-top:1px solid #eee;}
.productOption .option-con .list .tit {cursor:pointer; line-height:1.4;}
.productOption .option-con .list .tit p {}
.productOption .option-con .list .tit p.num {font-size:14px; color:#666;}

.productOption .option-con .list .get {margin:7px 0;}
.productOption .option-con .list .get>* {display:inline-block; vertical-align:middle;}
.productOption .option-con .list .get>button {
	width:35px; height:35px; border:1px solid #e5e5e5; border-radius:50%; transition-duration:.1s;
	background-repeat:no-repeat; background-position:center;
}
.productOption .option-con .list .get>button:hover {border:1px solid #aaa;}
.productOption .option-con .list .get>button.minus {background-image:url(../images/common/i-minus.png);}
.productOption .option-con .list .get>button.plus {background-image:url(../images/common/i-plus.png);}
.productOption .option-con .list .get>span {padding:0 10px;}

.productOption .option-con .list p.price {font-size:18px;}
.productOption .option-con .list p.price span {}

	/*추가작업*/
	.productOption .option-con .list.addCheckBox {overflow:hidden;}
	.productOption .option-con .list.addCheckBox>article {display:inline-block; float:left;}
	.productOption .option-con .list.addCheckBox>article:first-child {width:30px;}
	.productOption .option-con .list.addCheckBox>article:first-child .checkWrap_common {padding-top:0; text-align:left;}
	.productOption .option-con .list.addCheckBox>article:first-child .checkWrap_common label {padding-top:0;}
	
	.productOption .option-con .list.addCheckBox.on>article:last-child p.price span {color:#ff661a !important;}
	.productOption .option-con .list.addCheckBox.on>article:first-child .checkWrap_common label {background:url(../images/member/icon_ckon.png) no-repeat 0 50%;}
	.productOption .option-con .list.addCheckBox>article:first-child .checkWrap_common label {background:url(../images/member/icon_ck.png) no-repeat 0 50%;}

	
	
	.productOption .option-con .list.addCheckBox>article:last-child {width:calc(100% - 30px);}

.productOption .option-total {text-align:right; margin-bottom:10px; padding-right:20px; line-height:1.4;}
.productOption .option-total>p>span {color:#000; font-weight:400; font-size:18px;}
.productOption .option-total>span {font-size:14px; color:#777;}

article.buy-typeBasic {position:absolute; bottom:10px; right:0; width:300px;}
article.buy-typeBasic ul { border-top:1px solid #e5e5e5;}
article.buy-typeBasic ul li {position:relative; float:left; width:50%; display:inline-block;}
article.buy-typeBasic ul li a {width:100%; display:inline-block; padding:15px 0; text-align:center; color:#000; line-height:1; font-weight:400;}
article.buy-typeBasic ul li:nth-child(2) {border-left:1px solid #e5e5e5;}
article.buy-typeBasic ul li:nth-child(3) {z-index:1; width:100%;}
article.buy-typeBasic ul li:nth-child(3) a {padding:30px 0; font-size:20px; color:#fff; background:#222; border:0;}
article.buy-typeBasic ul li:nth-child(3) a:hover {background:#ff661a;}
article.buy-typeBasic ul li:nth-child(4) {z-index:0; margin-top:-2px; text-align:center; width:100%;}

.productOption .Option .option-con.selectAfter {display:none;}
.productOption .Option.off .option-tit {border:1px solid #000; background:url(../images/common/Option-arrowOff.png)no-repeat 250px center;}
.productOption .Option.off .option-con {display:none;}

.productOption .Option.off .option-con.selectAfter {display:block;}

.productOption .Option .option-con.selectAfter {margin-top:10px; border:1px solid #e5e5e5;}
.productOption .Option .option-con.selectAfter .tit {position:relative; padding-right:50px;}
.productOption .Option .option-con.selectAfter .tit button {position:absolute; top:0; right:0; width:30px; height:30px; background:#ccc url(../images/common/Option-x.png)no-repeat center; border:1px solid #ccc; border-radius:50%; transition-duration:.1s;}
.productOption .Option .option-con.selectAfter .tit button:hover {background:#aaa url(../images/common/Option-x.png)no-repeat center; border:1px solid #aaa;}





	.viewPage.modify2022 .productOption .option-tit {border-bottom:3px solid #2e73b4;}
	.viewPage.modify2022 .productOption .Option.off .option-tit {border-color:#e5e5e5 !important;}
	.viewPage.modify2022 .productOption .option-con .list .get {margin:15px 0 5px; overflow:hidden;}
	.viewPage.modify2022 .productOption .option-con .list .get>* {display:inline-block; vertical-align:middle; float:left;}
	.viewPage.modify2022 .productOption .option-con .list .get>button {height:28px; width:28px; border-radius:0; border-color:#c9c9c9;}
	.viewPage.modify2022 .productOption .option-con .list .get>span {padding:0; width:40px; height:28px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; text-align:center;}
	.viewPage.modify2022 .productOption .option-con .list p.price {font-size:16px; font-weight:400;}
	.viewPage.modify2022 .productOption .option-con .list p.price>span {font-size:18px; font-weight:700; color:#000 !important;}
	.viewPage.modify2022 .productOption .option-con .list.addCheckBox.on>article:last-child p.price span {color:#000 !important;}
	.viewPage.modify2022 .productOption .option-total {padding:0 20px;}
	.viewPage.modify2022 .productOption .option-total p {position:relative; padding-left:60px;}
	.viewPage.modify2022 .productOption .option-total p span.price2 {font-size:32px; font-weight:700; color:#ff661b;}
	.viewPage.modify2022 .productOption .option-total p span.text {
		display:inline-block; text-align:left;
		position:absolute; top:0; left:0;
		font-size:18px; text-align:center;
	}
	.viewPage.modify2022 .productOption .option-total p span.text>span {display:block; font-size:12px;}
	/* .viewPage.modify2022 article.buy-typeBasic ul li:nth-child(3) {} */
	.viewPage.modify2022 article.buy-typeBasic ul li:nth-child(1),
	.viewPage.modify2022 article.buy-typeBasic ul li:nth-child(2) {border-bottom:1px solid #e5e5e5;}
	.viewPage.modify2022 article.buy-typeBasic ul li:nth-child(3) a {padding:12px 0; background:#3171b9; margin:5px 0;}
	.viewPage.modify2022 .productOption.fixOn {top:164px;}
	.viewPage.modify2022 article.buy-typeBasic {bottom:105px;}
	.viewPage.modify2022 .productOption .option-con {max-height:calc(100vh - 515px);}

/*개발자CSS-상품선택테이블 수량카운트 버튼 스타일적용 추가*/
.standard .orderCount .get {margin:3px 0;}
.standard .orderCount .get>* {display:inline-block; vertical-align:middle;}
.standard .orderCount .get>button {
	width:25px; height:25px; border:1px solid #bbb; border-radius:50%; transition-duration:.1s;
	background-repeat:no-repeat; background-position:center; background-size:10px;
}
.standard .orderCount .get>button:hover {border:1px solid #aaa;}
.standard .orderCount .get>button.minus {background-image:url(../images/common/i-minus.png);}
.standard .orderCount .get>button.plus {background-image:url(../images/common/i-plus.png);}
.standard .orderCount .get>span {padding:0 10px;}

	/**/
	.viewPage.modify2022 .standard .orderCount .get {margin:0; position:relative; height:40px; line-height:40px; text-align:center; padding-right:20px;}
	.viewPage.modify2022 table.standard thead tr th {background:#fff;}
	.viewPage.modify2022 table.standard tbody tr td {line-height:1; word-break:break-all !important; padding-left:5px !important; padding-right:5px !important;}
	.viewPage.modify2022 table.standard tbody tr td.orderCount {padding-left:0 !important; padding-right:0 !important; word-break:initial !important;}
	.viewPage.modify2022 .standard .orderCount .get>button {width:20px; height:20px; border-radius:0; padding:0;}
	.viewPage.modify2022 .standard .orderCount .get>button.plus {position:absolute; top:0; right:-1px; border-top:0;}
	.viewPage.modify2022 .standard .orderCount .get>button.minus {position:absolute; bottom:0; right:-1px; border-bottom:0; border-top:0;}
	.viewPage.modify2022 table.standard tr>* {border-color:#bebebe;}
	.viewPage.modify2022 table.standard thead tr th {border-top:1px solid #000;}
	.viewPage.modify2022 table.standard tbody tr.on td:last-child>span {font-size:12px;}
	.viewPage.modify2022 table.standard tbody tr.on td:last-child>span b {font-size:15px; font-weight:700;}
	.viewPage.modify2022 .buyBtnWrap ul {font-size:0;}
	.viewPage.modify2022 .buyBtnWrap ul li {display:inline-block; width:auto !important;}
	.viewPage.modify2022 .buyBtnWrap ul li+li {padding-left:3px;}
	.viewPage.modify2022 .buyBtnWrap ul li a {width:125px; padding-right:0; padding-left:0; display:block;}
	.viewPage.modify2022 .buyBtnWrap ul li.buyWrap a.buy {
		background:#3171b9; color:#fff; border:0; height:47px; padding:0 30px; font-size:16px; line-height:47px;
		width:300px; text-align:center;
	}
	.viewPage.modify2022 .buyBtnWrap div.naverpay {border:0; border-top:2px solid #000;}
	
	.layoutList .viewPage.modify2022>.productView .row1>div.con {width:560px; padding-left:0;}
	.layoutList .viewPage.modify2022>.productView .row1>div.imgSection {width:calc(100% - 560px); padding-right:40px;}


/* ********** 뷰페이지 Style2 ********** */






/* ******************** 베스트.page ******************** */
.tab-TypeBest {
	position: relative;
	height: 51px;
	margin: 50px 0;
	border-bottom: 2px solid #000;
	font-size: 16px;
	z-index: 99;
}
.tab-TypeBest>ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.tab-TypeBest>ul li {
	display: table-cell;
	color: #000;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	background: #f9f9f9;
	height: 49px;
}
.tab-TypeBest>ul li:last-child {
	border-right: 1px solid #e5e5e5;
}
.tab-TypeBest>ul li a {
	display: inline-block;
	padding: 0;
	line-height: 15px;
}
.tab-TypeBest>ul li a {
	color: #000;
}
.tab-TypeBest>ul li:first-child {
	border-left: 1px solid #e5e5e5;
}
.tab-TypeBest>ul li:first-child a {
	margin-left: 0;
}
.tab-TypeBest>ul li.on {
	background-color: #fff;
	border-right: 2px solid #222;
	border-color: #222;
	border-width: 2px;
	position: relative;
	z-index: 10;
	height: 48px;
}
.tab-TypeBest>ul li.on:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	right: 0;
	height: 2px;
	background-color: #fff;
}
.tab-TypeBest>ul li:first-child.on {
	right: 0;
}
.tab-TypeBest>ul li:last-child.on {
	right: 0;
}
.tab-TypeBestCon {overflow:hidden; margin-top:30px;}

/* ******************** 수정 21-12-14 ******************** */
.tab-TypeBest.modify2021 {margin:40px 0 0 !important;}
.tab-TypeBest.modify2021>ul li {background:#fff; height:70px;}
.tab-TypeBest.modify2021>ul li.on {
	background-color: #fff;
	border-right: 3px solid #3071b9;
	border-color: #3071b9;
	border-width: 3px;
	position: relative;
	z-index: 10;
	height: 68px;
}
.tab-TypeBest.modify2021>ul li.on:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	right: 0;
	height: 3px;
	background-color: #fff;
}
.tab-TypeBest.modify2021 {
	position: relative;
	height: 73px;
	margin: 50px 0;
	border-bottom: 3px solid #3071b9;
	font-size: 16px;
	z-index: 99;
}
.tab-TypeBest.modify2021>ul>li {
	background-repeat:no-repeat;
	background-position:center 10px;
}
.tab-TypeBest.modify2021>ul>li a {padding-top:25px;}

/* 아이콘 : 1드릴,2건,3니퍼,4삼각자,5센서,6기름통,7공구함,8전기모양,9수도,10고리,11재봉틀,12차앞에,13꼬깔,14분무기,15자동차,16빛모양*/
.tab-TypeBest.modify2021>ul>li:nth-child(1)+li {background-image:url(../images/icon/gnb-01.png);} /*전동*/
.tab-TypeBest.modify2021>ul>li:nth-child(2)+li {background-image:url(../images/icon/gnb-02.png);} /*에어*/
.tab-TypeBest.modify2021>ul>li:nth-child(3)+li {background-image:url(../images/icon/gnb-04.png);} /*측정*/
.tab-TypeBest.modify2021>ul>li:nth-child(4)+li {background-image:url(../images/icon/gnb-03.png);} /*작업*/
.tab-TypeBest.modify2021>ul>li:nth-child(5)+li {background-image:url(../images/icon/gnb-08.png);} /*전기*/
.tab-TypeBest.modify2021>ul>li:nth-child(6)+li {background-image:url(../images/icon/gnb-07.png);} /*공구함*/
.tab-TypeBest.modify2021>ul>li:nth-child(7)+li {background-image:url(../images/icon/gnb-09.png);} /*배관/설비*/
.tab-TypeBest.modify2021>ul>li:nth-child(8)+li {background-image:url(../images/icon/gnb-12.png);} /*용접*/
.tab-TypeBest.modify2021>ul>li:nth-child(9)+li {background-image:url(../images/icon/gnb-06.png);} /*접착*/
.tab-TypeBest.modify2021>ul>li:nth-child(10)+li {background-image:url(../images/icon/gnb-13.png);} /*산업*/
.tab-TypeBest.modify2021>ul>li:nth-child(11)+li {background-image:url(../images/icon/gnb-16.png);} /*방폭*/
/* ******************** 수정 21-12-14 ******************** */


.inner.best article.layout-list.nonLine {margin-left:-30px; overflow:visible;}
.inner.best article.layout-list.nonLine>div {width:calc((100%/5) - 30px); margin-left:30px;}
.inner.best article.layout-list.nonLine>div:nth-child(5)~div {margin-top:30px;}
.inner.best article.layout-list.nonLine>div a {position:relative;}
.inner.best article.layout-list.nonLine>div a span.num {
	position:absolute; top:-25px; left:20px;
	display:inline-block; width:50px; height:50px; font-size:18px; font-family:"Abel"; line-height:40px;
	text-align:center; background:#ff661a; color:#fff; border-radius:50%; border:5px solid #fff;
}

.inner.best article.layout-list.nonLine .img {transition:none; height:212px;}

.inner.subpage .top-title {text-align:center;}
.inner.subpage .top-title h2 {font-size:30px;}
.inner.subpage .top-title.type2 h2 {font-size:36px;}
.inner.subpage .top-title h2.eng {font-family:"Abel"; letter-spacing:.5px;}
.inner.subpage .top-title p {color:#666;}




/* ******************** 오늘만특가.page ******************** */
.inner.subpage.today .sliderZone {margin-bottom:50px; height:300px;}
.sliderZone>div[class*="todaySlider"] {float:left; width:calc(50% - 5px); display:inline-block; height:300px;}
.sliderZone>.todaySlider {margin-right:5px;}
.sliderZone>.todaySliderTab {margin-left:5px;}
.sliderZone>.todaySlider .pageType3 {width:calc(100% - 80px); margin-right:5px; bottom:20px; right:40px;}
.sliderZone>.todaySlider .sliderPage button span {display:none;}

.inner.subpage.today .top-title {text-align:left; background:url(../images/main/i-saleOneday.png) no-repeat left top; background-size:50px;}
.inner.subpage.today .top-title>div {padding:0; width:calc(100% - 120px); margin-left:60px;}


	
.todaySliderTab .tabList {overflow:hidden; padding-top:250px;}
.todaySliderTab .tabList:after {display:block; content:""; clear:both;}
.todaySliderTab .tabList li {float:left; width:20%;}
.todaySliderTab .tabList li a {display:block; padding:10px; text-align:center; font-size:18px; background:#f9f9f9; border:1px solid #e5e5e5; border-top:1px solid #000; letter-spacing:-1px;}
.todaySliderTab .tabList li+li a {border-left:1px solid transparent;}
.todaySliderTab .tabList li.on a {background:#fff; border-color:#000; border-top:1px solid #fff;}
.todaySliderTab .tabGroupWrap {position:relative; height:250px;}
.todaySliderTab .tabGroup li {position:absolute; width: 100%; background:#fff; height:250px; display:none;}
.todaySliderTab .tabGroup li:first-child {display: block;}
.todaySliderTab .tabGroup li>div {border:1px solid #000; border-bottom:0; height:250px;}
.todaySliderTab .tabGroup li>div a {display:inline-block; width:100%; height:100%;}
/* .todaySliderTab .tabGroup li div { padding: 10px;} */



/* ******************** 브랜드몰.page ******************** */
.inner.subpage.brand .searchZone {border:1px solid #e5e5e5; padding:20px 0; margin-top:50px; overflow:hidden;}
.inner.subpage.brand .searchZone>div {padding:0 50px; float:left; width:50%; display:inline-block;}
.inner.subpage.brand .searchZone>div:first-child {width:330px;}
.inner.subpage.brand .searchZone>div:first-child .inputWrap {position:relative;}
.inner.subpage.brand .searchZone>div:first-child .inputWrap input {border:0; border-radius:0; border-bottom:1px solid #000; height:50px; padding-right:50px; color:#000; font-size:18px; font-weight:300;}
.inner.subpage.brand .searchZone>div:first-child .inputWrap input:focus {background:#fff;}
.inner.subpage.brand .searchZone>div:first-child .inputWrap input::-webkit-input-placeholder {color:#000 !important;} /*크롬,사파리*/
.inner.subpage.brand .searchZone>div:first-child .inputWrap input::-moz-placeholder {color:#000 !important;} /*파폭*/
.inner.subpage.brand .searchZone>div:first-child .inputWrap input::-ms-input-placeholder {color:#000 !important;} /*ie*/
.inner.subpage.brand .searchZone>div:first-child .inputWrap a.btn {
	display:inline-block; width:50px; height:50px; background:url(../images/common/i-search-black.png)no-repeat center;
	position:absolute; top:0; right:0; z-index:1;
}
.inner.subpage.brand .searchZone>div:last-child {width:calc(100% - 330px); border-left:1px solid #e5e5e5;}
.inner.subpage.brand .searchZone>div:last-child div[class*="order"] {width:100%; overflow:hidden; position:relative;}
.inner.subpage.brand .searchZone>div:last-child div[class*="order"]+div[class*="order"] {margin-top:10px;}
.inner.subpage.brand .searchZone>div:last-child div[class*="order"]>p {position:absolute; top:3px; left:0; padding-left:25px; background:url(../images/common/hypen.jpg)no-repeat left center; line-height:1;}
.inner.subpage.brand .searchZone>div:last-child div[class*="order"]>ul {float:left; padding-left:130px;}
.inner.subpage.brand .searchZone>div:last-child div[class*="order"]>ul>li {float:left; width:30px; text-align:center;}
.inner.subpage.brand .searchZone>div:last-child div[class*="order"]>ul>li>a {color:#999; display:inline-block; width:100%;}
.inner.subpage.brand .searchZone>div:last-child div[class*="order"]>ul>li>a:hover {color:#000;}
.inner.subpage.brand .searchZone>div:last-child div[class*="order"]>ul>li.on>a {color:#ff661a;}

.inner.subpage.brand .brandList {margin-top:30px; padding:20px; background:#f0f0f0; border:1px solid #ddd; border-top:1px solid #000;}
.inner.subpage.brand .brandList ul {overflow:hidden;}
.inner.subpage.brand .brandList ul li {float:left; width:calc((100%/8) - 1px); margin-left:1px;}
.inner.subpage.brand .brandList ul li:nth-child(8)~li {margin-top:1px;}
.inner.subpage.brand .brandList ul li a {display:block; width:100%; height:100%; background:#fff; font-size:15px; padding:7px; word-break:break-all;}
.inner.subpage.brand .brandList ul li a:hover {background:#222; color:#fff;}



/* ******************** 브랜드몰리스트.page ******************** */
.inputWrap-brandName {position:relative;}
.inputWrap-brandName input {border:0 !important; border-radius:0 !important; border-bottom:1px solid #000 !important; height:40px; padding-right:50px !important; color:#000; font-size:14px !important; font-weight:300;}
.inputWrap-brandName input:focus {background:#fff; color:#000 !important;}
.inputWrap-brandName input::-webkit-input-placeholder {color:#000 !important;} /*크롬,사파리*/
.inputWrap-brandName input::-moz-placeholder {color:#000 !important;} /*파폭*/
.inputWrap-brandName input::-ms-input-placeholder {color:#000 !important;} /*ie*/
.inputWrap-brandName a.btn {
	display:inline-block; width:50px; height:40px; background:url(../images/common/i-search-black.png)no-repeat center;
	position:absolute; top:0; right:0; z-index:1;
}

#lnbCategory .brandSearch.totalSearch {padding:20px;}
#lnbCategory .brandSearch.totalSearch div[class*="order"] {margin-top:20px;}
#lnbCategory .brandSearch.totalSearch div[class*="order"] ul {margin-left:-4px; overflow:hidden;}
#lnbCategory .brandSearch.totalSearch div[class*="order"] ul li {width:calc((100%/6) - 4px); margin-left:4px; float:left; display:inline-block;}
#lnbCategory .brandSearch.totalSearch div[class*="order"] ul li:nth-child(6)~li {margin-top:4px;}
#lnbCategory .brandSearch.totalSearch div[class*="order"] ul li a {display:inline-block; width:100%; height:100%; border:1px solid #e5e5e5; text-align:center; font-size:18px; color:#666; font-weight:300;}
#lnbCategory .brandSearch.totalSearch div[class*="order"] ul li a:hover {background:#f0f0f0;}
#lnbCategory .brandSearch.totalSearch div[class*="order"] ul li.on a {background:#ff661a; color:#fff;}
#lnbCategory .brandSearch.totalSearch .orderAlphabet ul li a {font-family:"Abel";}
#lnbCategory .brandSearch.totalSearch .orderAlphabet ul li:last-child {width:calc((100%/6)*2 - 4px);}

.inner.brand_list article.topInfor .product-logo {border:1px solid #000;}
.inner.brand_list article.topInfor .product-logo .img {background-size:auto 50px !important;}
.inner.brand_list article.topInfor .product-infor {text-align:center; padding:20px 20px 0;}
.inner.brand_list article.topInfor .product-infor img {
	width:auto !important;
}

/* .categoryBrand {border:1px solid #e5e5e5; height:calc(100vh - 240px);} */
.categoryBrand {border:1px solid #e5e5e5; height:calc(100vh - 165px);}
.categoryBrand>ul>li>a {height:45px; border:none !important; border-bottom:1px solid #e5e5e5 !important; }


/* ******************** 서브메인.page ******************** */
.inner.subMain h3 {font-size:24px; font-weight:500; letter-spacing:-1px;}
.inner.subMain h3 span {font-size:16px; color:#999; font-weight:300; padding-left:20px;}

.subMain .sectionBest {margin-top:70px;}
.subMain .sectionBest .tit {margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #000;}
.subMain .sectionBest .layout-list.typeHorizontal {margin-top:0;}
/* .subMain .sectionBest article.layout-list>div a:hover .img {border:1px solid #ff661a;} */
.subMain .sectionBest article.layout-list>div a .con p.name {transition-duration:.1s;}

.subMain .sectionBest .layout-list>div:nth-child(5n) ~ div {margin-top:0;}

.bestSeller.toolketPopular {margin-top:30px;}
.bestSeller.toolketPopular h3 {color:#000;}

.subMain .sectionNewProduct {margin-top:10px; margin-left:-10px;}
.subMain .sectionNewProduct>article {border:1px solid #ebecf0; display:inline-block; width:calc((100%/3) - 10px); margin-left:10px; float:left;}
.subMain .sectionNewProduct>article .tit {background:#f9f9f9; padding:20px; position:relative;}
.subMain .sectionNewProduct>article .tit a {position:absolute; top:22px; right:20px; font-size:12px; color:#666; padding-right:30px; background:url(../images/common/allView.png)no-repeat right center;}
.subMain .sectionNewProduct>article .tit h3 {font-size:20px; display:inline-block;}
.subMain .sectionNewProduct>article .tit h3 strong {font-weight:300;}
.subMain .sectionNewProduct>article .tit {border-bottom:1px solid #efefef;}

.subMain .sectionNewProduct article.layout-list.typeHorizontal {margin-left:0; margin-top:0;}
.subMain .sectionNewProduct article.layout-list.typeHorizontal>div {width:100%; margin-left:0; padding:10px; position:relative;}
.subMain .sectionNewProduct article.layout-list.typeHorizontal>div:before {position:absolute; bottom:0; left:0; background:#fff; width:100%; height:1px; display:block; content:""; transition-duration:.1s;}
.subMain .sectionNewProduct article.layout-list.typeHorizontal>div:hover:before {background:#222;}
.subMain .sectionNewProduct article.layout-list.typeHorizontal>div+div {border-top:1px solid #efefef;}
.subMain .sectionNewProduct article.layout-list.typeHorizontal>div>a .con {padding-left:20px;}
.subMain .sectionNewProduct article.layout-list.typeHorizontal>div>a .img {border:1px solid #fff; background-size:contain !important;}





/* ******************** 회사소개 ******************** */
/*공통::서브상단*/
.contents .wrap .inner .subTop {overflow:hidden; margin-bottom:30px; padding:30px 50px; border:1px dotted #ddd;}
.contents .wrap .inner .subTop>* {display:inline-block; float:left;}
.contents .wrap .inner .subTop h2 {font-family:"Abel"; font-size:50px;}
.contents .wrap .inner .subTop>div {margin-left:30px; padding-left:30px; position:relative;}
.contents .wrap .inner .subTop>div p {color:#666; font-weight:300;}
.contents .wrap .inner .subTop>div:before {
	position:absolute; top:7px; left:0;
	display:block; content:""; width:1px; height:40px; background:#999;
}

/*회사소개-타이틀*/
.inner.company .con h3 {margin-top:0; text-align:center; padding-bottom:20px; position:relative; margin-bottom:50px;}
.inner.company .con h3:before {
	display:block; content:""; position:absolute; bottom:0; left:50%; margin-left:-18px;
	width:36px; height:1px; background:#000;
}

/*공통::준비중입니다.*/
section.contents .wrap .inner .readyWrap {text-align:center; padding:100px 0; border:1px solid #e5e5e5;}

/*대표인사말*/
.inner.company .greeting p.majorMent {font-size:30px; font-weight:300px; text-align:center; letter-spacing:-1px;}

.fc-navy {color:#1d2e68 !important;}	

.inner.company .greeting .part1 {margin-top:40px;}
.inner.company .greeting .part1>div {display:table; width:100%;}
.inner.company .greeting .part1>div {display:table-cell; vertical-align:top;}
.inner.company .greeting .part1>div.img {width:500px;}
.inner.company .greeting .part1>div.txt {width:calc(100% - 500px); padding-left:50px; padding-top:10px;}
.inner.company .greeting .part1>div.txt p {line-height:2;}
.inner.company .greeting .part1>div.txt p+p {margin-top:40px;}

.inner.company .greeting .part2 {text-align:center; margin-top:60px;}
.inner.company .greeting .part2 .markWrap>span {font-size:22px; display:inline-block; padding:0 80px; position:relative;}
.inner.company .greeting .part2 .markWrap>span:before,
.inner.company .greeting .part2 .markWrap>span:after {position:absolute; top:0; width:50px; height:37px; display:block; content:"";}
.inner.company .greeting .part2 .markWrap>span:before {background:url(../images/company/mark-left.png); left:0;}
.inner.company .greeting .part2 .markWrap>span:after {background:url(../images/company/mark-right.png); right:0;}

.inner.company .greeting .part2>p {margin-top:40px; line-height:2;}
.inner.company .greeting .part2>p.ceo {font-weight:700;}
.inner.company .greeting .part2>p.ceo span+span {padding-left:20px;}

/*비전 및 경영방침*/
.inner.company .vision .visionPart {border:1px solid #e5e5e5; padding:70px 40px;}

.inner.company .vision .sndPart {margin-top:30px;}
.inner.company .vision .sndPart ul {margin-left:-30px;}
.inner.company .vision .sndPart ul li {
	display:inline-block; float:left; width:calc(20% - 30px); margin-left:30px;
	padding:40px 10px; border:1px solid #e5e5e5; border-top:1px solid #000;
	font-size:18px;
	text-align:center;
	transition-duration:.1s;
}
.inner.company .vision .sndPart ul li p {margin-top:20px;}
.inner.company .vision .sndPart ul li:hover {background:#f9f9f9;} 
/* .inner.company .vision .sndPart ul li:hover {border:1px solid #ccc; border-top:1px solid #000;}  */

.inner.company .vision h4 {font-size:30px; font-weight:500; letter-spacing:-1px; text-align:center;}

/*오시는길*/
.inner.company .con.map iframe {width:100%; display:block; border-top:1px solid #000 !important;}
.inner.company .con.map .information {background:#fff; border:1px solid #e5e5e5; padding:20px 30px; font-size:0; text-align:center;}
.inner.company .con.map .information li {display:inline-block;}

.inner.company .con.map .information li+li {padding-left:70px;}
.inner.company .con.map .information li span {
	display:block; font-size:17px;
	padding-left:30px; background-repeat:no-repeat; background-position:left center;
}
	.inner.company .con.map .information li:nth-child(1) span {background-image:url(../images/company/i-map-1.png);}
	.inner.company .con.map .information li:nth-child(2) span {background-image:url(../images/company/i-map-2.png);}
	.inner.company .con.map .information li:nth-child(3) span {background-image:url(../images/company/i-map-3.png);}



/*레이어팝업-온라인견적요청*/
.OnlineEstimateZone {margin:0; padding:0;}
.OnlineEstimateZone table.contents>tbody>tr>td {background:#fff; border-top:1px solid #000; padding-top:10px;}
.OnlineEstimateZone table td.bg_line {background:url(../images/subpage/line_dot2.gif)repeat-x center;}
.OnlineEstimateZone table td.tel input {width:70px;}
.OnlineEstimateZone table td.inner_contact {padding-top:10px;}
.OnlineEstimateZone table td.email input {width:100px;}
.OnlineEstimateZone table td textarea {height:150px; resize:none;}
.OnlineEstimateZone table input[type="radio"] {margin-top:-3px !important;}
.OnlineEstimateZone form {padding:0 30px 30px;}

/*레이어팝업 - 로그인안된상태 구매버튼 클릭시*/
.BuyBeforeZone ul {margin:0; padding:0;}
.BuyBeforeZone ul li {list-style:none;}
.BuyBeforeZone .popup_wrap {padding:0 30px;}
.BuyBeforeZone .popup_wrap .popup_logo img {height:40px;}
.BuyBeforeZone .popup_wrap .popup_logo {padding:30px; text-align:center;}
.BuyBeforeZone .popup_wrap .popup_explain {height:auto; padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; font-size:14px;}


/* ******************** 수정 21-12-14~ ******************** */
/*리퍼상품*/
.sub_tit {text-align:center; }
.sub_tit h2 {font-size:42px; color:#3071b9; font-weight:700; display:inline-block;}
.sub_tit span {font-size:24px; color:#000; font-weight:400; padding-left:20px;}

.inner.refur .refur_wrap {border-top:4px solid #3071b9; margin-top:40px;}
.inner.refur .refur_wrap ul {position:relative; overflow:hidden;}
.inner.refur .refur_wrap ul:after {
	position:absolute; top:0; left:0; display:block; 
	width:100%; height:100%; border-bottom:1px solid #c9caca;
}

.inner.refur .refur_wrap ul li {float:left; width:calc(100%/5); display:inline-block; text-align:center; padding-bottom:60px; border-bottom:1px solid #c9caca;}
.inner.refur .refur_wrap ul li+li {position:relative;}
.inner.refur .refur_wrap ul li+li:before {position:absolute; top:30px; left:0; background:#c9caca; width:1px; height:calc(100% - 30px - 70px); margin-bottom:70px; content:"";}
.inner.refur .refur_wrap ul li:nth-child(5n+1):before {display:none;}
.inner.refur .refur_wrap ul li a .img {background-size:contain !important; height:215px !important; margin:30px 0 20px;}
.inner.refur .refur_wrap ul li a .box {font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size:18px; font-weight:400; line-height:1.3; padding:0 50px 20px;}
.inner.refur .refur_wrap ul li a .box>* {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inner.refur .refur_wrap ul li a .box .price {margin-top:10px;}
.inner.refur .refur_wrap ul li a .box .price b {font-size:24px; font-weight:700;}

.inner.refur .page_box {margin-top:40px;}

/*베스트*/
.tab-TypeBestCon.layoutModify {margin:0;}
.tab-TypeBestCon.layoutModify>ul>li>article {margin:0 !important;}
.tab-TypeBestCon.layoutModify>ul>li>article>div {width:calc(100%/5) !important; margin-left:0 !important; padding-bottom:60px; border-bottom:1px solid #c9caca;}
.tab-TypeBestCon.layoutModify>ul>li>article>div+div {position:relative;}
.tab-TypeBestCon.layoutModify>ul>li>article>div+div:before {position:absolute; top:30px; left:0; background:#c9caca; width:1px; height:calc(100% - 30px - 70px); margin-bottom:70px; content:"";}
.tab-TypeBestCon.layoutModify>ul>li>article>div:nth-child(5n+1):before {display:none;}
.tab-TypeBestCon.layoutModify>ul>li>article>div a {}
.tab-TypeBestCon.layoutModify>ul>li>article>div a span.num {
	top:30px !important;left:20px !important;background:#fff !important; border:none !important;
	font-size:30px !important; font-weight:700 !important; font-family:"SpoqaHanSansNeo", sans-serif !important; color:#3071b9 !important;
	width:auto !important; height:auto !Important; line-height:1 !important; text-align:left !important; border-radius:0 !important;
	padding:0 15px 15px 0;
}
.tab-TypeBestCon.layoutModify>ul>li>article>div a div.img {background-size:contain !important; height:215px !important; margin:30px 0 20px;}
.tab-TypeBestCon.layoutModify>ul>li>article>div a div.topWrap {font-family: 'SpoqaHanSansNeo', 'sans-serif'; font-size:18px; font-weight:400; line-height:1.3; padding:0 20px; height:35px;}
.tab-TypeBestCon.layoutModify>ul>li>article>div a div.topWrap~* {padding:0 20px;}
.tab-TypeBestCon.layoutModify>ul>li>article>div a div.topWrap .cate {padding:0 15px 0 0; position:relative; line-height:1;}
.tab-TypeBestCon.layoutModify>ul>li>article>div a div.topWrap .cate:before {position:absolute; top:-1px; right:0; content:">"; display:block; font-size:18px; font-weight:700; color:#3071b9;}
.tab-TypeBestCon.layoutModify>ul>li>article>div a p.name {margin-top:10px;}
.tab-TypeBestCon.layoutModify>ul>li>article>div a p.price {margin-top:10px; height:35px;}
.tab-TypeBestCon.layoutModify>ul>li>article>div a p.price strike {font-size:15px; color:#898989; font-weight:400; display:block;}
.tab-TypeBestCon.layoutModify>ul>li>article>div a p.price .sale_price b {font-size:18px; color:#000; font-weight:700;}


/*오늘만특가*/
article.layout-list.typeSale.layoutModify {margin-left:-20px; margin-top:30px; border-top:4px solid #3071b9;}
article.layout-list.typeSale.layoutModify>div {width:calc((100%/3) - 20px); margin-left:20px;}
article.layout-list.typeSale.layoutModify>div:nth-child(2)~div {margin-top:0;}
article.layout-list.typeSale.layoutModify>div:nth-child(3)~div {margin-top:70px;}
article.layout-list.typeSale.layoutModify>div>a {border:1px solid #c9caca; padding:12px; background:#efefef;}
article.layout-list.typeSale.layoutModify>div>a>div.img {width:200px; height:264px !important; background:#fff; transition:none; background-size:contain !important; border:1px solid #c9caca;}
article.layout-list.typeSale.layoutModify>div>a>div.con {width:calc(100% - 200px); padding:0 20px 0 30px;}
article.layout-list.typeSale.layoutModify>div>a>div.con .topWrap {font-size:18px; padding-top:20px;}
article.layout-list.typeSale.layoutModify>div>a>div.con .topWrap span {float:none;}
article.layout-list.typeSale.layoutModify>div>a>div.con .topWrap .cate {padding:0 15px 0 0; position:relative; line-height:1;}
article.layout-list.typeSale.layoutModify>div>a>div.con .topWrap .cate:before {position:absolute; top:-1px; right:0; content:">"; display:block; font-size:18px; font-weight:700; color:#3071b9;}
article.layout-list.typeSale.layoutModify>div>a:hover>div.con p.name {color:#3071b9; font-weight:700;}

article.layout-list.typeSale.layoutModify .priceWrap-only i {position:static; margin-bottom:10px; font-family:"SpoqaHanSansNeo", sans-serif; width:107px; height:62px; padding-top:0;}
article.layout-list.typeSale.layoutModify .priceWrap-only i span {font-size:30px;}
article.layout-list.typeSale.layoutModify .priceWrap-only p {padding-left:0;}

article.layout-list .topWrap>span.standard {border:1px solid #3071b9; background:#fff; color:#000;}


/* ******************** 통합검색 ******************** */
.grayBg section.layoutList {background:#efefef;}
.grayBg .categoryBrand {border:1px solid #c9caca;}
/*많이 찾는 브랜드*/
.grayBg .all-person-pick {background:#fff; border:1px solid #c9caca; padding:25px 35px; margin-bottom:25px;}
.grayBg .all-person-pick:after {display:block; clear:both; content:"";}
.grayBg .all-person-pick>div {float:left; display:inline-block;}
.grayBg .all-person-pick>div.tit {width:20%;}
.grayBg .all-person-pick>div.con {width:80%;}
.grayBg .all-person-pick .con ul {text-align:right;}
.grayBg .all-person-pick .con ul li {display:inline-block;}
.grayBg .all-person-pick .con ul li+li {padding-left:20px; margin-left:20px; position:relative;}
.grayBg .all-person-pick .con ul li+li:before {position:absolute; top:5px; left:0; width:1px; height:17px; background:#676767; content:""; display:block;}
.grayBg .all-person-pick .con ul li a {display:block; color:#3071b9; font-weight:500;}
/*MD추천상품*/
.grayBg aside.bestSeller {padding:0; background:#efefef; border:0;}
.grayBg aside.bestSeller h3 {padding-left:30px; font-size:30px; color:#3071b9;}
.grayBg aside.bestSeller article.layout-list.nonLine {margin-top:10px; border-top:4px solid #3071b9; background:#fff; /* height:385px; overflow:hidden; */ position:relative;}
.grayBg aside.bestSeller article.layout-list.nonLine:after {
	position:absolute; top:0; left:0; display:block; /*content:"";*/
	width:100%; height:100%; border:1px solid #c9caca; border-top:1px solid transparent;
}
.grayBg aside.bestSeller article.layout-list.nonLine>div {width:calc(100%/4); margin-left:0; border-left:1px solid #c9caca; border-bottom:1px solid #c9caca;}
.grayBg aside.bestSeller article.layout-list.nonLine>div:nth-child(4) {border-right:1px solid #c9caca;}
.grayBg aside.bestSeller .layout-list.nonLine .img {height:245px !important; background-size:80% !important;}
.grayBg aside.bestSeller .layout-list.nonLine .group {padding:0 30px 20px;}
.grayBg aside.bestSeller .layout-list.nonLine span.cate {padding:0 15px 0 0; position:relative; line-height:1; margin-top:0;}
.grayBg aside.bestSeller .layout-list.nonLine span.cate:before {position:absolute; top:-1px; right:0; content:">"; display:block; font-size:18px; font-weight:700; color:#3071b9;}
.grayBg aside.bestSeller article.layout-list>div a p.name {margin-top:5px;}
.grayBg aside.bestSeller article.layout-list>div a p.price {font-size:16px; font-weight:400; padding-top:20px; margin-top:20px; border-top:1px solid #c9caca; text-align:right; height:55px;}
.grayBg aside.bestSeller article.layout-list>div a p.price b {font-size:30px; font-weight:700;}

.grayBg article.layout-list.nonLine>div a:hover {text-decoration:none !important;}

/**/
.grayBg .top-searchForm .listOrder ul li+li:before {background:#a3a3a3;}
.grayBg p.pageCount {margin:20px 0 10px;}
.grayBg .layoutList>.wrap>.inner .commonType {border-top:3px solid #c8caca !important;}
/*갤러리형*/
.grayBg .layoutList>.wrap>.inner .typeGallery {padding:0;}

.grayBg .layoutList>.wrap>.inner .typeGallery {border:1px solid #c9caca; border-top:0; border-bottom:0; position:relative; display:flex; flex-wrap:wrap;}
.grayBg .layoutList>.wrap>.inner .typeGallery:after {position:absolute; bottom:0; left:0; width:100%; height:1px; background:#c9caca; display:block; content:"";}
.grayBg .layoutList>.wrap>.inner .typeGallery>article {float:left; width:calc(100%/5); margin-left:0; text-align:center; border:1px solid #c9caca;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article+article {border-left:0;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article:nth-child(5)~article {border-top:0;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article:nth-child(5n+5) {border-right:0;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article:nth-child(5n+1) {border-left:0; clear:both;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article:nth-child(4n)~article {margin-top:0;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article:nth-child(4n+1) {clear:none;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article .img {height:220px !important; background-size:80% !important;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article p.name {padding:0 20px; height:auto !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article span.code {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.grayBg .layoutList>.wrap>.inner .typeGallery>article {}
.grayBg .layoutList>.wrap>.inner .commonType>article>div.infor span.cate {padding-top:0; padding-right:15px; position:relative;}
.grayBg .layoutList>.wrap>.inner .commonType>article>div.infor span.cate:before {position:absolute; top:-1px; right:0; content:">"; display:block; font-size:18px; font-weight:700; color:#3071b9;}
.grayBg .layoutList>.wrap>.inner .commonType>article>div.price {padding-bottom:0; height:63px;} 
.grayBg .layoutList>.wrap>.inner .commonType>article>div.price span b {font-size:20px; font-weight:700;}

/*리스트형*/
.grayBg .layoutList>.wrap>.inner .typeList>article {padding:0;}
.grayBg .layoutList>.wrap>.inner .typeList>article>div.img {width:180px; height:188px !important; background-size:90% !important;}
.grayBg .layoutList>.wrap>.inner .typeList>article>div.checkWrap_common label {font-size:0;}
.grayBg .layoutList>.wrap>.inner .typeList>article>div.infor {padding-left:30px;}
.grayBg .layoutList>.wrap>.inner .commonType>article>div.infor a.link p.name {font-weight:500;}
.grayBg .layoutList>.wrap>.inner .commonType>article>div.infor a.link p.name span {font-weight:400;}
.grayBg .layoutList>.wrap>.inner .commonType>article>div.infor a.link p.number {font-weight:300;}
.grayBg .layoutList>.wrap>.inner .commonType>article>div.get>ul {margin-top:30px;}
.grayBg .layoutList>.wrap>.inner .commonType>article>div.get>ul li span {font-size:14px;}
.grayBg .layoutList>.wrap>.inner .commonType>article>div.get>ul.dotType li span:before {top:8px;}
.grayBg .layoutList>.wrap>.inner .typeList>article div.img {display:table-cell !important;}
.grayBg .layoutList>.wrap>.inner .typeList>article div.infor.include-standard {width:calc(100% - 60px - 180px - 250px);}
.grayBg .layoutList>.wrap>.inner .commonType>article div.get>button {border:1px solid #c9c9c9;}
.grayBg .layoutList>.wrap>.inner .typeList>article {border:1px solid #c9c9c9;}
.grayBg .layoutList>.wrap>.inner .typeList>article+article {border-top:0;}
.grayBg .layoutList>.wrap>.inner .typeList>article div.get {border-left:0; position:relative;}
.grayBg .layoutList>.wrap>.inner .typeList>article div.get:after {
	position:absolute; top:15%; left:0; display:block; content:"";
	width:1px; height:70%; background:#c9caca;
}

/*ul.location*/
#viewSelect {width:1400px; margin:0 auto;}
ul.location select {
	width:150px; height:24px; border:1px solid #999; font-size:13px; padding:0 15px;
	background-image:url(../images/member/arrow-down2.jpg) !important;
	background-position:90% center !important;
}
ul.location.include-select {height:24px;}
ul.location.include-select li {line-height:24px;}
section.contents>.wrap>ul.location.include-select li+li {background:url(../images/common/i-arrow-right.png)no-repeat 14px 7px;}

/*레프트메뉴 색상조절*/
.grayBg .categoryBrand {}
.grayBg #lnbCategory {background:#efefef;}
.grayBg #lnbCategory>ul>li>a {border-color:#c9caca;}
.grayBg #lnbCategory .basicView,
.grayBg #lnbCategory ul.dep2 {border-color:#c9c9c9; background:#fff;}
	
.grayBg #lnbCategory .dep2 {height:350px; overflow-y:auto;}

/*장바구니*/
body.modifyCart table.product_list {border-top:2px solid #000;}
body.modifyCart table.product_list thead tr th {background:#efefef; border-bottom:1px solid #c9caca; padding:20px 0; font-size:18px; color:#000; font-weight:400; text-align:center; line-height:1;}
body.modifyCart table.product_list tbody tr td {padding:10px 20px; border-bottom:1px solid #c9caca;}
body.modifyCart table.product_list tbody tr td.borderL {border-left:1px solid #c9caca;}
body.modifyCart table.product_list tbody tr td.part1 >* {float:left; display:inline-block !important;}
body.modifyCart table.product_list tbody tr td.part1 >.img {width:100px; height:120px !important; background-size:contain !important;}
body.modifyCart table.product_list tbody tr td.part1 >.infor {width:calc(100% - 100px); padding-left:20px;}
body.modifyCart table.product_list tbody tr td.part1 >.infor a {display:table; height:120px;}
body.modifyCart table.product_list tbody tr td.part1 >.infor a>div {display:table-cell; vertical-align:middle;}
body.modifyCart table.product_list tbody tr td.part1 >.infor a>div p {max-height:58px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
body.modifyCart table.product_list tbody tr td.part1 >.infor p.name {font-size:18px; color:#000;}
body.modifyCart table.product_list tbody tr td.part1 >.infor p.number {font-size:16px; color:#595757;}

body.modifyCart table.product_list tbody tr td.part_basic {text-align:center;}
body.modifyCart table.product_list tbody tr td p[class*="_price"] {font-size:18px;}
body.modifyCart table.product_list tbody tr td p[class*="_price"] b {font-size:20px; font-weight:400; letter-spacing:0;}
body.modifyCart table.product_list tbody tr td p.total_price b {font-size:24px; font-weight:700;}
body.modifyCart table.product_list tbody tr td p.free {font-size:20px;}

	/*단독으로 사용*/
	.plus_minus_wrap>* {display:inline-block; vertical-align:middle; font-size:16px; float:left;}
	.plus_minus_wrap>button {
		width:30px; height:30px; border:1px solid #c9c9c9; transition-duration:.1s;
		background-repeat:no-repeat; background-position:center; background-size:15px;
	}
	.plus_minus_wrap>span {
		 width:40px; height:30px; line-height:30px; border-style:solid; border-color:#c9c9c9; border-width:1px 0; text-align:center;
	}
	.plus_minus_wrap>button.minus {background-image:url(../images/common/i-minus.png);}
	.plus_minus_wrap>button.plus {background-image:url(../images/common/i-plus.png);}

body.modifyCart .inner.shoppingStep1 .total-newStyle {border-top:2px solid #000; border-bottom:0;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div {padding-top:25px;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:first-child {width:calc(100% - 440px);}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:first-child h3 {font-size:26px; font-weight:700;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div.calc_wrap {padding-top:10px; width:440px;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:last-child ul li {border:0; font-size:20px;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:last-child ul li p {padding-right:18px;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:last-child ul li p input {padding:0; font-size:24px; font-weight:700; line-height:1.2;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div.calc_wrap ul li.count+li {border-top:1px solid #c9caca;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div.calc_wrap ul li.total {border-top:1px solid #c9caca;}
body.modifyCart table.product_list tbody tr td.part_basic .discount_box {background:#e60012; padding:7px 10px; font-size:18px; color:#fff; display:inline-block; line-height:1;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div.calc_wrap ul li+li {margin-top:10px; padding-top:10px;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:last-child ul li p span {top:3px;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:last-child ul li>span {padding-left:5px;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:last-child ul li.total>span {font-size:22px; font-weight:500; padding-top:10px;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:last-child ul li.total p {font-size:22px; font-weight:500;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:last-child ul li.total input {font-size:36px; font-weight:700; color:#e60012;}
body.modifyCart .inner.shoppingStep1 .total-newStyle>div:last-child ul li.total p span {top:10px;}
body.modifyCart .buyBtnWrap li a.buy {background:#3071b9; color:#fff; border:0; height:60px; padding:0 100px; font-size:30px; font-weight:500; line-height:60px;}
body.modifyCart .buyBtnWrap ul li a {padding:20px; font-size:18px;}
body.modifyCart .buyBtnWrap div.naverpay {border:0;border-top:2px solid #000;}
body.modifyCart h3.titleType1 {font-size:36px; font-weight:700; padding-bottom:20px; border-bottom:4px solid #3071b9;}

body.modifyCart aside.includeCheck-top {margin:40px 0 20px; overflow:hidden;}
body.modifyCart aside.includeCheck-top>div {float:left; width:50%; display:inline-block;}
body.modifyCart aside.includeCheck-top>div:first-child .checkWrap_common {text-align:left;}
body.modifyCart aside.includeCheck-top>div:first-child .checkWrap_common label {font-size:26px; background-position:0 8px;}
body.modifyCart aside.includeCheck-top>div:last-child {text-align:right;}
body.modifyCart aside.includeCheck-top a {padding:0 20px; font-size:26px; font-weight:500; height:40px; line-height:40px;}

/*주문서 - order_form.asp*/
body.modifyOrder .typeList>article>*:not(:first-child) {width:155px;}
body.modifyOrder h3.titleType1 {font-size:36px; font-weight:700; padding-bottom:25px; border-bottom:4px solid #3071b9;}
body.modifyOrder .layoutList>.wrap>.inner .commonType {border-top:0;}
body.modifyOrder .layout-formWrap .form-group.first {border-top:2px solid #000;}
body.modifyOrder .shoppingStep2 .buyStep-method {border-top:2px solid #000;}

article.thead {padding:0 !important;}
article.thead>.th {padding:20px 0; background:#efefef; border-bottom:1px solid #c9caca; text-align:center; font-size:18px; font-weight:400; line-height:1; border-top:2px solid #000;}

article.product_con_wrap {border-top:1px solid transparent !important; display:table; width:100%; padding:0 !important;}
article.product_con_wrap>article {display:table-cell; vertical-align:middle; border-bottom:1px solid #c9caca; text-align:center; font-size:18px;}

article.product_con_wrap>article[class*="part"] b {font-size:20px; font-weight:400;}
article.product_con_wrap>article[class*="part"] em {font-size:24px; font-weight:700;}

article.product_con_wrap>article+article {border-left:1px solid #c9caca;}
article.product_con_wrap>.part1 {width:calc(100% -  155px*5);}
article.product_con_wrap>.part1>div {float:left; display:inline-block;}
article.product_con_wrap>.part1 .img {width:130px; background-size:60% !important;}
article.product_con_wrap>.part1 .infor {width:calc(100% - 130px); padding-top:40px; text-align:left;}

article.product_con_wrap>.part1>.infor p.name {font-size:20px; color:#000;}
article.product_con_wrap>.part1>.infor p.number {font-size:16px; color:#595757;}

article.product_con_wrap>.part4 .discount_box {background:#e60012; padding:7px 10px; font-size:18px; color:#fff; display:inline-block; line-height:1;}



/*order_form.asp*/
body.modifyOrder .calc_wrap ul li {border-bottom:1px solid #ddd; position:relative;}
body.modifyOrder .calc_wrap ul li p {width:50%; margin-left:50%; padding-right:20px; display:inline-block; position:relative;}  
body.modifyOrder .calc_wrap ul li p span {position:absolute; top:7px; right:0;}
body.modifyOrder .calc_wrap ul li p input {text-align:right; background:transparent; border:1px solid transparent; height:auto; color:#000;}
body.modifyOrder .calc_wrap ul li>span {position:absolute; top:6px; left:0; font-weight:400;}
body.modifyOrder .calc_wrap ul li.count {padding-top:0;}
body.modifyOrder .calc_wrap ul li.total {border-bottom:0; padding-bottom:0;}
body.modifyOrder .calc_wrap ul li.total * {font-size:20px; font-weight:400;}

body.modifyOrder .calc_wrap {padding-top:10px; border:4px solid #3071b9; padding:30px 40px;}
body.modifyOrder .calc_wrap ul li {border:0; font-size:20px;}
body.modifyOrder .calc_wrap ul li p {padding-right:18px;}
body.modifyOrder .calc_wrap ul li p input {padding:0; font-size:24px; font-weight:700; line-height:1.2;}
body.modifyOrder .calc_wrap ul li.count+li {border-top:1px solid #c9caca;}
body.modifyOrder .calc_wrap ul li.total {border-top:1px solid #c9caca;}
body.modifyOrder .calc_wrap ul li+li {margin-top:10px; padding-top:10px;}
body.modifyOrder .calc_wrap ul li p span {top:3px;}
body.modifyOrder .calc_wrap ul li>span {padding-left:5px;}
body.modifyOrder .calc_wrap ul li.total>span {font-size:22px; font-weight:500; padding-top:10px;}
body.modifyOrder .calc_wrap ul li.total p {font-size:22px; font-weight:500;}
body.modifyOrder .calc_wrap ul li.total input {font-size:36px; font-weight:700; color:#e60012;}
body.modifyOrder .calc_wrap ul li.total p span {top:10px;}
body.modifyOrder .calc_wrap ul li.calc {margin-top:30px; padding-top:0;}
body.modifyOrder .calc_wrap ul li.calc a {font-size:30px; font-weight:700; padding:20px; line-height:1; display:block; background:#3071b9; color:#fff; text-align:center;}

body.modifyOrder .halfWrap-single .half:first-child {width:calc(100% - 520px); padding-right:60px;}
body.modifyOrder .halfWrap-single .half:last-child {width:520px;}
body.modifyOrder .agreebox-commonStyle {border:0; padding:15px 20px; border-radius:0; margin-top:25px; height:140px; background:#efefef; overflow-y:hidden;}
body.modifyOrder .agreebox-commonStyle.on {overflow-y:auto;}
body.modifyOrder .agreebox-commonStyle pre {margin:0; padding:0;}
body.modifyOrder .checkWrap_common {background:#efefef; padding:20px; text-align:left; position:relative;}
body.modifyOrder .checkWrap_common:before {
	position:absolute; top:0; left:20px; width:calc(100% - 40px); height:1px; margin-right:20px; background:#c9caca; display:block; content:""; 
}
body.modifyOrder .checkWrap_common label {font-size:20px; font-weight:500;}
body.modifyOrder .checkWrap_common a.allView {
	float:right; padding-top:10px; padding-right:25px; background:url(../images/common/arrow_down_toolket.png)no-repeat right bottom 2px;
}

body.modifyOrder .titleType2 {padding-left:0; font-size:26px; font-weight:700; color:#000; margin-top:0 !important;}
body.modifyOrder .titleType2:before {display:none;}

body.modifyOrder .shoppingStep2 .layout-formWrap .form-group {padding:0; display:table; width:100%; border-bottom:0;}
body.modifyOrder .shoppingStep2 .layout-formWrap .form-group>* {display:table-cell; vertical-align:top; float:none;}
body.modifyOrder .shoppingStep2 .layout-formWrap .form-group>label {width:210px !important; padding:20px 30px; background:#efefef; border-right:1px solid #c9caca; border-bottom:1px solid #c9caca; line-height:1;}
body.modifyOrder .shoppingStep2 .layout-formWrap .form-group>div {width:calc(100% - 210px) !important; padding:10px 25px !important; border-bottom:1px solid #c9caca; line-height:initial;}

body.modifyOrder .shoppingStep2 .layout-formWrap .form-group>div input,
body.modifyOrder .shoppingStep2 .layout-formWrap .form-group>div textarea,
body.modifyOrder .shoppingStep2 .layout-formWrap .form-group>div select {background-color:#fff !important; height:36px !important; border:1px solid #c9caca;}
body.modifyOrder .halfWrap.addressWrap>ul.write li.search>a,
body.modifyOrder .halfWrap.addressWrap>ul.write li.search>span {height:36px; line-height:36px;}

body.modifyOrder .layout-formWrap .form-group>label span.must {padding-right:0; position:relative; padding-left:15px; word-break:break-all; display:block;}
body.modifyOrder .layout-formWrap .form-group>label span.must:before {display:none;}
body.modifyOrder .layout-formWrap .form-group>label span.must:after {
	position:absolute; top:5px; left:0; background:url(../images/common/star_red.png)no-repeat left center;
	width:10px; height:10px; display:block; content:"";
}

body.modifyOrder h4.titleType2.include-con .mustWrap-single {position:static; padding-left:5px; font-size:18px; color:#e60012; font-weight:700;}
body.modifyOrder .mustWrap-single>span {position:relative; padding-left:10px; font-size:18px; color:#e60012; font-weight:700;}
body.modifyOrder .mustWrap-single>span:before {display:none;}
body.modifyOrder .mustWrap-single>span:after {
	position:absolute; top:7px; left:0; background:url(../images/common/star_red.png)no-repeat left center;
	width:10px; height:10px; display:block; content:"";
}

body.modifyOrder article.method_choice {margin-top:95px;}
body.modifyOrder ul.destinationSelect li div {height:auto !important;}
body.modifyOrder .form-group.destination>div .myAddrList {top:10px; right:20px;}


body.modifyOrder .halfWrap.companyNumWrap>ul.companyNum>li:nth-child(1) input[type="text"] {width:100px;}
body.modifyOrder .halfWrap.companyNumWrap>ul.companyNum>li:nth-child(2) input[type="text"] {width:50px;}
body.modifyOrder .halfWrap.companyNumWrap>ul.companyNum>li:nth-child(3) input[type="text"] {width:150px;}
body.modifyOrder .halfWrap.birthWrap>ul>li>span {height:36px; line-height:36px;}
body.modifyOrder .layout-formWrap .form-group input:disabled,
body.modifyOrder .layout-formWrap .form-group input:read-only {background-color:#c9caca !important; border:1px solid #c9caca !important; cursor:default; color:#000;}
body.modifyOrder .layout-formWrap .form-group input:-moz-disabled,
body.modifyOrder .layout-formWrap .form-group input:-moz-read-only {background-color:#f5f5f5 !important; border:1px solid #c9caca !important;}
body.modifyOrder .layout-formWrap .form-group input:disabled:focus,
body.modifyOrder .layout-formWrap .form-group input:read-only:focus {border:1px solid #c9caca !important;}
body.modifyOrder .layout-formWrap .form-group input:-moz-disabled:focus,
body.modifyOrder .layout-formWrap .form-group input:-moz-read-only:focus {border:1px solid #c9caca !important;}
body.modifyOrder .pop-myAddrList .wrap-myAddrList .con .part2 .search>div a {height:36px; line-height:36px;}

/*주문배송조회*/
.modifyOrderList .titleType1 {font-size:26px; font-weight:700; color:#000; padding:0 20px;}
.modifyOrderList .tab-TypeBest.tabUpper {margin-top:15px;}
.inner.shoppingInfor .con .orderCon.modify2021 {margin-top:0;}
.orderCon.modify2021 {display:table; width:100%; padding:0 !important;}
.orderCon.modify2021>div {display:table-cell; padding:20px 30px; vertical-align:middle;}
.orderCon.modify2021 .memberInfor {width:170px; background:#efefef; text-align:center; font-size:18px;}
.orderCon.modify2021 .memberInfor span {color:#3071b9; font-weight:700; font-size:22px;}
.orderCon.modify2021 .memberDetail {width:calc(100% - 170px);}

.inner.shoppingInfor .con .orderCon.modify2021 {border:1px solid #c9caca; border-top:4px solid #3071b9;}
.inner.shoppingInfor .con .orderCon.modify2021 ul>li {font-size:18px; width:calc(100%/4);}
.inner.shoppingInfor .con .orderCon.modify2021 ul>li+li {margin-left:0;}
.inner.shoppingInfor .con .orderCon.modify2021 ul>li span {color:#000; font-weight:400;}
.inner.shoppingInfor .con .orderCon.modify2021 ul+ul {margin-top:10px;}
.inner.shoppingInfor .con .orderCon.modify2021 ul.hypenType li:before {top:14px;}

.modifyOrderList .tab-TypeBest.tabUpper+.tab-TypeBestCon {margin-top:0;}
/*주문배송조회 - 검색*/
.modifyOrderList .period_search_wrap {display:table; width:100%; border:1px solid #c9caca; border-top:1px solid #000; margin-top:30px;}
.modifyOrderList .period_search_wrap>div {display:table-cell; padding:15px 30px; vertical-align:middle;}
.modifyOrderList .period_search_wrap>div.tit {width:170px; background:#efefef; text-align:center; font-size:18px;}
.modifyOrderList .period_search_wrap>div.con {width:calc(100% - 170px);}
.modifyOrderList .period_search_wrap>div.con ul {overflow:hidden;}
.modifyOrderList .period_search_wrap>div.con ul li {float:left; display:inline-block;}
.modifyOrderList .period_search_wrap>div.con ul li+li {margin-left:15px;}
.modifyOrderList .period_search_wrap>div.con ul li a {border:1px solid #c9caca; display:inline-block; padding:0 5px; width:100px; line-height:25px; height:25px; color:#000; font-size:16px; text-align:center;}
.modifyOrderList .period_search_wrap>div.con .inputWrap {margin-top:10px;}
.modifyOrderList .period_search_wrap>div.con .inputWrap>* {display:inline-block; vertical-align:middle; float:left;}
.modifyOrderList .period_search_wrap>div.con .inputWrap input {width:calc(100px*4 + 15px*3); height:35px; border:1px solid #c9caca; padding-left:35px; padding-right:35px;}
.modifyOrderList .period_search_wrap>div.con .inputWrap a {background:#898989; padding:0 5px; width:100px; line-height:35px; height:35px; color:#fff; font-size:18px; font-weight:500; text-align:center; margin-left:15px;}

.modifyOrderList .period_search_wrap>div.con ul li.on {background:#ff661A !important;}
.modifyOrderList .period_search_wrap>div.con ul li.on a {color:#fff;border:0px !important;}

/*주문배송조회 - 테이블*/
.modifyOrderList .orderList span {display:block; line-height:1.2; font-size:18px;}
.modifyOrderList .orderList .moreViewBtn {border:1px solid #3071b9; background:#3071b9; width:110px; margin-right:0; height:30px; line-height:30px; color:#fff; font-weight:500; font-size:18px; margin-top:5px;}
.modifyOrderList .orderList .moreViewBtn.on {background:#0a4e98; border:1px solid #0a4e98;}

table.orderList.modify2021 thead tr th {background:#efefef; border:0; border-bottom:1px solid #c9caca; border-top:2px solid #000; font-size:18px;}
table.orderList.modify2021 tbody tr td {font-size:18px;}
table.orderList.modify2021 tbody tr td:nth-child(2) {text-align:left;}
table.orderList.modify2021 tbody tr td:not(:nth-child(2)) {text-align:center;}
table.orderList.modify2021 tbody tr td ul li+li {margin-top:10px;}
table.orderList.modify2021 tbody tr td a.basicLineBtn {
	display:block; width:100px; height:25px; line-height:25px; border:1px solid #c9caca; margin:0 auto; font-size:18px;
}
table.orderList.modify2021 tbody tr td a.basicLineBtn:hover {border-color:#aaa;}
table.orderList.modify2021 tbody tr td.today_state a.basicLineBtn {margin-top:10px;}
table.orderList.modify2021 .detail_list_wrap .detail>ul:before {top:17px;}
table.orderList.modify2021 .product_option>div {float:left; display:inline-block;}
table.orderList.modify2021 .product_option>div.img {width:80px; height:80px;}
table.orderList.modify2021 .product_option>div.con {width:calc(100% - 90px); padding-left:30px; padding-top:15px;}
table.orderList.modify2021 .product_option>div.con p.name {font-size:18px; font-weight:400; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
table.orderList.modify2021 .product_option>div.con p.cate {font-size:16px; color:#595757;}

table.orderList.modify2021 a[class*="order_"] {display:block; padding:0; line-height:1; border:0; background:#fff; color:#000; font-size:18px; font-weight:500;}
table.orderList.modify2021 a[class*="order_"]+a[class*="order_"] {margin-top:5px;}
table.orderList.modify2021 a.order_ing {background:#fff; color:#1ba8be; border:0;}
table.orderList.modify2021 a.order_exchange,
table.orderList.modify2021 a.order_cancle {background:#fff; color:#3071b9; border:0;}
table.orderList.modify2021 a.order_trans,
table.orderList.modify2021 a.order_receipt {color:#f40000; border:0; background:#fff;}
table.orderList-estimate.modify2021 tbody tr td:nth-child(2) {text-align:center;}
table.orderList-estimate.modify2021 tbody tr td:nth-child(3) {text-align:left;}

/*하단 새로운 작업*/
#shop_cart_wrap {position:fixed; width:100%; left:0; bottom:0; margin:0; padding:0px 0; background:#fff; z-index:2000000000; box-shadow:-5px 0px 5px rgba(0,0,0,.1);}
#shop_cart_wrap>div.tab {background:#eee; position:relative; border-top:1px solid #000;}
#shop_cart_wrap>div>ul {width:1400px; margin:0 auto;}
#shop_cart_wrap>div>ul:after {clear:both; display:block; content:"";}
body.Main #shop_cart_wrap>div>ul {width:1200px;}
#shop_cart_wrap .tab ul {font-size:0;}
#shop_cart_wrap .tab ul li {display:inline-block;}
#shop_cart_wrap .tab ul li+li {margin-left:50px;}
#shop_cart_wrap .tab ul li a {display:block; font-size:15px; line-height:40px; padding-left:20px;
background-repeat:no-repeat; background-position:left center;}
#shop_cart_wrap .tab ul li.on a {position:relative;}
#shop_cart_wrap .tab ul li.on a:before {position:absolute; top:0; left:0; width:100%; height:3px; background:#3077c7; display:block; content:"";}
#shop_cart_wrap .tab ul li:nth-child(1) a {background-image:url(../images/modify2021/bottom-1-black.png);}
#shop_cart_wrap .tab ul li:nth-child(2) a {background-image:url(../images/modify2021/bottom-2-black.png);}
#shop_cart_wrap .tab ul li:nth-child(3) a {background-image:url(../images/modify2021/bottom-3-black.png);}
#shop_cart_wrap .tab>a.open {
	position:absolute; top:0; right:calc(50% - 700px); width:40px; height:40px; background:#3077c7 url(../images/common/bottom-open.png)no-repeat center;
}
body.Main #shop_cart_wrap .tab>a.open {right:calc(50% - 600px);}
#shop_cart_wrap .tab ul li.on a {}

#shop_cart_wrap .tab_con {display:none;}
#shop_cart_wrap .tab_con.on {display:block; padding:20px 0; height:220px;}

#shop_cart_wrap .tab_con ul li>article.today_view {}
#shop_cart_wrap .tab_con ul li>article.today_view>ul {font-size:0; text-align:center;}
#shop_cart_wrap .tab_con ul li>article.today_view>ul>li {display:inline-block; width:200px; padding:0 10px;}
#shop_cart_wrap .tab_con ul li>article.today_view>ul>li>a {display:block; position:relative;}
#shop_cart_wrap .tab_con ul li>article.today_view>ul>li>a>button {position:absolute; top:0; right:calc(50% - 45px);}
#shop_cart_wrap button.close {
	padding:0; height:20px; width:20px;
	background:#ccc url(../images/common/layerPop-x-fff.png)no-repeat center; background-size:10px;
}
#shop_cart_wrap .tab_con ul li>article.today_view .img {width:90px; border:1px solid #ddd; background-size:80% !important; margin:0 auto;}
#shop_cart_wrap .tab_con ul li>article.today_view .box {font-size:13px; color:#333; font-weight:400; margin-top:10px;}
#shop_cart_wrap .tab_con ul li>article.today_view .box>* {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#shop_cart_wrap .tab_con ul li>article.today_view .box p.price b {font-size:15px; color:#000;}

#shop_cart_wrap table .btn:after {clear:both; display:block; content:"";}
#shop_cart_wrap table .btn>.lineBox {float:left; display:inline-block; padding:5px 10px; border:1px solid #ddd; line-height:1;}
#shop_cart_wrap table .btn>.lineBox.acc {background:#3077c7; border:1px solid #3077c7; color:#fff;}
#shop_cart_wrap table .btn>.lineBox+.lineBox {margin-left:3px;}
#shop_cart_wrap table .con>* {float:left; margin:5px;}
#shop_cart_wrap table .con>.num {color:#666;}
#shop_cart_wrap table.standard .checkWrap_common label {font-size:0;}
#shop_cart_wrap table.standard tr td:last-child {text-align:center;}
#shop_cart_wrap table.standard tr td:nth-child(2) {text-align:left; padding:10px 10px 5px;}


#shop_cart_wrap .tab_con>ul,
#shop_cart_wrap .tab_con>ul>li {height:200px;}
#shop_cart_wrap .tab_con>ul>li>article.inlude_calc {width:100%;}
#shop_cart_wrap .tab_con>ul>li>article.inlude_calc>* {display:inline-block; float:left; height:calc(220px - 20px*2); overflow-y:auto;}
#shop_cart_wrap .tab_con>ul>li>article.inlude_calc>.tableWrap {width:calc(100% - 350px);}
#shop_cart_wrap .tab_con>ul>li>article.inlude_calc>.calc {width:350px; padding-left:100px; font-size:15px; font-weight:400; position:relative;}
#shop_cart_wrap .tab_con>ul>li>article.inlude_calc>.calc p {text-align:right; position:relative; color:#666;}
#shop_cart_wrap .tab_con>ul>li>article.inlude_calc>.calc p.total {margin-top:20px; padding-top:20px; /*border-top:1px dotted #ddd;*/ color:#3077c7; font-weight:500; font-size:18px;}
#shop_cart_wrap .tab_con>ul>li>article.inlude_calc>.calc p>span {
	position:absolute; top:0; left:0;
	font-size:14px; color:#000; font-weight:400;
}
#shop_cart_wrap .tab_con>ul>li>article.inlude_calc>.calc p.total>span {top:20px;}
#shop_cart_wrap .tab_con>ul>li>article.inlude_calc>.calc>a {background:#3077c7; padding:10px 20px; line-height:1; display:inline-block;
width:calc(100% - 100px); color:#fff; text-align:center;
position:absolute; right:0; bottom:0;}

#shop_cart_wrap .tab_con ul li>article.zzim_list {}


#shop_cart_wrap .tab_con ul li>article.cart_list {}
#shop_cart_wrap .tab_con ul li>article.cart_list table tr td {padding:10px;}


/*modify2022*/
body.modifyLayout section.contents>.wrap {max-width:100%;}
body.modifyLayout section.contents>.wrap .innerWrap-box {max-width:1400px; margin:0 auto;}