/* basic */
.width100 {width:100%; overflow:hidden;}
.width1100 {width:1200px; margin:0 auto; overflow:hidden;}
.width62 {width:100%;}
.width40 {width:100%;}
.width35 {width:100%;}
.overV {overflow:visible;}
img.img100 {width:100%; max-width:100%;}

@media only screen and (min-width: 640px) {
	img.img100 {width:auto !important;; min-width:auto !important;;}
}



@media only screen and (max-width: 800px) {
	.width1100 {width:95%;}
	
}


@media only screen and (min-width: 1200px) {
	
	.width62 {float:left; width:62%;}
	.width40 {float:left; width:40%}
	.width35 {float:right; width:35%;}
	img.img100 {width:auto !important; min-width:auto !important;} 
}






#tabMenu {width:100%; margin:0 auto 15px auto; }
#tabMenu > ul {overflow:hidden;}
#tabMenu > ul > li {float:left; height:35px; line-height:35px; text-align:center; background:#f1f1f1; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:13px; color:#666; cursor:pointer;}
#tabMenu > ul > li a {display:block;}
#tabMenu > ul > li.on {background:#fff; border-top:2px solid #55b53f; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:13px; color:#000; font-weight:400;}
#tabMenu .tabCont {display:none; clear:both; overflow:hidden;}

#tabMenu.fixed {position:fixed; top:63px; left:50%; width:1200px; margin:0 0 0 -600px;}

#tabMenuPro {width:100%; margin:0 auto; }
#tabMenuPro > ul {overflow:hidden;}
#tabMenuPro > ul > li {float:left; width:33.3%; height:35px; background:#f1f1f1; line-height:35px; text-align:center;border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:13px; color:#666; cursor:;}
#tabMenuPro > ul > li a {display:block;}
#tabMenuPro > ul > li.on {background:#fff; border-top:2px solid #55b53f; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #fff; font-size:13px; color:#000; font-weight:400;}


@media only screen and (min-width: 1100px) {
	#tabMenu {width:100%; margin:0 auto 30px auto; }
	#tabMenu > ul > li {float:left; height:48px; line-height:48px; text-align:center;  border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:14px; color:#666; cursor:pointer;}
	#tabMenu > ul > li a {display:block;}
	#tabMenu > ul > li.on {background:#fff; border-top:2px solid #55b53f; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #fff; font-size:14px; }
	#tabMenu .tabCont {display:none; clear:both; margin:30px 0 0 0 !important; overflow:hidden;}

	#tabMenuPro {width:1200px; margin:0 auto; }
	#tabMenuPro > ul {overflow:hidden;}
	#tabMenuPro > ul > li {float:left; width:16.6%; height:48px; line-height:48px; text-align:center; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:15px; color:#666; cursor:;}
	#tabMenuPro > ul > li a {display:block;}
	#tabMenuPro > ul > li.on {background:#fff; border-top:2px solid #55b53f; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #fff; font-size:15px; }
}





.width02 {width:50%;}
.width02:nth-child(1) {border-right:0; overflow:hidden;}

.width02P {width:50%; }
.width02P:nth-last-child(1) {border-right:0; }
.width02P a > .picP {width:100%; height:auto; }

.width03P {width:50%;}
.width03P:nth-child(2n+1) {border-left:1px solid #e2e2e2; }

.width03 {width:33.3%;}
.width03 .picP {width:100%; height:auto; min-height:90px;  margin:0 auto 10px auto;}
.width03 .picP img {width:100%; height:100%; }
.width03:nth-child(3n+1) {border-left:1px solid #e2e2e2; }

.width04 {width:50%; border-bottom:1px solid #e2e2e2;}
.width04:nth-child(2n+1) {border-left:1px solid #e2e2e2;}

.width06 {width:33.3%;}

.width08 {width:25%; }
.width08:nth-child(8n+1) {border-left:1px solid #e2e2e2;}

li.widthDummy {display:none;}


@media only screen and (min-width: 1100px) {
	.width02P a > .picP {width:100%;   margin:0 auto; }
    
	.width03P {width:33.3%;}
	.width03P:first-child {border-left:1px solid #e2e2e2 !important;}
	.width03P:nth-child(3n+1) {border-left:1px solid #e2e2e2;}
	.width03P:nth-child(2n+1) {border-left:0;}
    .width03P .pic {width:95%; max-width:280px; min-height:130px; height:280px !important; margin:0 auto 10px auto;}
    
	.width03 .picP {width:95%; max-width:280px; min-height:130px; height:280px; margin:0 auto 10px auto;}

	.width04 {width:25%; border-bottom:1px solid #e2e2e2;}
	.width04:nth-child(4n+1) {border-left:1px solid #e2e2e2;}
	.width04:nth-child(4n+3) {border-left:0px solid #e2e2e2;}

	.width06 {width:16.6%;}
	.width06:nth-child(6n+1) {border-left:1px solid #e2e2e2;}

	.width08 {width:12.5%;}
	.width08:nth-child(8n+1) {border-left:1px solid #e2e2e2;}

	li.widthDummy {display:inline-block; width:50.2% !important; border-left:0 !important; border-right:0 !important; border-top:0 !important; background:transparent !important; border-bottom:1px solid #24221f; cursor:default !important;}

} 


.width05 {width:20%;}
.width05:nth-child(5n+1) {border-left:1px solid #e2e2e2;}





.proBox {float:left; background:#fff; border-right:1px solid #e2e2e2; text-align:center; padding:5px 10px; position:relative;}

.proBox:hover > .over {display:block;}
.proBox .over {display:none; position:absolute; top:50%; left:50%; margin-left:-41px; width:85px; height:40px; }
.proBox .over .cirIcon {width:40px; height:40px; border-radius:20px; background-position:center -39px; background-color:rgba(0,0,0,.8); display:inline-block;}
.proBox .over .cirIcon:hover {background-position:center -39px; background-color:#fd5b45;}
.opWish {background-image:url(/image/op_wish.png);}
.opDetail {background-image:url(/image/op_detail.png);}

.proBox .pic {width:100%; height:auto; min-height:143px;  margin:0 auto 10px auto; }
.proBox .pic img {width:100%; height:100%; vertical-align:middle;}
.proBox .name {width:100%; font-weight:400; color:#000; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.proBox .text {width:100%; font-size:12px; height:15px; color:#a4a4a4; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.proBox .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:16px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.proBox .price {font-weight:bold; font-size:17px; color:#000; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700;}
.proBox span {font-weight:normal; font-size:12px;}


.proBoxB .pic {width:100%; height:auto; min-height:143px;  margin:0 auto 10px auto; }
.proBoxB .pic img {width:100%; height:100%; vertical-align:middle;}
.proBoxB .name {width:100%; font-weight:400; font-size:14px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.proBoxB .text {width:100%; font-size:12px; height:15px; color:#a4a4a4; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.proBoxB .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:16px; }
.proBoxB .price {font-weight:bold; font-size:17px; color:#000;}
.proBoxB span {font-weight:normal; font-size:12px;}

.emptyArea {width:100%; height:400px; background:url(/image/ing_shop.png) no-repeat center 40%;}
.emptyArea p {font-size:20px; color:rgba(0,0,0,.2); text-align:center; padding-top:250px;}

@media only screen and (min-width: 1100px) {
	.proBox {float:left; background:#fff; border-right:1px solid #e2e2e2; text-align:center; padding:30px 35px 25px 35px; position:relative;}

	.proBox .pic {width:100%; min-width:; max-width:; height:auto; max-height:; min-height:; margin:0 auto 16px auto;}
	.proBox .pic img {width:100%; height:100%; vertical-align:middle;}
	.proBox .name {font-size:17px;  }
	.proBox .text {font-size:13px; height:18px;}
	.proBox .sobi {font-size:16px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:18px; }
	.proBox .price {font-weight:bold; font-size:25px; color:#000;}
	.proBox span {font-weight:normal; font-size:14px;}

	.proBoxB {width:33.3%; float:left; background:#fff; border-right:1px solid #e2e2e2; text-align:center; padding:30px 35px 25px 35px; position:relative;}

	.proBoxB .pic {width:100%; min-width:; max-width:; height:auto; max-height:; min-height:; margin:0 auto 16px auto;}
	.proBoxB .pic img {width:100%; height:100%; vertical-align:middle;}
	.proBoxB .name {font-size:17px;  }
	.proBoxB .text {font-size:13px; height:18px;}
	.proBoxB .sobi {font-size:16px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:18px; }
	.proBoxB .price {font-weight:bold; font-size:25px; color:#000;}
	.proBoxB span {font-weight:normal; font-size:14px;}

}


/* 기획상품 */
.boxDmg {width:100%; height:auto; background:#fff; margin:5px auto;  border-top:2px solid #4f4f4f; border-bottom:2px solid #4f4f4f; overflow:hidden;}
.boxDmg ul {width:100%; overflow:hidden; }
.boxDmg ul li {float:left;}
.boxDmg ul li.main {width:100%; height:175px;}
.boxDmg ul li.main .won {font-weight:normal; font-size:12px; }
.boxDmg ul li.main .pic {float:right; width:50%; height:auto; padding:5%;}
.boxDmg ul li.main .pic img {width:100%; height:auto;}
.boxDmg ul li.main .txtL {float:left; width:45%; margin:5% 0 0 5%; }
.boxDmg ul li.main .txtL .name {width:100%; font-size:18px; font-weight:400; }
.boxDmg ul li.main .txtL .txt {width:100%; text-overflow:hidden; font-size:12px; height:18px; font-weight:normal; color:#9d9d9d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.boxDmg ul li.main .txtL .sobi {margin:10px 0 0 0; text-decoration:line-through; font-family:'NerisLight', "Noto Sans KR"; font-weight:200; font-size:14px; color:#9d9d9d;}
.boxDmg ul li.main .txtL .price { font-size:20px; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700;}
.boxDmg ul li.right {width:100%; height:auto; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.boxDmg ul li.right .pic {float:left; width:45%; height:100%; margin:5% 0;}
.boxDmg ul li.right .pic img {width:100%; height:auto; }
.boxDmg ul li.right .name {float:left; width:55%; font-size:16px; color:#000; text-align:left; font-weight:400; padding:11% 0 2% 5%; }
.boxDmg ul li.right .sobi {float:left; width:55%; text-decoration:line-through; font-family:'NerisLight', "Noto Sans KR"; font-weight:200; font-size:13px; color:#9d9d9d; text-align:left; padding:15px 0 0 5%;}
.boxDmg ul li.right .price {float:left; width:55%; font-size:16px; text-align:left;  font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#333; padding:0 0 0 5%;}
.boxDmg ul li.width3 {width:33.3%; height:auto; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-bottom:3%;}
.boxDmg ul li.width3:last-child {border-right:0;}
.boxDmg ul li.width3 dd {float:none; font-size:11px; text-align:center;}
.boxDmg ul li.width3 dd.left {width:90%; margin:0 auto;}
.boxDmg ul li.width3 .name {width:100%; font-size:15px; font-weight:400; margin:10px 0 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.boxDmg ul li.width3 .sobi {font-size:13px; color:#9d9d9d; text-decoration:line-through; margin:10px 0 0 0; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.boxDmg ul li.width3 .price {font-size:16px; color:#000; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; }
.boxDmg ul li.width3 dd.right {width:100%; height:auto;}
.boxDmg ul li.width3 dd.right img {width:90%; height:auto; margin:7% 0;}


@media only screen and (min-width: 480px) {
	.boxDmg ul li.main {width:100%; height:200px; border-bottom:1px solid #e9e9e9; background:url(/image/box_left.png) no-repeat center center; background-size:88% auto;}	
}


@media only screen and (min-width: 640px) {
	.boxDmg ul li.main {width:66.7%; height:200px; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:url(/image/box_left.png) no-repeat center center; background-size:88% auto;}
	.boxDmg ul li.right {width:33.3%; height:200px; border-bottom:1px solid #e9e9e9; position:relative;}
	.boxDmg ul li.right .pic {float:none; width:80%; height:100%; margin:0 auto; }
	.boxDmg ul li.right .name {float:none; width:100%; font-size:12px; text-align:center; padding:0;}
	.boxDmg ul li.right .price {float:none; width:100%; font-size:15px; text-align:center; padding:0;}
	.boxDmg ul li.width3 {width:33.3%; height:auto; border-right:1px solid #e9e9e9; padding-bottom:0;}
	.boxDmg ul li.width3 dd {float:right; font-size:12px; text-align:left;}
	.boxDmg ul li.width3 dd.left {width:55%; margin:0; padding:12% 5% 0 5%;}
	.boxDmg ul li.width3 dd.right {width:45%; height:100%;}
	.boxDmg ul li.width3 dd.right img {width:100%; height:auto; margin:10% 0 0 0;}
}


@media only screen and (min-width: 860px) {
	.boxDmg {width:95%; height:auto;}
	.boxDmg ul li.main {width:66.7%; height:350px; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:url(/image/box_left.png) no-repeat center center; background-size:88% auto;}
	.boxDmg ul li.right {width:33.3%; height:350px; border-bottom:1px solid #e9e9e9; position:relative;}
	.boxDmg ul li.right .pic {float:none; width:80%; height:100%; margin:15% auto 0 auto; }
	.boxDmg ul li.right .name {float:none; width:100%; font-size:15px; text-align:center; padding:0;}
	.boxDmg ul li.right .price {float:none; width:100%; font-size:19px; text-align:center; padding:0;}
	.boxDmg ul li.width3 {width:33.3%; height:auto; border-right:1px solid #e9e9e9; padding-bottom:0;}
	.boxDmg ul li.width3 dd {float:right; font-size:13px; text-align:left;}
	.boxDmg ul li.width3 dd.left {width:55%; margin:0; padding:8% 5% 0 5%;}
	.boxDmg ul li.width3 dd.right {width:45%; height:100%;}
	.boxDmg ul li.width3 dd.right img {width:100%; height:auto; margin:0;}
}


@media only screen and (min-width: 1100px) {
	.boxDmg {width:1200px; height:auto; border-top:3px solid #4f4f4f; border-bottom:3px solid #4f4f4f;}		
	.boxDmg ul li.main {width:732px; height:390px; padding:35px 30px; overflow:hidden;}
	.boxDmg ul li.main .won {font-weight:normal; font-size:20px; }
	.boxDmg ul li.main .pic {float:right; width:320px; height:320px;}
    .boxDmg ul li.main .pic img {width:100%; height:auto;}
    .boxDmg ul li.main .txtL {float:left; width:300px; margin:8% 0 0 0; }
	.boxDmg ul li.main .txtL .name {width:100%; font-size:35px;  }
    .boxDmg ul li.main .txtL .txt {width:100%; text-overflow:hidden; font-size:18px; font-weight:normal; color:#9d9d9d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
    .boxDmg ul li.main .txtL .sobi {margin:15px 0 0 0; text-decoration:line-through; font-weight:normal; font-size:20px; color:#9d9d9d;}
	.boxDmg ul li.main .txtL .price {font-weight:bold; font-size:30px;}

	.boxDmg ul li.right {width:366px; height:390px; border-bottom:1px solid #e9e9e9; position:relative;}
	.boxDmg ul li.right .pic {float:none; width:75%; height:auto; margin:3% auto 0 auto; }
	.boxDmg ul li.right .name {float:none; width:100%; font-size:16px; text-align:center;  margin:10px 0; padding:0;}
	.boxDmg ul li.right .sobi {float:none; width:100%; font-size:15px; text-align:center; text-decoration:line-through; color:#9d9d9d; padding:0;}
	.boxDmg ul li.right .price {float:none; width:100%; font-size:20px; text-align:center;  font-weight:bold; color:#333; padding:0;}
	.boxDmg ul li.width3 {width:366px; height:170px; border-right:1px solid #e9e9e9; padding-bottom:0;}
	.boxDmg ul li.width3:nth-child(3) {border-right:0 !important;}
	.boxDmg ul li.width3 dd {float:right; font-size:15px; text-align:left;}
	.boxDmg ul li.width3 dd.left {width:55%;  margin:0; padding:12% 5% 0 5%;}
	.boxDmg ul li.width3 .name {font-size:16px;}
	.boxDmg ul li.width3 .sobi {font-size:13px; color:#9d9d9d; text-decoration:line-through; font-weight:normal; margin:10px 0 0 0;}
	.boxDmg ul li.width3 .price {font-size:16px; color:#000; font-weight:bold; }
	.boxDmg ul li.width3 dd.right {width:45%; padding:10px;}
	.boxDmg ul li.width3 dd.right img {width:auto; /*height:100%;*/ max-width:100%; max-height:95%; }
}





/* 이벤트 */
#mainEvent {width:100%; height:auto; background:#f8f8f8; margin:30px 0 0 0; padding:0 0 30px 0; overflow:hidden;}
#mainEvent ul {overflow:hidden;}
#mainEvent ul li {float:left; width:33.3%; text-align:center;}
#mainEvent ul li img {width:100%; height:auto;}

@media only screen and (min-width: 1100px) {
	#mainEvent { height:382px; background:#f8f8f8; margin:60px 0 0 0; padding:0;}
	#mainEvent ul li {float:left; width:33.3%;}
    #mainEvent ul li img {width:100%; height:auto;}
}



/* 메인하단 */
/* .grayWrap {width:100%; height:auto; margin:30px 0 0 0; background:#f8f8f8; overflow:hidden;} */
#shopBottom {width:90%; margin:20px auto 30px auto; overflow:hidden;}
.csWrap {width:100%; border:1px solid rgba(0,0,0,.15); padding:30px; background:#fff;}
.csWrap ul {}
.csWrap ul:last-child {border-right:0; padding:0 0 0 0;}
.csWrap ul:last-child li:last-child {margin-top:25px; }
.csWrap ul:last-child li:first-child {margin-top:20px; padding-top:20px; border-top:1px dashed #eee; }
.csWrap ul li.tit {font-size:19px; color:#333; font-family:malgun gothic; font-weight:bold; margin-bottom:15px;}
.csWrap ul li.tit .small {display:none; font-size:12px;  color:#3f3f3f; font-weight:normal;}
.csWrap ul li.tel {font-size:36px; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#d83538;  margin-bottom:10px; letter-spacing:-0.8px;}
.csWrap ul li.telInfo {font-size:11px;}
.inline {display:block;}
.csWrap ul li.newsWrap {width:100%; padding:0 0 0 0; margin:0; overflow:hidden; }

.news {width:100%; margin:0; overflow:hidden;}
.news dl {width:100%; }
.news dl dd { line-height:1.8;}
.news dl dd.cont {float:left; width:65%; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news dl dd.date1 {float:right; width:35%; text-align:right; color:#a6a6a6; font-size:12px; padding-right:3px;}

.mMenu {width:100%; height:210px; background:#fff; margin:20px 0 0 0; border:1px solid rgba(0,0,0,.15); border-radius:0px; overflow:hidden;}
.mMenu ul {float:left; width:50%; }
.mMenu ul:first-child {border-left:0;}
.mMenu ul li {text-align:center; font-size:12px; padding:75px 0 0 0; height:105px;}
.mMenu ul li:hover {}
.menu01 {background:url(/image/bicon01.png) no-repeat; background-position:center 10px; border-right:1px dashed #eee; border-bottom:1px dashed #eee;}
.menu02 {background:url(/image/bicon02.png) no-repeat; background-position:center 10px; border-bottom:1px dashed #eee;}
.menu03 {background:url(/image/bicon03.png) no-repeat; background-position:center 20px; border-right:1px dashed #eee;}
.menu04 {background:url(/image/bicon04.png) no-repeat; background-position:center 15px;}


@media only screen and (min-width: 640px) {
	.csWrap {float:left; width:100%; border:1px solid rgba(0,0,0,.15); padding:30px; border-radius:7px; clear:both; margin-bottom:20px;}
	.csWrap ul {float:left; width:50%; border-right:1px solid #e5e5e5;}
	.csWrap ul:last-child {border-right:0; padding:0 0 0 30px;}
	.csWrap ul:last-child li:last-child {margin-top:25px;}
	.csWrap ul:last-child li:first-child {margin-top:0; padding-top:0; border-top:0; }
	.csWrap ul li.tit {font-size:16px; color:#333; font-family:malgun gothic; font-weight:bold; margin-bottom:15px;}
	.csWrap ul li.tit .small {display:inline; font-size:11px;  color:#3f3f3f; margin-left:6px; font-weight:normal;}
	.csWrap ul li.tel {font-size:25px; font-weight:bold;   margin-bottom:10px; letter-spacing:-0.8px;}
	.csWrap ul li.telInfo {font-size:11px;}
	.csWrap ul li.newsWrap {width:100%; padding:0 0 0 0; margin:0; overflow:hidden; }
    .inline {display:inline-block;}

	.news {width:100%; margin:0; overflow:hidden; }
	.news dl {width:100%; }
	.news dl dd { line-height:1.8;}
	.news dl dd.cont {float:left; width:65%; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.news dl dd.date1 {float:right; width:35%; text-align:right; color:#a6a6a6; font-size:11px; padding-right:0px; }

	.mMenu {width:100%; height:105px; background:#fff; margin:20px 0 0 0 !important; border:1px solid rgba(0,0,0,.15); border-radius:7px; overflow:hidden;}
	.mMenu ul {float:left; width:25%; }
    .mMenu ul li {text-align:center; font-size:12px; padding:75px 0 0 0; height:105px;}
	.menu02 {background:url(/image/bicon02.png) no-repeat; background-position:center 10px; border-bottom:1px dashed #eee; border-right:1px dashed #eee;}
}


@media only screen and (min-width: 768px) {
	.csWrap {float:left; width:100%; border:1px solid rgba(0,0,0,.15); padding:45px 15px 35px 50px; border-radius:7px;}
	.csWrap ul {float:left; width:50%; border-right:1px solid #e5e5e5;}
	.csWrap ul:last-child {border-right:0; padding:0 0 0 30px;}
	.csWrap ul:last-child li:last-child {margin-top:25px;}
	.csWrap ul:last-child li:first-child {margin-top:0; padding-top:0; border-top:0; }
	.csWrap ul li.tit {font-size:19px; color:#333; font-family:malgun gothic; font-weight:bold; margin-bottom:15px;}
	.csWrap ul li.tit .small {display:inline; font-size:12px;  color:#3f3f3f; margin-left:10px; font-weight:normal;}
	.csWrap ul li.tel {font-size:38px; font-weight:bold;   margin-bottom:10px; letter-spacing:-0.8px;}
	.csWrap ul li.telInfo {font-size:11px;}
	.csWrap ul li.newsWrap {width:100%; padding:0 20px 0 0; margin:0; overflow:hidden; }
    .inline {display:inline-block;}	
}


@media only screen and (min-width: 1100px) {
	/* .grayWrap {margin:80px 0 0 0;} */
	#shopBottom {width:1200px; margin:60px auto; overflow:hidden;}
	.csWrap {float:left; width:743px; border:1px solid rgba(0,0,0,.15); padding:45px 15px 43px 50px; border-radius:7px;}
	.csWrap ul {float:left; width:50%; border-right:1px solid #e5e5e5;}
	.csWrap ul:last-child {border-right:0; padding:0 0 0 30px;}
	.csWrap ul:last-child li:last-child {margin-top:25px;}
	.csWrap ul:last-child li:first-child {margin-top:0; padding-top:0; border-top:0; }
	.csWrap ul li.tit {font-size:19px; color:#333; font-family:malgun gothic; font-weight:bold; margin-bottom:15px;}
	.csWrap ul li.tit .small {display:inline; font-size:12px;  color:#3f3f3f; margin-left:10px; font-weight:normal;}
	.csWrap ul li.tel {font-size:38px; margin-bottom:10px; letter-spacing:-0.8px;}
	.csWrap ul li.telInfo {font-size:11px;}
	.csWrap ul li.newsWrap {width:100%; padding:0 20px 0 0; margin:0; overflow:hidden; }
    .inline {display:inline-block;}

	.news {width:100%; margin:0; overflow:hidden;}
	.news dl {width:100%; }
	.news dl dd { line-height:1.8;}
	.news dl dd.cont {float:left; width:65%; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.news dl dd.date1 {float:right; width:35%; text-align:right; color:#a6a6a6; font-size:12px; padding-right:3px;}

	.mMenu {float:right; width:310px; height:210px; background:#fff; margin:0 0 0 0 !important; border:1px solid rgba(0,0,0,.15); border-radius:7px; overflow:hidden;}
	.mMenu ul {float:left; width:50%; }
	.mMenu ul:first-child {border-left:0;}
	.mMenu ul li {text-align:center; font-size:12px; padding:75px 0 0 0; height:105px;}
}



/* 하단영역 */
/* #footerWrap {width:100%; background:#2a2a2a; padding:0 0 35px 0; overflow:hidden;}
.fNav {width:100%; height:auto; line-height:1.5; padding:30px 0; font-size:12px;  overflow:hidden;}
.fNav ul {overflow:hidden; border-top:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2);}
.fNav ul li {float:left; width:33.3%; text-align:center; padding:5px 0; color:rgba(255,255,255,.6); border-left:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }

.fLogo {display:none;} 
.btnLine {width:90px; height:20px; line-height:20px; text-indent:12px; margin:10px 0 0 0; background:url(/image/arrowRG.png) no-repeat 93% center; font-size:10px; color:rgba(255,255,255,.6); border:1px solid rgba(255,255,255,.3);}
.btnLine:hover {color:#fff; border:1px solid #fff;}
.fAdd { margin:0px 0 0 0; color:rgba(255,255,255,.45); font-size:12px; line-height:1.4; }
.fAdd p {font-weight:200; letter-spacing:0.1px;}
.fLink {text-align:center; margin:20px auto 0 auto;}


@media only screen and (min-width: 768px) {	
	.fNav {width:100%; height:63px; line-height:63px; padding:23px 0; font-size:13px; border-bottom:1px solid rgba(255,255,255,.15); }
	.fNav ul {float:left; border:0;}
	.fNav ul li {width:auto; padding:0 20px; color:rgba(255,255,255,.6); border-bottom:0; }
	.fNav ul li:first-child {border-left:0;}	
	.fAdd { margin:45px 0 0 20px; color:rgba(255,255,255,.45); font-size:13px; line-height:1.5;}
	.btnLine {float:right; display:inline-block; margin:5px 0 0 0;}
}


@media only screen and (min-width: 1100px) {	
	.fLogo {display:block; float:left; width:145px; height:44px; margin:50px 0 0 7px; background:url(/image/logo_gray.png) no-repeat; background-size:100%;}

	.fAdd {float:left; margin:45px 0 0 71px; color:rgba(255,255,255,.45); font-size:13px; line-height:1.5;}
	.btnLine {float:right; display:inline-block; width:100px; height:25px; margin:-5px 0 0 0; line-height:25px; text-indent:12px; background:url(/image/arrowRG.png) no-repeat 93% center; font-size:11px; color:rgba(255,255,255,.6); border:1px solid rgba(255,255,255,.5);}
	
	.fLink {float:right; margin:5px 0 0 0;}
} */



/* 로그인 */
#loginTop {width:100%; height:260px; background:rgba(0,0,0,.0); position:absolute; z-index:-1;}
.loginTit {font-size:25px; font-weight:bold; font-family:malgun gothic; color:#3b404d; /* text-shadow:0px 1px 5px rgba(0,0,0,.5); */ text-align:center; letter-spacing:7px; margin:48px 0 0 0;}
.nanumS {letter-spacing:0 !important; font-family:nanumsquare !important;}
.loginCont {width:90%; margin:110px auto 70px auto; background:#fff; padding:0.5%; border:0px solid rgba(0,0,0,.02); }

.loginWrap {width:100%; margin:15px auto; overflow:hidden;}
.loginWrap > ul {float:left; }
.loginWrap > ul.login {width:100%;}
.loginWrap > ul.login input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login input.phone {width:25%; height:45px; border:1px solid #eaeaea; padding-left:5px; font-size:14px; background:#fafafa;}
.loginWrap > ul.login select {width:42.5%; height:45px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:14px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}



.iconID {background:url(/image/icon_id.png) no-repeat 15px center #fafafa;}
.iconPW {background:url(/image/icon_pass.png) no-repeat 15px center #fafafa;}
.iconHP {background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

.loginWrap > ul.btn {width:100%;}
.loginWrap .btnLogin {width:100%; height:50px; background:#55b53f; text-align:center; line-height:50px; color:#fff; font-size:15px; font-family:malgun gothic; font-weight:bold; display:block;}
.loginWrap > ul > li {margin-bottom:5px; }

.loginWrap > ul.idpw {width:50%; border:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}
.loginWrap > ul.join {width:50%; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}

.idTxt {font-size:11px; letter-spacing:-1px;}


.loginTab {height:40px; overflow:hidden; position:relative;}	
.loginTab ul li {float:left; width:50%; height:39px; background:#f8f8f8; text-align:center; font-size:13px; color:#333; line-height:37px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
.loginTab ul li a {display:block;}
.loginTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}

.loginInfo {margin:25px 0 0 5px; font-size:12px; letter-spacing:-1px;}
.cirAlert {float:left; width:18px; height:18px; border-radius:9px; background:#55b53f; color:#fff; font-weight:bold; font-family:malgun gothic; font-size:16px; text-align:center; line-height:21px; display:inline-block;}
.loginInfo p.txt {float:left; line-height:2; margin-left:3px;}



@media only screen and (min-width: 840px) {
	.loginTit {font-size:35px; font-weight:bold; font-family:malgun gothic; color:#3b404d; /* text-shadow:0px 1px 5px rgba(0,0,0,.5); */ text-align:center; letter-spacing:10px; margin:100px 0 0 0;}

	.loginCont {width:900px; margin:185px auto 100px auto; background:#fff; padding:0.5%; border:0px solid rgba(0,0,0,.02); }

	.loginTab {height:50px; width:70%; margin:0 auto;}
	.loginTab ul li {float:left; width:50%; height:49px; background:#f8f8f8; text-align:center; font-size:15px; color:#333; line-height:50px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
    .loginTab ul li a {display:block;}
	.loginTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}

	.loginInfo {width:70%; margin:25px auto; font-size:14px; letter-spacing:-0.5px;}
	.cirAlert {float:left; width:26px; height:26px; border-radius:13px; background:#55b53f; color:#fff; font-weight:bold; font-family:malgun gothic; font-size:21px; text-align:center; line-height:24px; display:inline-block;}
	.loginInfo p.txt {float:left; line-height:1.8; margin-left:7px;}


	.loginWrap {width:70%; margin:10px auto; overflow:hidden; }
	.loginWrap > ul {float:left; }
	.loginWrap > ul.login {width:75%;}
	.loginWrap > ul.login input {width:98%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px;}
   	.loginWrap > ul.login input.phone {width:29%; height:65px; border:1px solid #eaeaea; padding-left:5px; font-size:18px; background:#fafafa;}
	.loginWrap > ul.login select {width:35%; height:65px; border:1px solid #eaeaea; padding-left:50px; top:-2px !important; font-size:18px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

	.loginWrap > ul.btn {width:25%;}
	.loginWrap .btnLogin {width:100%; height:135px; text-align:center; line-height:135px; color:#fff; font-size:16px; font-family:malgun gothic; font-weight:bold; display:block;}
	.loginWrap > ul > li {margin-bottom:5px; }
	
	.loginWrap > ul.idpw {width:50%; border:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}
	.loginWrap > ul.join {width:50%; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; padding:25px 0; background:#fff;}


	.idTxt {display:block; font-size:13px; letter-spacing:-0.5px;}
}





/* 카테고리 베스트 */
.bestBoxC {float:left; width:100%; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px;  text-align:center; position:relative; }
.bestBoxC:first-child {border-top:1px solid #ccc; border-left:1px solid #ccc;}
.bestBoxC:nth-child(2) {border-top:0px solid #ccc; border-left:1px solid #ccc;}
.bestBoxC:nth-child(3) {border-top:0px solid #ccc; border-left:1px solid #ccc;}
.bestBoxC .pic {float:left; width:120px; height:120px;}
.bestBoxC .pic img {width:100%; height:100%; max-height:100%; vertical-align:middle;}
.bestBoxC .right {float:left; width:55%; text-align:left; margin:0 0 0 10px; }
.bestBoxC .name {  margin:15px 0 0 0; font-size:14px; color:#000; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bestBoxC .text {font-size:12px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bestBoxC .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:10px 0 0 0; height:18px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.bestBoxC .price {font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; font-size:20px; color:#000;}
.bestBoxC span {font-weight:normal; font-size:13px;}

.flag01 {position:absolute; width:40px; height:40px; background:url(/image/flag_best.png) no-repeat; background-size:100%; color:transparent; top:-4px; left:10px; z-index:1;}
.flag01 strong {font-size:49px;}


@media only screen and (min-width: 460px) {
	.bestBoxC .right {width:65%; text-align:left; margin:0 0 0 20px; }
}


@media only screen and (min-width: 640px) {
	.bestBoxC {float:left; width:33.3%; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 15px 20px 15px;  text-align:center;  }
	.bestBoxC:nth-child(2){border-left:0; border-top:1px solid #ccc;}
	.bestBoxC:nth-child(3){border-left:0; border-top:1px solid #ccc;}
	.bestBoxC:nth-child(3n+1) {border-left:1px solid #ccc; }
	.bestBoxC .pic {float:none; width:100%; max-width:200px; min-width:162px; height:auto; min-height:162px; max-height:200px; margin:0 auto; vertical-align:middle; }
	.bestBoxC .pic img {width:100%; height:100%; max-height:auto; vertical-align:middle;}
    .bestBoxC .right {float:none; width:auto; text-align:center; margin:0;}
	
	.flag01 {position:absolute; width:63px; height:63px; background:url(/image/flag_best.png) no-repeat; color:transparent; top:-4px; left:4%; }
	.flag01 strong {font-size:49px;}

}

@media only screen and (min-width: 660px) {
	.bestBoxC {float:left; width:33.3%; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 15px 20px 15px;  text-align:center;  }
	.bestBoxC:nth-child(2n+1) {border-left:0; }
	.bestBoxC:nth-child(3n+1) {border-left:1px solid #ccc; }
	.bestBoxC .pic {width:100%; max-width:166px; min-width:; height:166px; min-height:; max-height:166px; margin:0 auto; vertical-align:middle; }
	.bestBoxC .pic img {width:100%; height:100%; max-height:auto; vertical-align:middle;}
	.bestBoxC .name {margin:10px 0 0 0; font-size:15px; color:#000;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.bestBoxC .text {font-size:12px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.bestBoxC .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:18px; }
	.bestBoxC .price {font-size:20px; color:#000;}
	.bestBoxC span {font-weight:normal; font-size:13px;}


}

@media only screen and (min-width: 690px) {
	.bestBoxC .pic {width:100%; max-width:183px; min-width:; height:183px; min-height:; max-height:183px; margin:0 auto; vertical-align:middle; }
	.bestBoxC .pic img {width:100%; height:100%; max-height:auto; vertical-align:middle;}

}

@media only screen and (min-width: 768px) {
	.bestBoxC .pic {width:100%; max-width:; min-width:215px; height:215px; min-height:215px; max-height:; margin:0 auto;  position:relative;  }
	.bestBoxC .pic img {width:100%; height:auto; max-height:auto; position:absolute; bottom:1%; left:0; }
	.bestBoxC .name {margin:10px 0 0 0; font-size:17px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.bestBoxC .text {font-size:13px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.bestBoxC .sobi {font-size:16px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:18px; }
	.bestBoxC .price {font-size:25px; color:#000;}
	.bestBoxC span {font-weight:normal; font-size:14px;}
}


@media only screen and (min-width: 1100px) {
	.bestBoxC {float:left; width:33.3%; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 35px 40px 35px;  text-align:center; }
	.bestBoxC:nth-child(2n+1) {border-left:0; }
	.bestBoxC:nth-child(3n+1) {border-left:1px solid #ccc; }
	.bestBoxC .pic {width:100%; max-width:294px; min-width:294px; height:294px; min-height:294px; max-height:294px; margin:0 auto; }
	.bestBoxC .pic img {width:100%; height:100%; max-height:auto; bottom:0; }

}



/* 상품리스트 상단 카테고리 */
.listCate {padding:0 10px 10px 0; position:relative;}
.listCate > ul {overflow:hidden; }
.listCate > ul > li {float:left; line-height:25px;}
.arrowR {width:10px; height:25px; background:url(/image/arrowR.png) no-repeat center center; display:block;}
.select { width:80px; height:25px; background:url(/image/arrow_down.png) no-repeat 63px center #fff; text-indent:8px; font-size:11px; line-height:23px; border:1px solid #ddd; overflow:hidden; display:block; cursor:pointer; white-space:nowrap; text-overflow:ellipsis;}
.select:hover {border:1px solid #aaa;}
.select_on {display:none; position:absolute; top:0; width:80px;  background:#fff; border:1px solid #aaa; font-size:11px; z-index:99999; }
.select_on .set_top {background:url(/image/arrow_up.png) no-repeat 63px center; border-bottom:1px solid #ddd; height:24px; text-indent:8px; line-height:23px; cursor:pointer;}
.select_on > ul {margin-bottom:10px; }
.select_on > ul > li {height:23px; text-indent:5px; line-height:23px;}
.select_on > ul > li:nth-child(1) {margin-top:10px;}
.select_on > ul > li a {display:block;}
.select_on > ul > li:hover {background:#2f3434; color:#fff;}
.select_on > ul > li:hover a {color:#fff;}
/* .hiddenM {display:none;} */

@media only screen and (min-width: 460px) {	
	.listCate {padding:10px 0; position:relative;}
    .arrowR {width:20px; height:25px; background:url(/image/arrowR.png) no-repeat center center; display:block;}
	.select { width:120px; background:url(/image/arrow_down.png) no-repeat 102px center #fff; text-indent:12px; font-size:13px;}
	.select_on {width:120px; top:10px; text-indent:12px; font-size:13px;}
	.select_on .set_top {background:url(/image/arrow_up.png) no-repeat 102px center; text-indent:12px; font-size:13px;}
	.select_on > ul > li { text-indent:10px;}
/* 	.hiddenM {display:inline-block;} */
}

@media only screen and (min-width: 768px) {
	.select { width:190px; background:url(/image/arrow_down.png) no-repeat 172px center #fff; text-indent:10px; font-size:12px;}
	.select_on {width:190px; top:10px; text-indent:10px; font-size:12px;}
	.select_on > ul > li {overflow:hidden;}
	.select_on .set_top {background:url(/image/arrow_up.png) no-repeat 172px center; text-indent:10px; font-size:12px;}
}


/* 상품리스트 */
.goodsBox {float:left; width:50%; margin:20px 0; background:#fff;  padding:15px 15px 20px 15px; border-bottom:1px solid rgba(0,0,0,.2);  text-align:center; position:relative; }
.goodsBox:nth-child(2n+1) {}
.goodsBox .pic {width:100%; max-width:180px; min-width:131px; height:131px; min-height:131px; max-height:180px; margin:0 auto; vertical-align:middle; }
.goodsBox .pic img {width:100%; height:100%; max-height:100%; vertical-align:middle;}
.goodsBox .name {margin:10px 0 0 0; padding:0 15px;  font-size:14px; color:#000; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.goodsBox .text {font-size:12px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.goodsBox .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:10px 0 0 0; height:18px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.goodsBox .price {font-family:'NerisBlack', "Noto Sans KR"; font-weight:400; font-size:16px; color:#000;}
.goodsBox span {font-weight:normal; font-size:12px;}

@media only screen and (min-width: 399px) {
	.goodsBox .pic {width:100%; max-width:140px; min-width:140px; height:140px; min-height:140px; max-height:140px; margin:0 auto; vertical-align:middle; }
	.goodsBox .pic img {width:100%; height:100%; max-height:100%; vertical-align:middle;}
	
}

@media only screen and (min-width: 640px) {
	.goodsBox {float:left; width:33.3%; padding:15px 15px 20px 15px;   }
	.goodsBox:nth-child(2n+1) {}
	.goodsBox:nth-child(3n+1) {}
	.goodsBox .pic {width:100%; max-width:180px; min-width:162px; height:auto; min-height:162px; max-height:180px; margin:0 auto; vertical-align:middle; }
	.goodsBox .pic img {width:100%; height:100%; max-height:auto; vertical-align:middle;}

}

@media only screen and (min-width: 660px) {
	.goodsBox {float:left; width:33.3%;  }
	.goodsBox:nth-child(2n+1) {}
	.goodsBox:nth-child(3n+1) {}
	.goodsBox .pic {width:100%; max-width:160px; min-width:; height:160px; min-height:; max-height:160px; margin:0 auto; vertical-align:middle; }
	.goodsBox .pic img {width:100%; height:100%; max-height:auto; vertical-align:middle;}
	.goodsBox .name {margin:10px 0 0 0; font-size:15px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.goodsBox .text {font-size:12px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.goodsBox .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:18px; }
	.goodsBox .price {font-size:20px; color:#000;}
	.goodsBox span {font-weight:normal; font-size:13px;}

}

@media only screen and (min-width: 690px) {
	.goodsBox .pic {width:100%; max-width:175px; min-width:; height:175px; min-height:; max-height:175px; margin:0 auto; vertical-align:middle; }
	.goodsBox .pic img {width:100%; height:100%; max-height:auto; vertical-align:middle;}

}

@media only screen and (min-width: 768px) {
	.goodsBox .pic {width:100%; max-width:; min-width:180px; height:180px; min-height:180px; max-height:; margin:0 auto;  position:relative;  }
	.goodsBox .pic img {width:100%; height:auto; max-height:auto; position:absolute; bottom:1%; left:0; }
	.goodsBox .name {margin:10px 0 0 0; font-size:15px; color:#000; }
	.goodsBox .text {font-size:13px;  color:#a4a4a4; height:18px; }
	.goodsBox .sobi {font-size:16px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:18px; }
	.goodsBox .price {font-size:22px; color:#000;}
	.goodsBox span {font-weight:normal; font-size:14px;}
}


@media only screen and (min-width: 1100px) {
	.goodsBox {float:left; width:25%; background:#fff; padding:20px 25px 30px 25px;  }
	.goodsBox:nth-child(2n+1) {}
	.goodsBox:nth-child(3n+1) { }
	.goodsBox:nth-child(4n+1) {}
	.goodsBox:nth-child(4n+4) {}
	.goodsBox .pic {width:100%; max-width:200px; min-width:200px; height:200px; min-height:200px; max-height:223px; margin:0 auto; }
	.goodsBox .pic img {width:100%; height:100%; max-height:auto; bottom:0; }
}




/* 상품상세 */
.detailTop {width:100%; margin:0 auto; background:#fff; padding:20px; overflow:hidden; color:#333;}
.detailTop .dName {font-size:22px; color:#000; font-weight:400; margin:0 0 20px 0;}
.detailTop .dPic {width:100%; height:auto; }
.detailTop .dPic img {width:100%; height:auto;}
.detailTop .dOption {width:100%; border-top:1px solid #24221f; }
.detailTop .dOption ul {overflow:hidden; height:35px; border-bottom:1px dashed #e2e2e2;}
.detailTop .dOption ul.big {height:55px !important; border-bottom:1px solid #e2e2e2;}
.detailTop .dOption ul.big li {line-height:38px !important;}
.detailTop .dOption ul.mid {height:60px !important; background:#f9f9f9; border-top:0px solid #24221f;}
.detailTop .dOption ul.mid li {line-height:60px !important;}
.detailTop .dOption ul.small {height:40px !important; border-bottom:0px solid #e2e2e2;}
.detailTop .dOption ul.small li {line-height:50px !important;}
.detailTop .dOption ul li {float:left; height:100%; text-indent:30px; font-size:14px; line-height:35px;}
.detailTop .dOption ul li.th {width:25%; font-weight:400; font-size:13px;}
.detailTop .dOption ul li.td {width:75%;}
.detailTop .dOption ul li.td select {margin:8px 0 0 0;}
.dPrice {/* font-weight:bold; */ font-size:22px; color:#000; font-family:'NerisBlack', "Noto Sans KR"; font-weight:400; letter-spacing:0;}
.dWon {font-size:17px; font-weight:normal;}
.iconMinus {width:28px; height:30px; margin:16px 0 0 0; background:url(/image/icon_minus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
.iconPlus {width:28px; height:30px; margin:16px 0 0 0; background:url(/image/icon_plus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
input.num {width:130px; height:30px; margin:16px 0 0 0; vertical-align:top; background:#fff; text-align:center; border-top:1px solid #bbb; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #bbb;}
.dTotal {height:85px; line-height:85px; border-top:1px solid #24221f; overflow:hidden; }
.dTotal .th {float:left; width:25%; font-size:15px; font-weight:400; color:#000; }
.dTotal .td {float:right; width:75%; text-align:right; font-size:27px; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#55b53f;}
.dollar {width:43px; height:22px; background:url(/image/won.gif) no-repeat center center; background-size:100%; display:inline-block;}	


@media only screen and (min-width: 640px) {
	.detailTop .dName {font-size:25px;  margin:0 0 20px 0;}
	.detailTop .dPic {float:left; width:50%; }
    .detailTop .dOption {float:right; width:48%;  border-top:0px solid #24221f; }
	.detailTop .dOption ul.big {height:40px !important; border-bottom:1px solid #e2e2e2;} 
	.detailTop .dOption ul.big li {line-height:35px !important; }
	.detailTop .dOption ul.mid {height:60px !important; background:#f9f9f9; }
	.detailTop .dOption ul.mid li {line-height:60px !important;}
	.detailTop .dOption ul.small {height:30px !important; border-bottom:0px solid #e2e2e2; }
	.detailTop .dOption ul.small li {line-height:40px !important;}
	.detailTop .dOption ul li {float:left; height:100%; text-indent:30px; font-size:13px; line-height:30px;}
	.detailTop .dOption ul li.th {width:25%;  font-size:12px;}
	.detailTop .dOption ul li.td {width:75%;}
	.detailTop .dOption ul li.td select {margin:8px 0 0 0;}
	.dPrice {/* font-weight:bold; */ font-size:23px; color:#000;}
	.dWon {font-size:17px; font-weight:normal;}
	input.num {width:90px; height:30px; margin:16px 0 0 0; vertical-align:top; background:#fff; text-align:center; border-top:1px solid #bbb; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #bbb;}
	.dTotal {height:50px; line-height:55px; border-top:2px solid #24221f; overflow:hidden;}
	.dTotal .th {float:left; width:25%; font-size:13px; color:#000; }
	.dTotal .td {float:right; width:75%; text-align:right; font-size:30px;  color:#55b53f;}
	.dollar {width:30px; height:15px; background:url(/image/won.gif) no-repeat center center; background-size:100%; display:inline-block;}	
}


@media only screen and (min-width: 1200px) {
	.detailTop {width:1200px; margin:0 auto; padding:50px 0; }
	.detailTop .dName {font-size:25px;  margin:0 0 20px 0; border-bottom:1px solid #333;}
	.detailTop .dPic {float:left; width:500px; }
    .detailTop .dOption {float:right; width:50%; }
	.detailTop .dOption ul.big li {line-height:38px !important;}
	.detailTop .dOption ul.mid {height:60px !important; background:#f9f9f9; border-top:0px solid #24221f;}
	.detailTop .dOption ul.mid li {line-height:60px !important;}
	.detailTop .dOption ul.small {height:40px !important; border-bottom:0px solid #e2e2e2;}
	.detailTop .dOption ul.small li {line-height:50px !important;}
	.detailTop .dOption ul li {float:left; height:100%; text-indent:30px; font-size:14px; line-height:35px;}
	.detailTop .dOption ul li.th {width:25%;  font-size:13px;}
	.detailTop .dOption ul li.td {width:75%;}
	.detailTop .dOption ul li.td select {margin:8px 0 0 0;}
	.dPrice { font-size:30px; color:#000;}
	.dWon {font-size:17px; font-weight:normal;}
    input.num {width:130px; height:30px; margin:16px 0 0 0; vertical-align:top; background:#fff; text-align:center; border-top:1px solid #bbb; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #bbb;}
    .dTotal {height:85px; line-height:85px; border-top:1px solid #24221f; overflow:hidden; }
	.dTotal .th {float:left; width:25%; font-size:15px;  }
	.dTotal .td {float:right; width:75%; text-align:right; font-size:35px; font-weight:bold; color:#55b53f;}
	.dollar {width:43px; height:22px; background:url(/image/won.gif) no-repeat center center; background-size:100%; display:inline-block;}	
}



.btnWrap {overflow:hidden; margin-top:20px;}
.btnWish {float:left; border:1px solid #b1b1b1; text-align:center; font-size:11px; color:#656565; background:url(/image/icon_wish.png) no-repeat center 6px; background-size:auto 35%; padding:26px 0 7px 0; margin:0 1px 0 0; width:20%;}
.btnCart {float:left; text-align:center; font-size:14px; color:#fff; background:#757575; padding:15px 0; margin:0 1px 0 0; width:39%;}
.btnBuy {float:left; text-align:center; font-size:14px; color:#fff; background:#55b53f; padding:15px 0; width:39%;}
.btnOK {display:block; background:#4b6092; color:#fff; font-size:14px; text-align:center; width:100px; height:40px; border-radius:20px; line-height:40px; margin: 0 auto;}
.btnOK a {color:#fff;}

.infoWrap {width:100%; margin-top:20px; margin-bottom:90px; }
.infoWrap table {border-top:1px solid #e1e1e1; width:100%;}
.infoWrap table th {width:25%; background:#f7f7f7; font-size:13px; border-bottom:1px solid #e1e1e1;}
.infoWrap table td {width:75%; padding:15px; font-size:11px; line-height:20px; border-bottom:1px solid #e1e1e1;}


@media only screen and (min-width: 640px) {
	.btnWrap {overflow:hidden; margin-top:10px;}
	.btnWish {float:left; border:1px solid #b1b1b1; text-align:center; font-size:13px; color:#656565; background:none; padding:12px 0; margin:0 3px 0 0; width:24%;}
	.btnCart {float:left; text-align:center; font-size:13px; padding:13px 0; margin:0 3px 0 0; width:36.5%; }
	.btnBuy {float:left; text-align:center; font-size:13px;  padding:13px 0; width:36.5%;}

}


@media only screen and (min-width: 768px) {
	.btnWrap {overflow:hidden; margin-top:15px;}
	.btnWish {float:left; border:1px solid #b1b1b1; text-align:center; font-size:15px; color:#656565; background:none; padding:14px 0; margin:0 3px 0 0; width:24%;}
	.btnCart {float:left; text-align:center; font-size:15px; padding:15px 0; margin:0 3px 0 0; width:37%; }
	.btnBuy {float:left; text-align:center; font-size:15px;  padding:15px 0; width:37%;}

	.infoWrap table th {width:25%; background:#f7f7f7; font-size:15px; border-bottom:1px solid #e1e1e1;}
	.infoWrap table td {width:75%; padding:20px 30px; font-size:13px; line-height:22px; border-bottom:1px solid #e1e1e1;}
}

@media only screen and (min-width: 1100px) {
	.btnWrap {overflow:hidden; margin-top:25px;}
	.btnWish {float:left; border:1px solid #b1b1b1; text-align:center; font-size:12px; color:#656565; background:url(/image/icon_wish.png) no-repeat center 9px; padding:30px 40px 6px 40px; margin:0 3px 0 0; width:auto;}
	.btnCart {float:left; text-align:center; font-size:18px; padding:15px 60px; margin:0 3px 0 0; width:auto;}
	.btnBuy {float:left; text-align:center; font-size:18px;  padding:15px 60px; width:auto;}
}

.sangse {text-align:center; padding:5% 0;}
.sangse img {width:auto; max-width:100%; margin:0 auto;} 



@media only screen and (min-width: 768px) {
}


/* 장바구니 상단 */
/* #cartTop {width:90%; padding:30px 0; margin:0 auto;}
.cartTit {width:100%; height:80px; margin:0 auto; background-color:#fff; border:2px solid #24221f;}
.cartTit ul {overflow:hidden; height:100%;}
.cartTit ul li {float:left; width:33%; height:100%; color:#999; font-size:15px; text-align:center; padding:0 0 0 0; line-height:50px; letter-spacing:-1px; border-left:1px solid #bbb; position:relative;}
.cartTit ul li:first-child {border-left:0;}
.cartTit ul li.on {background-color:#24221f; color:#fff; font-weight:bold;}
.cartTit ul li .arrowW {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_w.png);}
.cartTit ul li .arrowB {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_b.gif);}
.cart01 {background-image:url(/image/icon_01.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 50%;}
.cart02 {background-image:url(/image/icon_02.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 38%;}
.cart03 {width:34%; background-image:url(/image/icon_03.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 50%;}

.cart011 {background-image:url(/image/icon_01_on.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 50%;}
.cart021 {background-image:url(/image/icon_02_on.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 38%;}
.cart031 {width:34% !important; background-image:url(/image/icon_03_on.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 50%;}


.subCont {width:90%; margin:0 auto; padding:0 0 70px 0;}

@media only screen and (min-width: 640px) {
	#cartTop {width:90%;}
	.cartTit {height:65px; }
	.cartTit ul li {float:left; width:33%; color:#999; font-size:16px; text-align:left; padding:0 0 0 20px; line-height:65px; letter-spacing:-1px; border-left:1px solid #bbb; position:relative;}
	.cartTit ul li:first-child {border-left:0;}
	.cartTit ul li.on {background-color:#24221f; color:#fff; font-weight:bold;}
	.cartTit ul li .arrowW {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_w.png);}
	.cartTit ul li .arrowB {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_b.gif);}
	.cart01 {background-image:url(/image/icon_01.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 70%;}
	.cart02 {background-image:url(/image/icon_02.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 55%;}
	.cart03 {width:34%; background-image:url(/image/icon_03.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 70%;}

	.cart011 {background-image:url(/image/icon_01_on.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 70%;}
	.cart021 {background-image:url(/image/icon_02_on.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 55%;}
	.cart031 {width:34% !important; background-image:url(/image/icon_03_on.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 70%;}

}


@media only screen and (min-width: 768px) {
	.subCont {width:95%; margin:0 auto;}

	#cartTop {width:95%;}
	.cartTit {height:72px; }
	.cartTit ul li {float:left; width:33%; color:#999; font-size:20px; text-align:left; padding:0 0 0 30px; line-height:70px; letter-spacing:-1px; border-left:1px solid #bbb; position:relative;}
	.cartTit ul li:first-child {border-left:0;}
	.cartTit ul li.on {background-color:#24221f; color:#fff; font-weight:bold;}
	.cartTit ul li .arrowW {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_w.png);}
	.cartTit ul li .arrowB {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_b.gif);}
	.cart01 {background-image:url(/image/icon_01.png); background-repeat:no-repeat; background-position:82% bottom; background-size:auto;}
	.cart02 {background-image:url(/image/icon_02.png); background-repeat:no-repeat; background-position:82% bottom; background-size:auto;}
	.cart03 {width:34%; background-image:url(/image/icon_03.png); background-repeat:no-repeat; background-position:82% bottom; background-size:auto;}

	.cart011 {background-image:url(/image/icon_01_on.png); background-repeat:no-repeat; background-position:82% bottom; background-size:auto;}
	.cart021 {background-image:url(/image/icon_02_on.png); background-repeat:no-repeat; background-position:82% bottom; background-size:auto;}
	.cart031 {width:34% !important; background-image:url(/image/icon_03_on.png); background-repeat:no-repeat; background-position:82% bottom; background-size:auto;}

}

@media only screen and (min-width: 1100px) {
	#cartTop {width:1200px; height:168px; background:; padding:48px 0 0 0;}
	.cartTit {width:1200px; height:72px; margin:0 auto; background-color:#fff; border:2px solid #24221f;}
	.cartTit ul {overflow:hidden;}
	.cartTit ul li {float:left; width:33%; color:#999; font-size:23px; text-align:left; padding:0 0 0 30px; line-height:70px; letter-spacing:-1px; border-left:1px solid #bbb; position:relative;}
	.cartTit ul li:first-child {border-left:0;}
	.cartTit ul li.on {background-color:#24221f; color:#fff; font-weight:bold;}
	.cartTit ul li .arrowW {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_w.png);}
	.cartTit ul li .arrowB {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_b.gif);}
	.cart01 {background-image:url(/image/icon_01.png); background-repeat:no-repeat; background-position:238px bottom; background-size:auto;}
	.cart02 {background-image:url(/image/icon_02.png); background-repeat:no-repeat; background-position:238px bottom; background-size:auto;}
	.cart03 {width:34%; background-image:url(/image/icon_03.png); background-repeat:no-repeat; background-position:238px bottom; background-size:auto;}

	.cart011 {background-image:url(/image/icon_01_on.png); background-repeat:no-repeat; background-position:238px bottom; background-size:auto;}
	.cart021 {background-image:url(/image/icon_02_on.png); background-repeat:no-repeat; background-position:238px bottom; background-size:auto;}
	.cart031 {width:34% !important; background-image:url(/image/icon_03_on.png); background-repeat:no-repeat; background-position:238px bottom; background-size:auto;}

	.subCont {width:1200px; margin:0 auto; padding:0 0 100px 0;} 
} */




/* 장바구니 table */
.cartTable {width:100%; overflow:visible; position:relative;}
.cartTable .table {width:100%; border-top:1px solid #595959;}
.cartTable .table ul { width:100%; }
.cartTable .table ul li {float:left; }
.cartTable .table ul.thLine {}
.cartTable .table ul.thLine li { height:0px; font-size:0;}
.cartTable .table ul.tdLine { font-size:14px; }
.cartTable .table ul.tdLine li {height:100%; text-align:center;}
.cartTable .table ul.tdLine li.proName {padding: 10px 0; text-align:left;}
.cartTable .table ul.tdLine li.proName .pic {float:left; width:38%;}
.cartTable .table ul.tdLine li.proName .pic img { width:100px; height:100px;}
.cartTable .table ul.tdLine li.proName .cartName {float:left; width:61%; padding:20px 10px 0 0;  line-height:1.5; }
.cartTable .table ul.tdLine li.proName .cartName .name {font-size:14px; color:#333;}
.cartTable .table ul.tdLine li.proName .cartName .op {margin-top:5px; padding:4px 6px 6px 6px; background:#fcfcfc; font-size:12px; color:#bb494a;}
.cartTable .table ul.tdLine li.acount {line-height:1.5; }

.lineT {display:block; overflow:visible; width:100% !important; height:120px; margin:15px 0 0 0; }
.lineB {display:block; overflow:hidden; width:100% !important; height:70px;  background:rgba(0,0,0,0.02); border-bottom:1px solid #bbb; position:relative; }

.date {position:absolute; left:20px; top:20px;}

.checkM {position:absolute; height:30px; right:0px; top:-30px; background:;}

.checkM input {vertical-align:middle;}
.checkM span {font-size:12px; margin:0 0 0 5px; vertical-align:middle;}

.cartNum1 {width:auto; height:25px;  margin:10px auto 5px auto;}
.cartMinus {width:25px; height:25px; margin:0 0 0 0; background:url(/image/icon_minus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
.cartPlus {width:25px; height:25px; margin:0 0 0 0; background:url(/image/icon_plus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
input.cartnum {width:35px; height:25px; border:1px solid #bbb; text-align:center; margin:0; top:0; padding:0; vertical-align:top;}

.cNum {position:absolute; color:#333;  font-family:'NerisSemiBold', "Noto Sans KR"; font-weight:500; font-size:15px; right:5%; top:12px;}
.ctNum {position:absolute; color:#333;  font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; font-size:20px; right:5%; top:35px;}

.w05 {width:7%}
.w10 {width:45%;}
.w15 {width:30%;}
.w20 {width:40%;}
.w25 {width:25%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:93%;}
.pv {line-height:1 !important; padding:4% 0 0 0; }

@media only screen and (min-width: 960px) {
	.cartTable .table ul { width:100%; position:static; }
	.cartTable .table ul li {float:left; }
	.cartTable .table ul.thLine { }
	.cartTable .table ul.thLine li {background:#fcfcfc; height:40px; border-bottom:1px solid #e0e0e0; line-height:40px; text-align:center;  font-size:14px; }
	.cartTable .table ul.tdLine {border-bottom:1px solid #e0e0e0; font-size:14px;}
	.cartTable .table ul.tdLine li {height:120px; line-height:120px; border-bottom:1px solid #e0e0e0; text-align:center;}
	.cartTable .table ul.tdLine li.proName {padding: 0; text-align:left;}
	.cartTable .table ul.tdLine li.proName .pic {float:left; width:22%;}
	.cartTable .table ul.tdLine li.proName .pic img { width:100px; height:100px;}
	.cartTable .table ul.tdLine li.proName .cartName {float:left; width:78%; padding:6% 15px 0 0;  line-height:1.5;}
	.cartTable .table ul.tdLine li.proName .cartName .name {font-size:14px; color:#333;}
	.cartTable .table ul.tdLine li.proName .cartName .op {margin-top:5px; padding:4px 6px 6px 6px; background:#fcfcfc; font-size:12px; color:#bb494a;}
	.cartTable .table ul.tdLine li.acount {line-height:1.5; }

	.lineT {display:inline; width:auto; height:auto; margin:0; border-top:0;}
    .lineB {display:inline; width:auto; height:auto; background:#fff; position:static;}
    
    .date {position:static; left:0; top:auto;}

    .checkM {position:relative; top:0;}
	.checkM input[checkbox] {width:50px; height:50px;}
	.checkM span {display:none;}

	.cartNum1 {width:auto; height:25px !important; line-height:25px; margin:37px auto 5px auto;}
	.cartMinus {width:25px; height:25px; margin:0 0 0 0; background:url(/image/icon_minus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
	.cartPlus {width:25px; height:25px; margin:0 0 0 0; background:url(/image/icon_plus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
	input.cartnum {width:35px; height:25px; border:1px solid #bbb; text-align:center;}

	.cNum {position:relative; color:#333; font-size:15px; right:0; top:0;}
	.ctNum {position:relative; color:#333; font-size:20px; right:0; top:0;}

	.w05 {width:5%}
	.w10 {width:10%;}
	.w15 {width:15%;}
	.w20 {width:20%;}
	.w50 {width:50%;}

}





.cartEmpty {height:200px; text-align:center; background:url(/image/cart_empty.gif) no-repeat center center;}
.cartEmpty p {padding:160px 0 0 0;}

.cartlistTit {font-size:18px; color:#333; margin-bottom:5px; font-weight:bold;}




.cartTotalM {margin:20px 0 10px 0;}

.cartTotal {display:none;}


.btnLeft {float:left; margin:10px 0 30px 0;}
.btnRight {float:right;}
.btnCenter {margin:20px auto; text-align:center;}

button.btnWhite {text-align:center; background:#fff; padding:5px 10px;  font-size:12px; border:1px solid #d8d8d8; cursor:pointer; border-radius:4px;}
button.btnBuyAll {text-align:center; background:#54b23e; padding:15px 15px; font-size:13px; border:1px solid #54b23e; cursor:pointer; color:#fff; letter-spacing:-1px; border-radius:4px;}
button.btnLgray {text-align:center; background:#eee; padding:15px 25px; font-size:15px; border:1px solid #bbb; cursor:pointer; color:#333; font-weight:bold; border-radius:4px;}
button.btnBuySel {text-align:center; background:#46413b; padding:15px 15px; font-size:13px; border:1px solid #6f6f6f; cursor:pointer; color:#fff; letter-spacing:-1px; border-radius:4px;}
button.btnBuy {text-align:center; background:#6f6f6f; padding:15px 25px; font-size:15px; border:1px solid #6f6f6f; cursor:pointer;color:#fff; font-weight:bold; border-radius:4px;}
button.btnModi {text-align:center; background:#fff; padding:15px 25px; font-size:15px; border:1px solid #d8d8d8;  cursor:pointer; font-weight:bold; border-radius:4px;}
button.btnGray {text-align:center; background:#666; padding:5px 10px; font-size:11px; color:#fff; cursor:pointer; border-radius:4px;}


@media only screen and (min-width: 768px) {
	.cartTotalM {display:none;}

	.cartTotal {display:block; clear:both;  margin:20px 0 10px 0; border:1px solid #24221f; overflow:hidden; }
	.cartTotal table {width:100%;}
	.cartTotal table th {padding:10px 0 10px 20px; color:#000; text-align:left; font-size:13px; font-weight:normal;}
	.cartTotal table th.line {width:35px !important; background:url(/image/cart_minus.gif) no-repeat center top;}
	.cartTotal table td {padding:0 20px 10px 0; text-align:right}
	.cartTotal table td strong { color:#333;  font-size:30px; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700;}


	td.iconMinus1 {width:35px important; height:60px; background:url(/image/cart_minus.gif) no-repeat; background-position:center 65%; display:block;}
	td.iconPlus1 {width:35px; height:60px; background:url(/image/cart_plus.gif) no-repeat; background-position:center 65%; display:block;}
	td.iconEq1 {width:35px; height:60px; background:url(/image/cart_equal.gif) no-repeat; background-position:center 65%; display:block;}
	td.iconCartPlus1 {width:35px; height:60px; background:url(/image/cart_plus.gif) no-repeat; background-position:center bottom; display:block;}

	button.btnWhite {text-align:center; background:#fff; padding:5px 10px;  font-size:12px; border:1px solid #d8d8d8; cursor:pointer; border-radius:4px;}
	button.btnBuyAll {text-align:center; background:#54b23e; padding:15px 25px; font-size:15px; border:1px solid #54b23e; cursor:pointer; color:#fff; border-radius:4px;}
	button.btnLgray {text-align:center; background:#eee; padding:15px 25px; font-size:15px; border:1px solid #bbb; cursor:pointer; color:#333; font-weight:bold; border-radius:4px;}
	button.btnBuySel { text-align:center; background:#46413b; padding:15px 25px; font-size:15px; border:1px solid #6f6f6f; cursor:pointer; color:#fff;  border-radius:4px;}
	button.btnBuy {text-align:center; background:#6f6f6f; padding:15px 25px; font-size:15px; border:1px solid #6f6f6f; cursor:pointer;color:#fff; font-weight:bold; border-radius:4px;}
	button.btnModi {text-align:center; background:#fff; padding:15px 25px; font-size:15px; border:1px solid #d8d8d8;  cursor:pointer; font-weight:bold; border-radius:4px;}
	button.btnGray {text-align:center; background:#666; padding:5px 10px; font-size:11px; color:#fff; cursor:pointer; border-radius:4px;}
}



/* table */
.gray_list {width:100%; }
.gray_list table {border-top:1px solid #696969; width:100%;}
.gray_list table th {background:#fcfcfc; border-bottom:1px solid #e0e0e0; height:40px; font-size:11px; font-weight:400;}
.gray_list table td {border-bottom:1px solid #e0e0e0; height:40px; background:#fff; text-align:center; font-size:11px; padding:10px 0; }
.gray_list table td img.pro {width:100px; height:100px;}
.gray_list table td div.numCheck img.plus {width:auto; height:100%;}
.gray_list table td em {font-weight:bold; color:#000; font-family:tahoma; font-style:normal; font-size:15px;}
.gray_list table td.tleft {text-align:left; padding-left:20px;}
.gray_list table td.tleft #disp_pet_img{ width: 50px; }
.gray_list table td em.list_comment_new {color: #0085D5; background: #fff; font-weight: bold; border: 1px solid #e5e5e5; padding: 0 4px; border-radius: 9px; min-width: 9px; text-align: center; font-style: normal; line-height: 17px; background: white; display: inline-block; margin-top: -2px; font-family: "Arial",sans-serif; font-size: 11px;}

.gray_list table td img.gal {min-width:100%; max-width:100%; width:auto;}

.cap1 {font-size:12px;}

.searchWrap {float:right; margin:0 0 15px 0; overflow:hidden; height:25px; }
.searchWrap > ul {overflow:hidden; float:right;}
.searchWrap > ul > li {float:left;}
input.search {height:24px; background:rgba(0,0,0,.02); border:1px solid #e8e8e8; width:90px;}
select.search {height:24px; font-size:11px;}
.btnSearch {width:24px; height:24px; border:1; background:url(/image/btn_search.gif) no-repeat center center; background-size:100%; display:inline-block; cursor:pointer; }


@media only screen and (min-width: 768px) {
	.gray_list table th {font-size:14px;}
	.gray_list table td {font-size:14px;}

	.black_list table th {height:40px; font-size:12px; padding:0; }
	.black_list table td {height:40px;border-bottom:1px solid #e2e2e2;text-align:center;border-right:1px solid #e2e2e2; background:#fff; font-size:14px;}

	.tTit {font-size:28px; letter-spacing:0; }
    .searchWrap {float:right; margin:0 0 15px 0; overflow:hidden; height:34px; }
    .searchWrap > ul {overflow:hidden; float:right;}
	.searchWrap > ul > li {float:left;}
	input.search {height:34px; width:200px;}
	select.search {height:34px;}
	.btnSearch {width:34px; height:34px; background:url(/image/btn_search.gif) no-repeat; display:inline-block; }

	.cap1 {font-size:14px;}
}



/* 주문결제 */
.trans_list {width:100%; }
.trans_list table {border-top:1px solid #24221f; width:100%;}
.trans_list table th {width:20%; background:url(/image/icon_check.gif) no-repeat 20px center #fcfcfc; border-bottom:1px solid #e0e0e0; border-right:0px dotted #e0e0e0; height:40px; font-size:16px; color:#333; text-align:left; padding-left:35px; font-weight:400;}
.trans_list table td {border-bottom:1px solid #e0e0e0;height:40px; text-align:left; font-size:14px; color:#333; padding:10px 10px 10px 20px;}

.transBox {border:1px solid #24221f; color:#333; padding:27px; margin:56px 0 0 0;}
.transBox ul {overflow:hidden; border-bottom:1px solid #e2e2e2; }
.transBox ul li {float:left; padding:15px 10px; font-size:14px;}
.transBox ul li.th {width:30%; font-weight:400; }
.transBox ul li.td {width:70%; text-align:right;}
.transBox ul li.td .money {font-family:'NerisSemiBold', "Noto Sans KR"; font-weight:500; color:#000; font-size:18px !important;}
.transBox ul li.td .moneyRed {font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#55b43f; font-size:25px !important;}
.transBox ul.gray {background:#f5f5f5;}
.transBox ul.gray li.th {font-weight:normal; font-size:13px; text-indent:10px; padding:7px 15px;}
.transBox ul.gray li.td {font-weight:normal; font-size:13px; padding:7px 15px;}
.transBox ul.boldBor {border-bottom:1px solid #24221f;}
.borNone {border:none !important;}

@media only screen and (max-width: 800px) {
	.trans_list table th {font-size:12px; background:url(/image/icon_check.gif) no-repeat 10px center #fcfcfc; padding-left:20px;}
}

/* 마이페이지 */
.myTit {background:url(/image/tit_my.png) no-repeat left center; background-size:auto 100%; height:40px; padding-left:45px; font-weight:bold; color:#000; font-size:25px; line-height:45px; margin:0 0 16px 0;}
.bestTit {background:url(/image/tit_end.png) no-repeat left center; background-size:auto 100%;  height:40px; padding-left:45px; font-weight:bold; color:#000; font-size:25px; line-height:45px; margin:0 0 20px 0;}
.csTit {background:url(/image/tit_cs.png) no-repeat left center; background-size:auto 100%;  height:40px; padding-left:45px; font-weight:bold; color:#000; font-size:25px; line-height:45px; margin:0 0 16px 0;}
.reTit {background:url(/image/tit_review.png) no-repeat left center; background-size:auto 100%;  height:40px; padding-left:45px; font-weight:bold; color:#000; font-size:25px; line-height:45px; margin:0 0 16px 0;}

@media only screen and (min-width: 1100px) {
	.myTit {background:url(/image/tit_my.png) no-repeat; height:56px; padding-left:65px; font-weight:bold; color:#000; font-size:33px; line-height:56px; margin:0 0 16px 0;}
	.bestTit {background:url(/image/tit_end.png) no-repeat; height:56px; padding-left:65px; font-weight:bold; color:#000; font-size:33px; line-height:56px; margin:20px 0;}
	.csTit {background:url(/image/tit_cs.png) no-repeat; height:56px; padding-left:65px; font-weight:bold; color:#000; font-size:33px; line-height:56px; margin:0 0 16px 0;}
	.reTit {background:url(/image/tit_review.png) no-repeat; height:56px; padding-left:65px; font-weight:bold; color:#000; font-size:33px; line-height:56px; margin:0 0 16px 0;}
}

/* 고객센터 */
#csTop {width:100%; padding:30px 0; overflow:hidden;}
.csMenu {width:100%; height:auto; border-top:5px solid #51586a; border-bottom:1px dashed #e1e1e1; background:rgba(0,0,0,.05);}
.cTop{width:100%; height:115px; background:#fff; padding:20px 15px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.cMid {width:100%; height:21px; background:url(/image/csbg_left.png) no-repeat left center, url(/image/csbg_right.png) no-repeat right center, url(/image/line_dash.gif) repeat-x center center #fff;}
.cBottom {width:100%; height:50px; background:#fff; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}

.csCir {float:left; width:66px; height:66px; border-radius:33px; background-color:#e9e9e9; margin:0 0 0 5px; background-size:50%;}
/* .csCir:first-child {margin:0 0 0 75px;} */
.csCir:hover {background-color:#2f3434;}
.csCir p {text-align:center; font-weight:400; padding:70px 0 0 0; font-size:13px;}
.csCir p a {display:block;}
.csCir.on {background-color:#2f3434;}
.cs01 {background-image:url(/image/icon_cs01.png); background-repeat:no-repeat; background-position:center center;}
.cs02 {background-image:url(/image/icon_cs02.png); background-repeat:no-repeat; background-position:center center;}
.cs03 {background-image:url(/image/icon_cs03.png); background-repeat:no-repeat; background-position:center center;}
.cs04 {background-image:url(/image/icon_cs04.png); background-repeat:no-repeat; background-position:center center;}

.cs01:hover, .cs01.on {background-image:url(/image/icon_cs01_on.png); background-repeat:no-repeat; background-position:center center;}
.cs02:hover, .cs02.on {background-image:url(/image/icon_cs02_on.png); background-repeat:no-repeat; background-position:center center;}
.cs03:hover, .cs03.on {background-image:url(/image/icon_cs03_on.png); background-repeat:no-repeat; background-position:center center;}
.cs04:hover, .cs04.on {background-image:url(/image/icon_cs04_on.png); background-repeat:no-repeat; background-position:center center;}

.csBank {width:100%; height:100%; margin:0 auto; background:url(/image/cs_ki.jpg) no-repeat 11% 11px; background-size:auto 40%; padding:5px 0 0 45%; font-size:12px;}
.csBank strong {display:block; font-size:15px; font-weight:bold; color:#000;}

.csInfo {width:100%; height:auto;  border-bottom:1px solid #e1e1e1; }
.cs011 {height:30px; background-image:url(/image/icon_cs011.png); background-repeat:no-repeat; background-position:4% center; background-size:auto 80%; padding:0 0 0 17%; line-height:30px; }
.cs012 {height:30px; background-image:url(/image/icon_cs012.png); background-repeat:no-repeat; background-position:4% center; background-size:auto 80%; padding:0 0 0 17%; line-height:30px;}
.cs013 {height:30px; background-image:url(/image/icon_cs013.png); background-repeat:no-repeat; background-position:4% center; background-size:auto 80%; padding:0 0 0 17%; line-height:30px;}
.cs014 {height:38px; background-image:url(/image/icon_cs014.png); background-repeat:no-repeat; background-position:8% center; background-size:auto 64%; padding:7px 0 0 20%; line-height:1;}

.phone {font-family:'NerisSemiBold', "Noto Sans KR"; font-weight:500; color:#333; font-size:20px; }
.phone1 {color:#454545; font-size:15px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}
.phone2 { color:#454545; font-size:15px; font-family:'NerisLight', "Noto Sans KR"; font-weight:200;}


@media only screen and (min-width: 640px) {
	.csMenu {float:left; width:61%; border-top:5px solid #51586a;}
	.cTop {padding:20px 8%;}
	.csInfo {float:right; width:38%; border-top:5px solid #51586a; border-bottom:1px solid #e1e1e1;}
	.cBottom {font-size:11px;}
}

@media only screen and (min-width: 960px) {
	.csBank {width:100%; height:100%; margin:0 auto; background:url(/image/cs_ki.jpg) no-repeat 11% 11px; background-size:auto 40%; padding:5px 0 0 30%; font-size:12px;}
}


@media only screen and (min-width: 1100px) {
	#csTop {width:100%; padding:48px 0; overflow:hidden;}
	.csMenu {float:left; width:672px; height:195px; border-top:10px solid #51586a; border-bottom:1px solid #e1e1e1;}
	.cTop{width:100%; height:185px; background:#fff; padding:35px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
	.cBottom {width:100%; height:83px; background:#fff; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; font-size:inherit;}

    .csCir {float:left; width:100px; height:100px; border-radius:50px; background-color:#e9e9e9; margin:0 0 0 40px; background-size:auto;}
	.csCir p {text-align:center; padding:105px 0 0 0; font-size:16px; }
	
	.csBank {width:100%; height:100%; margin:0 auto; background:url(/image/cs_ki.jpg) no-repeat 75px 21px; background-size:auto; padding:0 0 0 35%; font-size:15px; line-height:83px;}
	.csBank strong {display:inline; font-size:22px; font-weight:bold; color:#000;}

	.csInfo {float:right; width:420px; height:185px; border-top:10px solid #51586a; border-bottom:1px solid #e1e1e1;}
	.cs011 {height:46px; background-image:url(/image/icon_cs011.png); background-repeat:no-repeat; background-position:left center; background-size:auto; padding:0 0 0 16%; line-height:46px; }
	.cs012 {height:46px; background-image:url(/image/icon_cs012.png); background-repeat:no-repeat; background-position:left center; background-size:auto; padding:0 0 0 17%; line-height:46px;}
	.cs013 {height:46px; background-image:url(/image/icon_cs013.png); background-repeat:no-repeat; background-position:left center; background-size:auto; padding:0 0 0 17%; line-height:46px;}
	.cs014 {height:83px; background-image:url(/image/icon_cs014.png); background-repeat:no-repeat; background-position:left center; background-size:auto; margin:0 0 0 31px; padding:30px 0 0 15%; line-height:1;}

	.phone {color:#333; font-size:35px; }
	.phone1 {color:#454545; font-size:25px; }
	.phone2 { color:#454545; font-size:18px; }
	
}

/* faq */

.faq {width:100%; height:50px; margin:0 auto; }
.faq ul {overflow:hidden; }
.faq ul li {float:left;}
.faq .fcont {width:530px; padding:142px 0 0 316px;}
.faq .fcont input.fsearch {width:366px; height:36px; border:1px solid #afafaf; vertical-align:bottom;}
.faq .fcont .btn_fsearch {width:100px; height:38px; text-align:center; color:#fff; line-height:38px; font-size:15px; background:#727272; border-radius:3px; display:inline-block;}

.faq_list {width:100%; margin:50px auto 0 auto; }
.faq_list ul.que li.textQ {font-size:20px; font-weight:bold; color:#000; font-family:malgun gothic; display:inline-block; line-height:55px; padding-left:10px;}
.faq_list .textA {font-size:20px; font-weight:bold; color:#32901d; font-family:malgun gothic; display:inline; float:left; width:5%;}
.faq_list ul {overflow:hidden; border-bottom:1px solid #c9c9c9;}
.faq_list ul li {float:left; }
.faq_list ul.que {height:45px; position:relative; font-size:12px;}
.faq_list ul.que li { line-height:45px;  padding-left:20px;}
.faq_list ul.que li dd {float:left; margin-top:22px;}
.faq_list ul.que li .btnSet { position:absolute; right:15px;}
.faq_list ul.ans {}
.faq_list ul.ans .fview {line-height:1.5; padding:10px 20px 20px 20px; width:100%; background:#fcfcfc; border-bottom:1px solid #c9c9c9; overflow:hidden; }
.faq_list ul.ans .fview .txt {font-size:12px; margin:0 0 0 35px; float:right; text-align:left; width:90%;}


@media only screen and (min-width: 640px) {	
	.faq_list ul.que li.textQ {font-size:30px; font-weight:bold; color:#000; font-family:malgun gothic; display:inline-block; line-height:60px; padding-left:35px;}
	.faq_list .textA {font-size:30px; font-weight:bold; font-family:malgun gothic; display:inline; float:left; width:5%;}
    .faq_list ul.que {height:60px; position:relative; font-size:14px;}
	.faq_list ul.que li { line-height:60px; padding-left:20px;}
	.faq_list ul.ans .fview {line-height:1.5; padding:20px 35px 20px 35px; background:#fcfcfc; border-bottom:1px solid #c9c9c9; overflow:hidden;}
	.faq_list ul.ans .fview .txt {font-size:14px; margin:0 0 0 0; float:right; text-align:left; width:90%;}
}



/* faq 탭메뉴 */
.faqTab {width:100%; margin:0 0 0 0;}
.faqTab ul li {float:left; width:20%; height:30px; background:#e2e2e2; line-height:30px; border-top:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #24221f; font-size:11px; color:#646464; cursor:pointer;}}
.faqTab ul li:first-child {border-left:1px solid #e3e3e3;}
.faqTab ul li.active {background:#fff; border-top:1px solid #24221f; border-left:1px solid #24221f; border-right:1px solid #24221f; border-bottom:1px solid #fff;  color:#333; font-weight:bold;}

@media only screen and (min-width: 640px) {
	.faqTab ul li {height:40px; line-height:40px; font-size:13px;}
}

@media only screen and (min-width: 1100px) {
	.faqTab ul li {height:48px; line-height:48px; font-size:15px;}
}



/* REVIEW 모음 */
.reviewBox {width:48.2%; float:left; margin:0 0 3% 3.5%; border:1px solid #c0c0c0; }
.reviewBox:first-child {margin-left:0;}
.reviewBox:nth-child(2n+1) {margin-left:0;}
.reviewBox > .pic {width:100%; height:177px; overflow:hidden;}
.reviewBox > .pic img {width:100%;}
.reviewBox > .sort {font-size:12px; color:#5a5c5a; padding:10px 10px 0 10px; height:25px;}
.reviewBox > .name {font-size:15px; color:#000; padding:0 10px 10px 10px; border-bottom:1px dashed #eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.reviewBox > .content {font-size:12px; color:#5a5c5a; padding:10px ; height:60px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;} 
.reviewBox > .content:hover {overflow:visible; color:#fff;}
.reviewBox > .content:hover > .hugi_desc {display:block;}
.reviewBox > .etc {overflow:hidden; padding:10px; border-top:1px dashed #eee;}
.reviewBox > .etc > .star {float:left; font-size:15px; font-weight:bold; color:#54b23e;}
.reviewBox > .etc > .nick {float:right; font-size:12px; color:#333; text-align:right;}
.reviewBox > .etc > .nick > .date2 {font-size:11px; color:#5c5c5c;}

.hugi_desc {display:none; position:absolute; top:0; left:-1px; width:101%;  height:auto; background:#fff; color:#000; border:3px solid #24221f; padding:inherit; }
.hugi_desc .con {clear:both; min-height:40px; width:100%; position:relative; white-space:normal; }
.hugi_desc .etc1 {overflow:hidden; padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px dashed #eee;}
.hugi_desc .etc1 > .star1 {float:left; font-size:15px; font-weight:bold; color:#54b23e;}
.hugi_desc .etc1 > .nick1 {float:right; font-size:12px; color:#333; text-align:right;}
.hugi_desc .etc1 > .nick1 > .date21 {font-size:11px; color:#5c5c5c;}

@media only screen and (min-width: 480px) {
	.reviewBox {width:48.2%; float:left; margin:0 0 3% 3.5%; border:1px solid #c0c0c0;}
	.reviewBox:first-child {margin-left:0;}
	.reviewBox:nth-child(2n+1) {margin-left:0;}
	.reviewBox > .pic {width:100%; height:205px; overflow:hidden;}
	.reviewBox > .pic img {width:100%;}
	.reviewBox > .sort {font-size:13px; color:#5a5c5a; padding:10px 20px 0 20px; height:25px;}
	.reviewBox > .name {font-size:18px; color:#000; padding:0 20px 10px 20px; border-bottom:1px dashed #eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.reviewBox > .content {font-size:13px; color:#5a5c5a; padding:10px 20px 10px 20px; white-space:nowrap; text-overflow:ellipsis;} 
	.reviewBox > .etc {overflow:hidden; padding:10px 20px; border-top:1px dashed #eee;}
	.reviewBox > .etc > .star {float:left; font-size:18px; font-weight:bold; color:#54b23e;}
	.reviewBox > .etc > .nick {float:right; font-size:13px; color:#333; text-align:right;}
	.reviewBox > .etc > .nick > .date2 {font-size:11px; color:#5c5c5c;}

	.hugi_desc .etc1 > .star1 {float:left; font-size:18px; font-weight:bold; color:#54b23e;}
	.hugi_desc .etc1 > .nick1 {float:right; font-size:13px; color:#333; text-align:right;}
	.hugi_desc .etc1 > .nick1 > .date21 {font-size:11px; color:#5c5c5c;}
}

@media only screen and (min-width: 768px) {
	.reviewBox {width:32%; float:left; margin:0 0 2% 2%; border:1px solid #c0c0c0;}
	.reviewBox:first-child {margin-left:0 !important;}
	.reviewBox:nth-child(2n+1) {margin-left:2%;}
	.reviewBox:nth-child(3n+1) {margin-left:0;}
	.reviewBox:nth-child(4n+1) {margin-left:2%;}
	.reviewBox > .pic {width:100%; height:310px;
	.reviewBox > .pic img {width:100%;}
	.reviewBox > .sort {font-size:13px; color:#5a5c5a; padding:10px 20px 0 20px; height:25px;}
	.reviewBox > .name {font-size:18px; color:#000; padding:0 20px 10px 20px; border-bottom:1px dashed #eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.reviewBox > .content {font-size:13px; color:#5a5c5a; padding:10px 20px 10px 20px;   white-space:nowrap; text-overflow:ellipsis;} 
	.reviewBox > .etc {overflow:hidden; padding:10px 20px; border-top:1px dashed #eee;}
	.reviewBox > .etc > .star {float:left; font-size:18px; font-weight:bold; color:#54b23e;}
	.reviewBox > .etc > .nick {float:right; font-size:13px; color:#333; text-align:right;}
	.reviewBox > .etc > .nick > .date2 {font-size:11px; color:#5c5c5c;}

	.hugi_desc .etc1 > .star1 {float:left; font-size:18px; font-weight:bold; color:#54b23e;}
	.hugi_desc .etc1 > .nick1 {float:right; font-size:13px; color:#333; text-align:right;}
	.hugi_desc .etc1 > .nick1 > .date21 {font-size:11px; color:#5c5c5c;}
}


@media only screen and (min-width: 1100px) {
	.reviewBox {width:23.5%; float:left; margin:0 0 2% 2%; border:1px solid #c0c0c0;}
	.reviewBox:first-child {margin-left:0;}
	.reviewBox:nth-child(3n+1) {margin-left:2%;}
	.reviewBox:nth-child(4n+1) {margin-left:0;}
	.reviewBox > .pic {width:100%; height:280px; }
	.reviewBox > .pic img {width:100%;}
	.reviewBox > .sort {font-size:13px; color:#5a5c5a; padding:10px 20px 0 20px; height:25px;}
	.reviewBox > .name {font-size:18px; color:#000; padding:0 20px 10px 20px; border-bottom:1px dashed #eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.reviewBox > .content {font-size:13px; color:#5a5c5a; padding:10px 20px 10px 20px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
	.reviewBox > .etc {overflow:hidden; padding:10px 20px; border-top:1px dashed #eee;}
	.reviewBox > .etc > .star {float:left; font-size:22px; font-weight:bold; color:#54b23e;}
	.reviewBox > .etc > .nick {float:right; font-size:15px; color:#333; text-align:right;}
	.reviewBox > .etc > .nick > .date2 {font-size:11px; color:#5c5c5c;}

	
	.hugi_desc .etc1 > .star1 {float:left; font-size:22px; font-weight:bold; color:#54b23e;}
	.hugi_desc .etc1 > .nick1 {float:right; font-size:15px; color:#333; text-align:right;}
	.hugi_desc .etc1 > .nick1 > .date21 {font-size:11px; color:#5c5c5c;}
}





/* 장바구니 담기 팝업 */
.cartGo {width:270px;}
.cartGo .cTop1 {height:39px; background:#54b23e; border-bottom:2px solid #f5f5f5; color:#fff; text-indent:10px; line-height:39px; position:relative;}
.cartGo .cTop1 .close {position:absolute; width:15px; height:13px; top:10px; right:10px; background:url(/image/button_close1.png) no-repeat center center; display:inline-block;}
.cartGo .cCont1 {background:#fff; text-align:center; padding:15px 0;}
.cartGo .cCont1 .name {width:95%; margin:10px auto; text-align:left; padding:7px; border:1px solid #f0f0f0; background:#f5f5f5;}	

@media only screen and (min-width: 1100px) {
	.cartGo {width:px;}
	.cartGo .cTop1 {height:39px; background:#54b23e; border-bottom:2px solid #f5f5f5; color:#fff; text-indent:10px; line-height:39px; position:relative;}
	.cartGo .cTop1 .close {position:absolute; width:15px; height:13px; top:10px; right:10px; background:url(/image/button_close1.png) no-repeat center center; display:inline-block;}
	.cartGo .cCont1 {background:#fff; text-align:center; padding:15px 0;}
	.cartGo .cCont1 .name {width:95%; margin:10px auto; text-align:left; padding:7px; border:1px solid #f0f0f0; background:#f5f5f5;}	
}



/* 개인정보, 약관 */
.cont ul li.orangeTit {color:#51586a; font-weight:bold; font-size:18px; margin:20px 0 5px 0;}
.cont ul li.orangeTit .num {}
.cont ul li.grayBox {width:100%; background:#fbfbfb; padding:5%; font-size:12px; line-height:1.5; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
.cont ul li.grayBox img {width:100%; height:100%;}
.cont ul li.grayBox1 {width:100%; background:#fbfbfb; padding:1%; font-size:12px; line-height:1.5; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.cont ul li.grayBox1 img {width:100%; height:100%;}
.cont ul li .inBox {background:rgba(255,255,255,.8);  padding:10px 25px; width:100%; margin:5px 0 0 7px; }
.yak {font-size:12px; padding:5%; background:#fcfcfc; border:1px solid #ececec;}

@media only screen and (min-width: 768px) {
	.cont ul li.grayBox {padding:25px 50px; font-size:13px}
	.cont ul li .inBox {background:rgba(255,255,255,.8);  padding:10px 25px; width:90%; margin:5px 0 0 7px;}
	.yak {font-size:13px; padding:40px; background:#fcfcfc; border:1px solid #ececec;}	
}



/* 회원등록 동의 */
.midTit {font-size:20px; font-weight:400; color:#000; padding:30px 0 10px 0;}
.midTit1 {font-size:17px; font-weight:400; color:#000; }
.smTit {font-size:13px;  color:#000; font-weight:normal;}
.smTit1 {font-size:15px;  color:#000; font-weight:normal;}
.bigTit {font-size:25px; font-weight:400; color:#000;}


@media only screen and (min-width: 768px) {
	.midTit1 {font-size:20px;  }
}


@media only screen and (min-width: 1200px) {
	.midTit {font-size:23px;  color:#000; padding:55px 0 10px 0;}
	.midTit1 {font-size:20px;  color:#000; }
	.smTit {font-size:15px;  color:#000; font-weight:normal;}
	.smTit1 {font-size:18px;  color:#000; font-weight:normal;}
	.bigTit {font-size:28px;  color:#000;}
}

.agreeBox1 {width:100%; height:190px; border:1px solid #e0e0e0; overflow-y:auto; margin:7px 0;}
.agreeBox {width:100%; height:190px; border:1px solid #e0e0e0; background:#fcfcfc; padding:50px; overflow-y:auto; margin:5px 0;}
.agree {font-size:16px; font-weight:bold; text-align:right; color:#333; margin-bottom:35px;}
.tAgree {font-size:20px; font-weight:bold; text-align:center; border-top:2px solid #545454; padding:8px 0; color:#333;  margin-bottom:45px;}
.tAgree input {width:20px; height:20px;}