/* 공통 */
.width1200 {width:1200px;  margin:0 auto; overflow:hidden;}
.posiR {position:relative;}
.overH {overflow:hidden;}
.spaceV70 {clear:both; width:100%; height:70px;}
.hidden-xs {}
.hidden-lg {display:none;}
.borLine {clear:both; width:100%; height:1px; background:#ddd; margin:50px 0;}


@media screen and (max-width: 800px) {
	.width1200 {width:100%; }
	.spaceV70 {height:0;}
	
}
@media screen and (max-width: 640px) {
	.hidden-xs {display:none;}
	.hidden-md {display:none;}
	.hidden-lg {display:block;}
}



/* 상단영역 */
.topWrap {width:100%; height:200px; background:#fff;}
.topWrap .topTop {width:100%; height:40px; padding:12px 0 0 0; border-bottom:1px solid #dadada;}
.topWrap ul li {float:left; padding:0 10px; font-size:12px; border-left:1px solid #dadada;}
.topWrap .country {float:left; }
.topWrap .country li {font-size:12px; font-weight:400; letter-spacing:0;}
.topWrap .country img {margin:2px 0 0 0;}
.topWrap .country li:first-child, .topWrap .lnb li:first-child {border-left:0;}

.topWrap .lnb {float:right;}

.topWrap .topMid {width:1200px;  height:108px; margin:0 auto; }
.topWrap .logo {float:left; width:150px; height:108px; background:url(/img/logo.png) no-repeat center left; background-size:auto;}
.topWrap .mNav, .topWrap .mLnb {display:none;}
.topWrap .search {position:absolute; top:33px; left:50%; margin-left:-230px; width:445px; height:45px; border:2px solid #363d4c}
.topWrap .search input {float:left; width:396px; height:41px; border:0; background:#ff; text-indent:7px; font-size:13px; font-weight:400;}
.topWrap .search .btnST {float:right; width:45px; height:41px; background:url(/img/icon_search.png) no-repeat center center; display:inline-block;}
.topWrap .adTop {float:right;}

.topWrap .logoB {float:left; width:150px; height:108px; background:url(/img/logo_b.png) no-repeat center 15px; background-size:auto 55%; padding:77px 0 0 0; text-align:center;}
.topWrap .logoB span {font-size:14px;}
.topWrap .logoB strong {font-weight:600;}
.topWrap .logoB em {}


@media screen and (max-width: 800px) {
	.topWrap {height:135px;}
	.topWrap .topMid {width:100%; height:100px; margin:0 auto; }
	.topWrap .logo {width:76px; height:42px; margin:7px 0 0 0;  background-size:100%;}
	.topWrap .mNav {display:inline-block; float:left; width:50px; height:55px; background:url(/img/m_navB.png) no-repeat center center; background-size:45% auto;}
	.topWrap .mLnb {display:inline-block; float:right; margin:14px 17px 0 0;}
	.topWrap .mLnb ul li {float:left; width:36px; height:32px; border:0; }
	.topWrap .mLnb ul li.mMy {background:url(/img/icon_mypage.png) no-repeat center center; background-size:80%;}
	.topWrap .mLnb ul li.mCart {background:url(/img/icon_cart1.png) no-repeat center center; background-size:80%;}

	.topWrap .topTop, .topWrap .adTop {display:none;}

	.topWrap .search {width:94%; top:60px; left:3%; margin-left:0; border:0;}
	.topWrap .search input {width:87%; height:37px; background:#fafafa; border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:1px solid #eee;}
	.topWrap .search .btnST {width:13%; height:37px; background:url(/img/icon_search.png) no-repeat center center #fafafa; border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee;}

	.topWrap.fixed {position:fixed; top:0; height:60px; z-index:5;}
	.topWrap.fixed .search {display:none;}
	
	.topWrap .logoB {width:50%; height:55px; background:url(/img/logo_b.png) no-repeat 5px 7px; background-size:auto 70%; padding:10px 0 0 55px; text-align:left; border:0px solid red;}
	.topWrap .logoB span {}
	.topWrap .logoB em {display:block; line-height:1.1;}
}


@media screen and (max-width: 420px) {
	.topWrap .logoB {background-size:auto 70%;}
}

.topWrap .topNav {width:100%; height:52px; background:#fff; border-top:1px solid #dadada; border-bottom:1px solid #363d4c; overflow:visible;}
.topWrap .topNav .tNav {position:relative; width:1200px; margin:0 auto; }
.topWrap .topNav .tCate {float:left; width:200px; height:50px; color:#747474; font-size:15px; font-weight:500; line-height:50px; text-indent:45px; background:url(/img/icon_cate.png) no-repeat 22px center #f4f4f4; border-left:1px solid #dadada; border-right:1px solid #dadada; cursor:pointer; }



.tCate_sub {display:none; position:absolute; top:-1px; left:50%; margin-left:-600px; width:1200px; height:500px; /* border-left:2px solid #24221f;  border-right:2px solid #24221f; box-shadow:1px 2px 8px rgba(0,0,0,.8); */   z-index:9999999;  }
.tCate_on {width:200px; height:52px; color:#fff; font-size:15px; text-indent:45px; background:url(/img/icon_cate_close.png) no-repeat 22px center #24221f;}
.tCate_sub > ul.sub {overflow:visible; width:1520px; height:540px; z-index:99999; }
ul.sub {margin-block-start:0; margin-block-end:0; padding-inline-start:0;}


.topWrap .topNav ul.nav {float:left; width:600px; margin:0 0 0 160px;}
.topWrap .topNav ul.nav span {font-weight:400; font-size:14px; line-height:50px; padding:0 17px;}

.topWrap .topNav .tCart {float:right; position:relative; width:70px; height:50px; background:url(/img/icon_cart.png) no-repeat 20px center #f4f4f4; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.topWrap .topNav .tCart .num {position:absolute; top:12px; right:13px; width:18px; height:18px; background:#55b53f; border-radius:50%; color:#fff; font-size:12px; text-align:center; line-height:18px; font-weight:500; text-shadow:0 0px 3px rgba(0,0,0,.3);}

.topWrap .topNav.fixed {position:fixed; top:0px; border-top:0; z-index:9999; }
.topNav.fixed .tCate {height:52px; background:url(/img/icon_cate_w.png) no-repeat 22px center rgba(0,0,0,.8); color:#fff; border-left:1px solid rgba(0,0,0,.8); border-right:1px solid rgba(0,0,0,.8); }  
.topNav.fixed .tCart {height:51px;}
.topNav.fixed .cateSub {top:53px !important;} 

@media screen and (max-width: 800px) {
	.topWrap .topNav {height:35px; border-top:0; text-align:center; }
	.topWrap .topNav .tNav {width:95%;}
	.topWrap .topNav .tCate, .topWrap .topNav .tCart {display:none;}
	.topWrap .topNav ul.nav {float:none; width:100%; margin:0 auto; text-align:center; overflow:visible;}
	.topWrap .topNav ul.nav span {width:auto; font-size:12px; line-height:35px; padding:0 2.5%; }
	
	.topWrap .topNav.fixed {position:fixed; top:60px; border-top:0; background:#fafafa; z-index:5;}
	
}


/* 메인카테고리 */
.mainCate {position:absolute; top:0; left:50%; margin-left:-600px; z-index:10;}
.mCate {position:relative; width:150px; height:540px; background:rgba(0,0,0,.75); }
.mCate > .category {padding:25px 0 0 0; }
.mCate > .category > ul > li {color:rgba(255,255,255,.8); font-size:14px; padding:2.5px 22px; z-index:201;}
.mCate > .category > ul > li a {color:rgba(255,255,255,.8); display:block;}
.mCate > .category > ul > li:hover {background:#fff; color:#333; }
.mCate > .category > ul > li:hover a {background:#fff; color:#333; }
.mCate > .category > ul > li:hover > .cateSub {display:block;}


@media screen and (max-width: 800px) {
	.mainCate {display:none;}
}

.aCate {width:200px;  height:600px; background:#24221f; overflow:visible; z-index:201; }
.aCate > .category1 {padding:25px 0; min-height:327px; height:auto; max-height:580px;}
.aCate > .category1 > .cateLi {color:rgba(255,255,255,.8); text-align:left; padding:2.5px 22px; text-indent:0; font-size:14px; font-weight:300; }
.aCate > .category1 > .cateLi a {color:rgba(255,255,255,.8); display:block;}
.aCate > .category1 > .cateLi:hover, .aCate > .category1 > .cateLi:hover a {background:#fff; color:#333; }
.aCate > .category1 > .cateLi:hover > .cateSub {display:block;}

.aCate .category1 .cateSub {top:52px;}

.cateSub {display:none; position:absolute; top:0; left:150px; width:1000px; height:auto; min-height:327px; background:#fff; color:#333; border-left:2px solid #353535; border-right:2px solid #353535; border-bottom:2px solid #353535; padding:20px 0 10px 25px; z-index:200; }
.cateSub .cateClose {position:absolute; width:33px; height:33px; background:url(/image/icon_close.png) no-repeat center center #353535; top:0; right:0;}
.cateSub > dl {float:left; width:16%; margin:0 3% 3% 0;}
.cateSub > dl:last-child {margin-right:0;}
.cateSub > dl > p.cateTit {font-weight:bold; padding-bottom:5px; border-bottom:1px solid #353535; margin:8px 0;}
.cateSub > dl > dd {padding:2px 0 2px 5px; font-size:13px; color:#353535; }
.cateSub > dl > dd a {display:block;}
.cateSub > dl > dd:hover {background:#24221f !important; color:#fff !important; display:block;}
.cateSub > dl > dd:hover a {background:#24221f !important; color:#fff !important; display:block;}
/* .cateSub dl dd a:hover {color:#fff !important; display:block;} */

.mCate .brand {position:absolute; bottom:0; width:100%; height:123px; background:#222; padding:40px 0 0 43px;}
.mCate .brand .big {color:#fff; font-weight:bold; font-size:19px; background:url(/image/icon_cate.png) no-repeat 140px center ;}
.mCate .brand .small {color:#818180; font-size:14px;}


/* 상단기획 */
.mGiWrap {width:1200px;  margin:60px auto 100px auto;  overflow:hidden; }
.mGi {float:left; width:20%; text-align:center; }

@media screen and (max-width: 800px) {
	.mGiWrap {width:90%; margin:260px auto 30px auto;}
	.mGi img {width:80%; height:auto; margin:0 auto;}
}

@media screen and (max-width: 640px) {
	.mGiWrap {width:80%; margin:260px auto 0 auto;}
	.mGi {width:33.3%; padding:0 0 30px 0;}
	.mGi img {width:80%; height:auto; margin:0 auto;}
}



@media screen and (max-width: 360px) {
	.mGiWrap {width:80%; margin:180px auto 0 auto;}
}


/* 포커스 아이템 */
.focusWrap {width:1200px; margin:80px auto;}
.focusInner {width:100%; overflow:hidden;}
.fItem {float:left; width:23%; height:auto; margin:0 2.66% 50px 0;}
.fItem:nth-child(4n+4) {margin:0 0 50px 0;}
.fItem .fPic {position:relative; width:100%; padding:99% 0 0; height:0; border:1px solid rgba(0,0,0,.03); overflow:hidden;}
.fItem .fPic img {position:absolute; top:0; left:0; width:100%; margin:0 auto; }
.fItem .fName {padding:15px 0 0 0; font-size:17px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.fItem .fCont {min-height:20px; padding:0 10px 0 0; font-size:13px; color:#a0a0a0; line-height:1.1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.fItem .fsNum {font-size:14px; color:#e24a51; text-decoration:line-through;}
.fItem .fNum {font-size:19px;  font-weight:700;}
.fItem .fNum span {font-size:16px; font-weight:400; }

@media screen and (max-width: 1200px) {
	.focusWrap {width:95%;}
	.fItem .fPic { }
	.fItem .fName {font-size:15px;}
}

@media screen and (max-width: 1000px) {
	.fItem .fPic {}
	.fItem .fCont {font-size:12px;}
	.fItem .fsNum {font-size:13px;}
	.fItem .fNum {font-size:17px;}
}

@media screen and (max-width: 840px) {
	.fItem {float:left; width:31%; margin:0 3.5% 50px 0;}
	.fItem:nth-child(4n+4) {margin:0 3.5% 50px 0;}
	.fItem:nth-child(3n+3) {margin:0 0 50px 0;}
	.fItem .fPic {}
}

@media screen and (max-width: 740px) {
	.fItem .fPic { }
}

@media screen and (max-width: 620px) {
	.fItem .fPic {}
	.fItem .fNum {font-size:16px;}
}



@media screen and (max-width: 460px) {
	.focusWrap {width:95%;}
	.fItem {width:49%; margin:0 0 40px 0;}
	.fItem:nth-child(2n+2) {float:right;}
	.fItem:nth-child(4n+4) {float:right; margin:0 0 40px 0;}
	.fItem:nth-child(3n+3) {margin:0 0 40px 0;}
	.fItem .fPic { }
}




/* 오늘이 파워상품 */
.mainTitle {font-size:28px; font-weight:400; border-bottom:1px solid #dcdcdc; display:block; clear:both;}

.powerWrap {position:relative; width:1200px;  margin:85px auto; padding:0 0 50px 0; overflow:hidden;}
.pBox {float:left; width:20%; padding:25px 25px; border:1px solid transparent; text-align:center;}
.pBox .pic {position:relative; width:177px; height:177px; margin:0 auto;}
.pBox .pic img {width:100%; height:100%;}
.pBox .inLine {}
.pBox .line {display:none;}
.pBox .cont {width:100%; height:30px; font-size:13px; font-weight:300; color:rgba(0,0,0,.7); padding:10px 0 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pBox .name {width:100%; font-size:16px; color:#000; font-weight:400; margin:0 0 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pBox .sobi {width:100%; height:20px; font-size:13px; color:rgba(0,0,0,.6); text-decoration:line-through;}
.pBox .price {font-weight:900; font-size:20px; margin:-5px 0 0 0;}
.pBox .price .won {font-weight:400; font-size:13px; }
.pBox:hover {border:1px solid #000; box-shadow:0 10px 20px rgba(0,0,0,.1);}

.mBanner {width:1200px;  margin:40px auto 80px auto;}

.priceA {font-size:14px; font-weight:400; color:#e24d4d; display:inline-block;}
.priceA .won {font-size:12px; font-weight:200; color:#000;}

.flex-prev {position:absolute; top:50%; left:-35px; margin-top:-23px; font-size:0; width:27px; height:46px; background:url(/img/icon_arrow.png) no-repeat left top;}
.flex-next {position:absolute; top:50%; right:-35px; margin-top:-23px; font-size:0; width:27px; height:46px; background:url(/img/icon_arrow.png) no-repeat right top;}


@media screen and (max-width: 800px) {
	.mainTitle {background:#fff; font-size:19px; font-weight:500; }
	.powerWrap {width:95%; margin:45px auto; padding:0;}
	.pBox {width:33.3%;}
	.pBox .pic {width:100%; height:auto; margin:0 0 10px 0;}
	.pBox .cont {font-size:12px; height:auto; padding:0 8px 0 5%;}
	.pBox .name {font-size:14px; font-weight:400; margin:-3px 0 0 0; }
	.pBox .sobi { font-size:13px; padding:0 10px 0 5%; }
	.pBox .price {font-size:16px; font-weight:600; }

	.mBanner {width:100%;  margin:40px auto 80px auto; clear:both;}
	.mBanner img {width:100%;}
}

@media screen and (max-width: 640px) {
	.mainTitle {background:#fff; font-size:19px; font-weight:500; margin:10px 0 0 0; padding:20px 10px 10px 10px; border-bottom:0;}
	.powerWrap {width:100%; padding:0; background:#efeff3; overflow:hidden;}
	.pBox {width:100%; background:#fff; padding:0 0 18px 0; margin:0 0 9px 0; text-align:left; border:1px solid rgba(0,0,0,.05); }
	/* .pBox .pic {width:100%; height:auto; margin:0 0 10px 0;} */
	.pBox .pic {width:auto; height:160px; margin:0 auto 10px auto; text-align:center;}
	.pBox .pic img {width:auto; height:100%; margin:0 auto;}
	.pBox .inLine {display:block; margin:0 0 -3px 0;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.pBox .line {display:inline-block; }
	.pBox .cont {font-size:14px; padding:0 8px 0 5%; display:inline; }
	.pBox .name {font-size:16px; font-weight:400; margin:-3px 0 0 0; display:inline; }
	.pBox .sobi {display:inline; font-size:14px; padding:0 10px 0 5%; }
	.pBox .price {display:inline; font-size:19px; font-weight:600; }

	.mBanner {width:100%; margin:0 auto;}
	.mBanner img {width:100%;}

	.priceA {font-size:15px; }
	.priceA .won {font-size:12px;}
}






/* 추천상품 */
.grayWrap {width:100%; background:#f9f9f9; padding:65px 0; margin:0 0 50px 0; overflow:hidden;}
.cBoxN {position:relative; float:left; width:286px; height:367px; background:#343958; color:rgba(255,255,255,.4); padding:60px 40px 53px 40px;}
.cBoxN .title {font-size:25px; color:#fff; font-weight:400; line-height:1.1;}
.cBoxN .title strong {color:#9bdf3b; font-size:34px; font-size:500;}
.cBoxN .cont {padding:20px 0 0 0; font-size:16px; line-height:1.3;}
.cBoxN .more {position:absolute; bottom:53px; color:#fff; font-weight:500; font-size:13px;}


.cBox02 {float:left; width:591px; height:367px; background:#fff; margin:0 0 18px 18px; border:1px solid #fff; }
.cBox02 .pic {float:left; width:310px; height:367px; text-align:right; padding:45px 0 0 0;}
.cBox02 .pic img {width:280px; height:280px;}
.cBox02 .info {float:left; width:270px; text-align:left; padding:120px 20px 70px 35px; font-size:15px;}
.cBox02 .info .name {width:100%; font-size:22px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cBox02 .info .txt {width:100%; color:rgba(0,0,0,.7); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cBox02 .info .sobi {height:20px; margin:25px 0 0 0; font-size:16px; text-decoration:line-through; color:rgba(0,0,0,.7);}
.cBox02 .info .price {font-size:24px; font-weight:700; }
.cBox02 .info .price .won {font-size:15px;}


.cBox01 {float:left; width:286px; height:367px; background:#fff; padding:15px 35px; margin:0 0 18px 18px; border:1px solid #fff; text-align:center;}
.cBox01 .pic {width:220px; height:220px; margin:0 auto 7px auto;}
.cBox01 .pic img {width:100%; height:100%;}
.cBox01 .txt {font-size:12px; color:rgba(0,0,0,.7); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cBox01 .name {font-size:16px; color:#000; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cBox01 .sobi {font-size:13px; text-decoration:line-through; color:rgba(0,0,0,.7); margin:10px 0 -5px 0;} 
.cBox01 .price {font-size:20px; font-weight:700; color:#000;}
.cBox01 .price .won {font-size:13px;}


.cBox01:hover, .cBox02:hover {border:1px solid #000; box-shadow:0 10px 20px rgba(0,0,0,.1);}
.cBox01:nth-child(4) {margin:0 0 18px 0;}

@media screen and (max-width: 800px) {
	.grayWrap {display:none; padding:30px 0 0 0; margin:0; background:#efeff3;}
	.cBoxN {width:33.3%; height:255px; padding:40px 7%; margin:0 0 5px 0;}
	.cBoxN .title {font-size:18px;}
	.cBoxN .title strong {color:#9bdf3b; font-size:28px;}
	.cBoxN .cont {display:none;}
	.cBoxN .more {bottom:25px; font-size:12px;}
	
	.cBox02 {width:33.3%; height:255px; margin:0 0 8px 0;}
	.cBox02 .pic {float:none; width:100%; height:150px; text-align:center; padding:0;}
	.cBox02 .pic img {width:auto; height:100%;}
	.cBox02 .info {float:none; width:100%; padding:10px 5% 20px 7%; font-size:12px; text-align:center;}
	.cBox02 .info .name {font-size:15px;}
	.cBox02 .info .sobi {margin:7px 0 -7px 0; font-size:12px;}
	.cBox02 .info .price {font-size:17px;}
	.cBox02 .info .price .won {font-size:13px;}

	.cBox01 {width:33.3%; height:255px; padding:10px; margin:0 0 8px 0;}
	.cBox01 .pic {width:100%; height:130px;}
	.cBox01 .pic img {width:auto; height:100%;}
	.cBox01 .name {font-size:15px;}
	.cBox01 .sobi {font-size:12px; margin:7px 0 -7px 0;}
	.cBox01 .price {font-size:17px;}

	.cBox01:nth-child(4) {margin:0 0 8px 0;}
}


@media screen and (max-width: 640px) {
	.grayWrap {padding:30px 0 0 0; margin:0; background:#efeff3;}
	.cBoxN {width:40%; height:255px; padding:40px 7%; margin:0 0 5px 0;}
	.cBoxN .title {font-size:18px;}
	.cBoxN .title strong {color:#9bdf3b; font-size:28px;}
	.cBoxN .cont {display:none;}
	.cBoxN .more {bottom:25px; font-size:12px;}
	
	.cBox02 {width:60%; height:255px; margin:0 0 8px 0;}
	.cBox02 .pic {float:none; width:100%; height:150px; text-align:center; padding:0;}
	.cBox02 .pic img {width:auto; height:100%;}
	.cBox02 .info {float:none; width:100%; padding:10px 5% 20px 7%; font-size:12px; text-align:center;}
	.cBox02 .info .name {font-size:15px;}
	.cBox02 .info .sobi {margin:7px 0 -7px 0; font-size:12px;}
	.cBox02 .info .price {font-size:17px;}
	.cBox02 .info .price .won {font-size:13px;}


	.cBox01 {width:50%; height:255px; padding:10px; margin:0 0 8px 0;}
	.cBox01 .pic {width:100%; height:130px;}
	.cBox01 .pic img {width:auto; height:100%;}
	.cBox01 .name {font-size:15px;}
	.cBox01 .sobi {font-size:12px; margin:7px 0 -7px 0;}
	.cBox01 .price {font-size:17px;}

	.cBox01:nth-child(4) {margin:0 0 8px 0;}
}


/* 추천상품 mobile */
.cmWrap {display:none; }

@media screen and (max-width: 800px) {
	.cmWrap {display:block; clear:both; position:relative; width:100%; height:480px; border-top:10px solid #efeff3; text-align:center; }
	.cmWrap .navy {position:absolute; top:0; left:0; width:100%; height:170px; background:#343958; padding:28px 0; font-size:22px; font-weight:400px; color:#fff; text-align:center; z-index:-1;}
	.cmWrap .navy strong {color:#9bdf3b; font-size:22px; font-weight:500;} 
	.cmWrap .cmPro {position:absolute; width:98%; left:50%; margin:65px 0 0 -49%; overflow:hidden; }
	.cmWrap .cmPro .cmBox {width:100%; background:#fff;  padding:15px; border:1px solid #e2e2e2; display:inline-block;}
	.cmWrap .cmPro .cmBox .pic {width:100%; height:auto;}
	.cmWrap .cmPro .cmBox .pic img {width:100%; height:auto;}
	.cmWrap .cmPro .cmBox .txt {font-size:12px; color:rgba(0,0,0,.7);  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.cmWrap .cmPro .cmBox .name {font-size:15px; color:#000; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.cmWrap .cmPro .cmBox .sobi {height:20px; font-size:12px; text-decoration:line-through; color:rgba(0,0,0,.7); margin:7px 0 -7px 0;}
	.cmWrap .cmPro .cmBox .price {font-size:17px; font-weight:700; color:#000;}
	.cmWrap .cmPro .cmBox .price .won {font-size:13px; font-weight:400;}
	.cmWrap .cmPro .item {width:95%; margin:0 auto;}
}

@media screen and (max-width: 420px) {
	.cmWrap {width:100%; margin:0 auto; padding:0 2.5%;}
	.cmWrap .navy {width:110%; left:-5%;}
}


.customNavigation .prev1 {position:absolute; left:1.5%; top:50%; margin-top:-25.5px; width:30px; height:51px; background:url(/img/icon_arrow1.png) no-repeat left top; font-size:0; cursor:pointer;}
.customNavigation .next1 {position:absolute; right:1.5%; top:50%; margin-top:-25.5px; width:30px; height:51px; background:url(/img/icon_arrow1.png) no-repeat right top; font-size:0; cursor:pointer;}


/* 베스트셀러 */
.bestMain {height:600px; overflow:hidden;}

.bestTab {width:100%; height:52px; margin:0 0 50px 0; border-bottom:1px solid #dcdcdc; overflow:hidden;}
.bestTab span {margin:0 20px; font-size:15px; line-height:50px; padding:0 0 13px 0; border-bottom:4px solid transparent; cursor:pointer;}
.bestTab span.on {color:#55b53f; font-weight:600; border-bottom:4px solid #55b53f; }
.borT {border-top:1px solid #dcdcdc;}

.bBoxBig {position:relative; float:left; width:370px; height:450px; text-align:center; padding:30px;  border:1px solid transparent;}
.bBoxBig .tag {position:absolute; top:30px; left:30px; width:54px; height:54px; background:url(/img/icon_best1.png) no-repeat center center; background-size:100%;}
.bBoxBig .pic {width:270px; height:270px; margin:0 auto 15px auto;}
.bBoxBig .pic img {width:100%; height:100%; }
.bBoxBig .txt {font-size:13px; color:rgba(0,0,0,.7); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBoxBig .name {font-size:18px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBoxBig .sobi {font-size:14px; color:rgba(0,0,0,.7); text-decoration:line-through; color:rgba(0,0,0,.7); margin:10px 0 -5px 0;}
.bBoxBig .price {font-size:22px; font-weight:700; color:#000;}
.bBoxBig .price .won {font-size:13px;}

.bBoxS {float:left; width:415px; height:225px; border:1px solid transparent; }
.bBoxS .pic {float:left; width:190px; height:170px; text-align:right; padding:25px 0 0 0;}
.bBoxS .pic img {width:170px; height:170px;}
.bBoxS .info {float:left; width:215px; text-align:left; padding:55px 20px 30px 25px; font-size:13px;}
.bBoxS .info .name {width:100%; font-size:18px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBoxS .info .txt {width:100%; color:rgba(0,0,0,.7); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBoxS .info .sobi {height:20px; margin:20px 0 0 0; font-size:14px; text-decoration:line-through; color:rgba(0,0,0,.7);}
.bBoxS .info .price {font-size:20px; font-weight:700; }
.bBoxS .info .price .won {font-size:14px;}


.bBoxSS {float:left; width:400px; height:225px; border:1px solid transparent; border-top:1px solid #dcdcdc;}
.bBoxSS .pic {float:left; width:180px; height:170px; text-align:right; padding:25px 0 0 0;}
.bBoxSS .pic img {width:165px; height:165px;}
.bBoxSS .info {float:left; width:215px; text-align:left; padding:55px 20px 30px 25px; font-size:13px;}
.bBoxSS .info .name {width:100%; font-size:18px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBoxSS .info .txt {width:100%; color:rgba(0,0,0,.7); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBoxSS .info .sobi {height:20px; margin:20px 0 0 0; font-size:14px; text-decoration:line-through; color:rgba(0,0,0,.7);}
.bBoxSS .info .price {font-size:20px; font-weight:700; }
.bBoxSS .info .price .won {font-size:14px;}

.bBoxBig:hover, .bBoxS:hover {border:1px solid #000; box-shadow:0 10px 20px rgba(0,0,0,.1);}




@media screen and (max-width: 800px) {
	.bestMain {height:1085px;}

	.bestTab {height:auto; padding:5px 3%; margin:0 0 10px 0; text-align:center; border-top:1px solid #dcdcdc;}
	.bestTab span {margin:1px; background:#eaeaec; border-radius:50px; font-size:13px; line-height:25px; padding:0 5px; border:2px solid transparent; display:inline-block;}
	.bestTab span.on {color:#fff; font-weight:300; background:#55b53f; border:0px solid #55b53f;}

	.bBoxBig {float:none; width:100%; height:auto; text-align:left; padding:10px 0 15px 0; border-bottom:7px solid #efeff3;}
	.bBoxBig .tag {width:40px; height:40px; }
	.bBoxBig .pic {width:100%; height:170px; text-align:center; margin:0 0 10px 0;}
	.bBoxBig .pic img {width:auto; height:100%; margin:0 auto 10px auto;}
	.bBoxBig .txt {font-size:12px; padding:0 0 0 7%;}
	.bBoxBig .name {font-size:18px; padding:0 0 0 7%;}
	.bBoxBig .sobi {font-size:13px; margin:5px 0 -5px 0; padding:0 10px 0 7%; display:inline;}
	.bBoxBig .price {font-size:18px;  display:inline;}

	.bBoxS {float:none; width:100%; height:auto; overflow:hidden; border-bottom:7px solid #efeff3;}
	.bBoxS .pic {width:40%; height:auto; padding:0;}
	.bBoxS .pic img {width:100%; height:auto;}
	.bBoxS .info { padding:25px 5% 15px 5%; font-size:12px;}
	.bBoxS .info .name {font-size:16px;}
	.bBoxS .info .txt {}
	.bBoxS .info .sobi {margin:10px 0 0 0;}
	.bBoxS .info .price {font-size:18px;}
	.bBoxS .info .price .won {font-size:13px;}

	.bBoxSS {float:none; width:100%; height:auto; overflow:hidden; border-bottom:7px solid #efeff3;}
	.bBoxSS .pic {width:40%; height:auto; padding:0;}
	.bBoxSS .pic img {width:100%; height:auto;}
	.bBoxSS .info { padding:25px 5% 15px 5%; font-size:12px;}
	.bBoxSS .info .name {font-size:16px;}
	.bBoxSS .info .txt {}
	.bBoxSS .info .sobi {margin:10px 0 0 0;}
	.bBoxSS .info .price {font-size:18px;}
	.bBoxSS .info .price .won {font-size:13px;}

	.bBoxBig:hover, .bBoxS:hover, .bBoxSS:hover {border:1px solid transparent; border-bottom:7px solid #efeff3; box-shadow:0 0 0 rgba(0,0,0,0)}
}


/* 하단 컨텐츠 */
.tBox01 {float:left; width:285px; height:464px; margin:0 20px 20px 0; box-shadow:0 0 3px rgba(0,0,0,.09);}
.tBox02 {float:left; width:590px; height:464px; margin:0 20px 20px 0; box-shadow:0 0 3px rgba(0,0,0,.09);}
.tBox01:nth-child(3), .tBox01:nth-child(6) {margin:0 0 0 0;}


@media screen and (max-width: 800px) {
	.tBox01, .tBox02 {display:none; width:33.3%;}
}



/* 하단 고객센터 */
.mNews {float:left; width:420px; margin:20px 0 0 0; font-size:13px; line-height:1.5;}
.mNews h3, .mCs h3 {font-size:16px; font-weight:500; margin:0 0 20px 0;}
.mCs {float:left; width:420px; margin:20px 0 0 0; line-height:1.6;}
.mCs strong {font-size:18px; font-weight:400;}
.mCs .cLine {width:60px; margin:0 10px 0 0; text-align:center; font-size:12px; border:1px solid #666; display:inline-block; line-height:1.5;}
.mQuick {float:left; width:360px; margin:30px 0 0 0; overflow:hidden;}
.mQuick ul li {float:left; width:25%; height:85px; padding:55px 0 0 0; font-size:12px; font-weight:400; text-align:center;}

.q01 {background:url(/img/icon_cs01.png) no-repeat center 15px; }
.q02 {background:url(/img/icon_cs02.png) no-repeat center 15px; }
.q03 {background:url(/img/icon_cs03.png) no-repeat center 15px; }
.q04 {background:url(/img/icon_cs04.png) no-repeat center 15px; }


@media screen and (max-width: 800px) {
	.mNews {float:none; width:80%; margin:5px auto; padding:30px 0; font-weight:400; border-bottom:1px solid #efeff3;}
	.mNews h3, .mCs h3 {margin:0 0 15px 0;}
	.mCs {float:none; width:80%; margin:5px auto; padding:10px 0 15px 0; border-bottom:1px solid #efeff3;}
	.mQuick {float:none; width:80%; margin:5px auto; padding:10px 0 0 0;}
}


/* 하단영역 */
.footNav {width:100%; height:55px; margin:80px 0 0 0; border-top:1px solid #e5e5e5; line-height:55px; }
.footNav span {margin:0 15px; font-size:14px; }
.footNav .btnAdmin {float:right; width:100px; height:30px; line-height:30px; text-align:center; margin:12.5px 0 0 0; font-size:12px;  border:1px solid #ccc; display:inline-block;}

.footWrap {background:#f7f7fa; padding:70px 0;}
.footWrap .fLogo {float:left; width:79px; height:91px; background:url(/img/logo_gray.png) no-repeat; background-size:100%;}
.footWrap .address {float:left; width:40%; font-size:13px; line-height:1.4; padding:10px 0 0 60px; letter-spacing:0;}
.footWrap .copy {font-size:12px; text-transform:uppercase;}
.footWrap .link {float:right;}


@media screen and (max-width: 800px) {
	.footNav {height:35px; margin:20px 0 0 0; line-height:32px; text-align:center;}
	.footNav span {margin:0 7px; font-size:12px; font-weight:400;}
	.footNav .btnAdmin {display:none;}
	
	.footWrap {padding:20px 0;}
	.footWrap .fLogo {display:none;}
	.footWrap .address {float:none; width:100%; font-size:11px; font-weight:400; padding:0 5%;}
	.footWrap .copy {font-size:10px;}
	.footWrap .link {float:none; width:90%; padding:15px 5%;}
	.footWrap .link img {width:100%; height:auto;}
}


/* 장마구니 상단 */
#cartTop {width:850px; margin:60px auto; color:#000; overflow:hidden;}
#cartTop ul {float:left; width:33.3%; padding:20px 0 20px 70px; border-bottom:2px solid #a5a5a5; border-top:1px solid rgba(0,0,0,.2);}
#cartTop ul .small {font-size:11px;}
#cartTop ul .big {font-size:18px; font-weight:500;}

#cartTop ul.step01 {background:url(/img/cart01.png) no-repeat 20px center; }
#cartTop ul.step02 {background:url(/img/cart02.png) no-repeat 20px center; }
#cartTop ul.step03 {background:url(/img/cart03.png) no-repeat 20px center; }
#cartTop ul.off {opacity:.5;}
#cartTop ul.on {background-color:rgba(0,0,0,.01); border-bottom:2px solid #55b43f; border-top:1px solid #e6e6e6;}

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


@media screen and (max-width: 800px) { 
	#cartTop {width:90%; margin:35px auto 45px auto;}
	#cartTop ul {width:33.3%; padding:10px 0 10px 40px;}
	#cartTop ul.step01 {background:url(/img/cart01.png) no-repeat 10px center; background-size:auto 50%;}
	#cartTop ul.step02 {background:url(/img/cart02.png) no-repeat 10px center; background-size:auto 50%;}
	#cartTop ul.step03 {background:url(/img/cart03.png) no-repeat 10px center; background-size:auto 50%;}
	#cartTop ul .small {font-size:11px;}
	#cartTop ul .big {font-size:15px;}

	.subCont {width:95%;}
}


/* 상품리스트 */
.gBox {float:left; width:20%; padding:25px 25px; border:1px solid transparent; text-align:center;}
.gBox .pic {width:177px; height:177px; margin:0 auto;}
.gBox .pic img {width:100%; height:100%;}
.gBox .cont {width:100%; height:30px; font-size:13px; font-weight:300; color:rgba(0,0,0,.7); padding:10px 0 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gBox .name {width:100%; font-size:16px; color:#000; font-weight:400; margin:0 0 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gBox .sobi {width:100%; height:20px; font-size:13px; color:rgba(0,0,0,.6); text-decoration:line-through;}
.gBox .price {font-weight:900; font-size:20px; margin:-5px 0 0 0;}
.gBox .price .won {font-weight:400; font-size:13px; }
.gBox:hover {border:1px solid #000; box-shadow:0 10px 20px rgba(0,0,0,.1);}




@media screen and (max-width: 800px) {
	.gBox {width:49%; padding:15px; margin:0 0 9px 0;}
	.gBox .pic {width:100%; height:auto; margin:0 0 10px 0;}
	.gBox .cont {font-size:11px; height:20px;; padding:0 8px 0 5%;}
	.gBox .name {font-size:13px; font-weight:400; margin:-3px 0 0 0; }
	.gBox .sobi { font-size:12px; padding:0 10px 0 5%; }
	.gBox .price {font-size:14px; font-weight:600; }
}

/* @media screen and (max-width: 640px) {
	.gBox {width:49%; background:#fff; padding:0 0 18px 0; margin:0 0 9px 0; text-align:left; border:1px solid rgba(0,0,0,.05); }
	.gBox .pic {width:100%; height:auto; margin:0 0 10px 0;}
	.gBox .cont {font-size:14px; padding:0 8px 0 5%; display:inline; }
	.gBox .name {font-size:16px; font-weight:400; margin:-3px 0 0 0; display:inline; }
	.gBox .sobi {display:inline; font-size:14px; padding:0 10px 0 5%; }
	.gBox .price {display:inline; font-size:19px; font-weight:600; }


} */




/* 마이페이지 */
.subLeft {float:left; width:150px; margin:25px 0 0 0; border-top:2px solid #55b53f; border-left:1px solid #cecece; border-right:1px solid #cecece; border-bottom:1px solid #cecece;}
.subLeft ul.name {height:75px; font-size:20px; font-weight:400; padding:0 0 0 30px; border-bottom:1px solid #cecece; line-height:78px;}
.subLeft ul {padding:25px 0; overflow:hidden;}
.subLeft ul li {line-height:24px; padding:0 0 0 30px; }
.subLeft ul li.on {color:#32901d; font-weight:500;}
/* .subLeft ul li a {color:#000;} */

.subCenter {float:left; width:1050px; margin:25px 0 0 0; padding:0 0 0 50px;}
.centerTit {height:75px; font-size:30px; border-bottom:0px solid #333; line-height:78px; color:#000;}

.boardWrap {width:100%; margin:0 0 40px 0; border:1px solid #cecece; padding:32px 0; text-align:center;}
.boardWrap h3 {font-size:22px; font-weight:400; }
.boardWrap strong {font-weight:400; color:#32901d; }
.boardWrap p {font-size:17px; color:#000; font-weight:400;}
.boardWrap span.small {font-size:14px; color:#4a4a4a; margin:0 0 0 20px; font-weight:300;}

@media screen and (max-width: 800px) {
	.subLeft {float:none; width:95%; margin:15px auto; border-left:0; border-top:0; border-right:0; border-bottom:0;}
	.subLeft ul.name {font-size:23px; padding:0; line-height:90px;}
	.subLeft ul {padding:0;}
	.subLeft ul li {float:left; width:25%; background:#f4f4f4; border-left:1px solid #cecece; border-bottom:1px solid #cecece; text-align:center; padding:12px 0; line-height:1; font-size:12px;}
	.subLeft ul li:last-child {border-right:1px solid #cecece; }
	.subLeft ul li.on {background:#fff; border-top:2px solid #55b53f; border-bottom:1px solid #fff; }
	.subCenter {float:none; width:95%; margin:0 auto; padding:0; font-size:18px;}
	.centerTit {height:30px; margin:20px 0 10px 0 ; font-size:18px; line-height:35px;}
}


/* 서브상품카테고리 */
#subTop {width:100%; padding:20px 0 0 0; background:; overflow:visible; z-index:0;}
#subTopG {width:100%; padding:20px 0; background:#f9f9f9; overflow:hidden; z-index:0;}
.subBest {width:1200px; margin:0 auto; overflow:visible; }

.subPath {float:left; width:150px; height:425px; margin:10px 0 0 0; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-top:2px solid #55b53f; overflow-y:auto;}
.subPath ul {overflow:hidden; padding:20px 15px;}
.subPath ul li {width:100%; padding:5px 0; font-size:14px; background:#fff; }
.subPath ul li a {display:block; cursor:pointer;}
.subPath ul li.on {color:#54b23e; font-weight:500;}

.bestPro {float:right; width:1030px; height:425px; margin:10px 0 0 0; padding:25px 35px; border:1px solid #d2d2d2;}
.bestPro .bTit {font-size:24px; font-weight:400; padding:0 0 8px 0; border-bottom:1px solid #d2d2d2;}

.bBox {float:left; width:25%; padding:25px 25px; border:1px solid transparent; text-align:center;}
.bBox .pic {width:177px; height:177px; margin:0 auto;}
.bBox .pic img {width:100%; height:100%;}
.bBox .cont {width:100%; height:30px; font-size:13px; font-weight:300; color:rgba(0,0,0,.7); padding:10px 0 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBox .name {width:100%; font-size:16px; color:#000; font-weight:400; margin:0 0 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBox .sobi {width:100%; height:20px; font-size:13px; color:rgba(0,0,0,.6); text-decoration:line-through;}
.bBox .price {font-weight:900; font-size:20px; margin:-5px 0 0 0;}
.bBox .price .won {font-weight:400; font-size:13px; }
.bBox:hover {border:1px solid #000; box-shadow:0 10px 20px rgba(0,0,0,.1);}



@media screen and (max-width: 800px) {
	.subBest {width:95%;}
	.subPath {float:none; width:100%; height:auto; margin:10px 0 0 0; border:1px solid #333; background:#fff;}
	.subPath ul {overflow:hidden; padding:0; }
	.subPath ul li {float:left; width:25%; padding:10px 0 10px 15px; font-size:12px; background:#fff; border-right:1px solid #eee;  border-bottom:1px solid #eee;}
	.subPath ul li a {display:block; cursor:pointer;}
	
	.subPath ul li.on {background:#54b23e; color:#fff;}

	.bestPro {float:none; width:100%; margin:20px auto; padding:0; border:0;}
	.bestPro .bTit {font-size:20px; padding:0 0 5px 0;}
	
	.bBox {width:49%; padding:15px; margin:0 0 9px 0;}
	.bBox .pic {width:100%; height:auto; margin:0 0 10px 0;}
	.bBox .cont {font-size:11px; height:auto; padding:0 8px 0 5%;}
	.bBox .name {font-size:13px; font-weight:400; margin:-3px 0 0 0; }
	.bBox .sobi { font-size:12px; padding:0 10px 0 5%; }
	.bBox .price {font-size:14px; font-weight:600; }
}

@media screen and (max-width: 640px) {
	.subPath ul li {float:left; width:33.3%;}
	.subPath ul li:nth-child(3n+3) {border-right:0;} 


}

/* 오늘의 파워상품 서브 */
.sPowerWrap {width:1200px; margin:0 auto; overflow:hidden;}
.sPowerWrap .sLeft {float:left; width:870px; height:372px; border:1px solid #dadada; padding:30px 0 0 0;}
.sPowerWrap .sRight {float:right; width:310px; height:372px; border:1px solid #dadada; }
.sPowerWrap .sRight .title {font-weight:900; font-size:17px; text-align:center; letter-spacing:2px; padding:20px 0 0 0;}

.spBox {float:left; width:33.3%; padding:25px 25px; border:1px solid transparent; text-align:center;}
.spBox .pic {width:177px; height:177px; margin:0 auto;}
.spBox .pic img {width:100%; height:100%;}
.spBox .cont {width:100%; height:30px; font-size:13px; font-weight:300; color:rgba(0,0,0,.7); padding:10px 0 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.spBox .name {width:100%; font-size:16px; color:#000; font-weight:400; margin:0 0 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.spBox .sobi {width:100%; height:20px; font-size:13px; color:rgba(0,0,0,.6); text-decoration:line-through;}
.spBox .price {font-weight:900; font-size:20px; margin:-5px 0 0 0;}
.spBox .price .won {font-weight:400; font-size:13px; }
/* .spBox:hover {border:1px solid #000; box-shadow:0 10px 20px rgba(0,0,0,.1);} */



@media screen and (max-width: 800px) {
	.sPowerWrap {width:100%; border:1px solid #dadada;}
	.sPowerWrap .sLeft {width:100%; height:280px; border:0; padding:0;}
	.sPowerWrap .sRight {width:50%; height:280px; background:#fafafa; margin:-10px 0 0 0; border:0;}
	.sPowerWrap .sRight .title {font-size:0; padding:0;}

	.spBox {width:49%; padding:15px; margin:0 0 9px 0;}
	.spBox .pic {width:100%; height:auto; margin:0 0 10px 0;}
	.spBox .cont {font-size:11px; height:auto; padding:0 8px 0 5%;}
	.spBox .name {font-size:13px; font-weight:400; margin:-3px 0 0 0; }
	.spBox .sobi { font-size:12px; padding:0 10px 0 5%; }
	.spBox .price {font-size:14px; font-weight:600; }
}


.spBox100 {position:relative; width:100%; padding:10px 25px 25px 25px; border:1px solid transparent; text-align:center;}
.spBox100 .tag {position:absolute; top:20px; left:40px; width:64px; height:64px; background:url(/img/icon_best.png) no-repeat center center; background-size:100%;}
.spBox100 .pic {width:177px; height:177px; margin:0 auto;}
.spBox100 .pic img {width:100%; height:100%;}
.spBox100 .cont {width:100%; height:30px; font-size:13px; font-weight:300; color:rgba(0,0,0,.7); padding:10px 0 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.spBox100 .name {width:100%; font-size:16px; color:#000; font-weight:400; margin:0 0 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.spBox100 .sobi {width:100%; height:20px; font-size:13px; color:rgba(0,0,0,.6); text-decoration:line-through;}
.spBox100 .price {font-weight:900; font-size:20px; margin:-5px 0 0 0;}
.spBox100 .price .won {font-weight:400; font-size:13px; }



@media screen and (max-width: 800px) {
	.spBox100 {width:100%; padding:15px; margin:0 0 9px 0;}
	.spBox100 .tag {top:20px; left:10px; width:50px; height:50px;}
	.spBox100 .pic {width:100%; height:auto; margin:0 0 10px 0;}
	.spBox100 .cont {font-size:11px; height:auto; padding:0 8px 0 5%;}
	.spBox100 .name {font-size:13px; font-weight:400; margin:-3px 0 0 0; }
	.spBox100 .sobi { font-size:12px; padding:0 10px 0 5%; }
	.spBox100 .price {font-size:14px; font-weight:600; }
}

/* 추천베스트 서브 */
.chuBox {float:left; width:286px; height:367px; background:#fff; padding:15px 35px; margin:0 18px 18px 0; border:1px solid #fff; text-align:center;}
.chuBox .pic {width:220px; height:220px; margin:0 auto 7px auto;}
.chuBox .pic img {width:100%; height:100%;}
.chuBox .txt {font-size:12px; color:rgba(0,0,0,.7); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.chuBox .name {font-size:16px; color:#000; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.chuBox .sobi {font-size:13px; text-decoration:line-through; color:rgba(0,0,0,.7); margin:10px 0 -5px 0;} 
.chuBox .price {font-size:20px; font-weight:700; color:#000;}
.chuBox .price .won {font-size:13px;}


.chuBox:hover {border:1px solid #000; box-shadow:0 10px 20px rgba(0,0,0,.1);}
.chuBox:nth-child(5) {margin:0 0 18px 0;}

@media screen and (max-width: 800px) {

	.chuBox {width:33.3%; height:255px; padding:10px; margin:0 0 8px 0;}
	.chuBox .pic {width:100%; height:130px;}
	.chuBox .pic img {width:auto; height:100%;}
	.chuBox .name {font-size:15px;}
	.chuBox .sobi {font-size:12px; margin:7px 0 -7px 0;}
	.chuBox .price {font-size:17px;}

	.chuBox:nth-child(5) {margin:0 0 8px 0;}
}


@media screen and (max-width: 640px) {

	.chuBox {width:50%; height:255px; padding:10px; margin:0 0 8px 0;}
	.chuBox .pic {width:100%; height:130px;}
	.chuBox .pic img {width:auto; height:100%;}
	.chuBox .name {font-size:15px;}
	.chuBox .sobi {font-size:12px; margin:7px 0 -7px 0;}
	.chuBox .price {font-size:17px;}

	.chuBox:nth-child(5) {margin:0 0 8px 0;}
}


/* 하단영역 */
.tripWrap {float:left; width:590px; background:#fff; margin:0 20px 0 0; overflow:hidden;}
.tripWrap .img {float:right;}
.tripWrap .list {float:left; width:304px; padding:25px 20px; }
.smallBox {width:50%; float:left; padding:10px; color:#000; text-align:center;}
.smallBox .pic {width:113px; height:113px;}
.smallBox .pic img {width:100%; height:100%;}
.smallBox .name {font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.smallBox .sobi {font-size:13px; text-decoration:line-through; color:rgba(0,0,0,.7);}
.smallBox .price {font-size:16px; font-weight:500; }
.smallBox .price .won {font-size:12px; }


.keyWrap {float:left; width:285px; height:464px; background:#fff;}
.keyWrap .kTop {width:100%; height:220px; background:#1bba8c; padding:25px; color:#fff;}
.keyWrap .kTop .kTit {font-weight:500; font-size:14px;}
.keyWrap .kTop .recNum {width:16px; height:16px; margin:0 10px 0 0 0; background:rgba(0,0,0,.3); font-size:9px; color:#fff; font-weight:500; text-align:center; line-height:16px; display:inline-block; }


/* 20201120 popup */
	#popup-wrap {
		position: fixed;
		top: 0;
		left: 0;
		/* width: 100%; */
		z-index: 99999;
		margin: 7em;
		display: flex;
		/* justify-content: center; */
	}
	#popup-wrap img {max-width: 100%;}
	#divpop,
	#divpop2,
	#divpop3{
		max-width: 100%;
		/* max-width: 500px; */
		box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1);
		/* margin: 1%; */
		background: #fff;
	}
	#divpop2 {left: 600px;}

	#divpop .popInner,
	#divpop2 .popInner {
		width: 100%;
		max-width: 500px;
		height: auto;
		/* max-height: 500px;
		overflow: auto; */
		padding: 30px;
		font-size: 13px;
		/* background: top left / cover url(/img/popBg-top.png) no-repeat, bottom right / cover url(/img/popBg-bot.png) no-repeat, #f5f5f5; */
	}
	#divpop .title,
	#divpop2 .title
	{
		font-size: 20px;
		font-weight: bolder;
		text-align: center;
		line-height: 2;
	}
	#divpop .date,
	#divpop2 .date
	{
		font-size: 12px;
		color: #555;
		text-align: right;
	}
	#divpop .textBox,
	#divpop2 .textBox {
		max-height: 360px;
		margin: 30px 0 10px;
		background: #fff;
		padding: 30px 20px;
		overflow-y: auto;
		font-size: 13px;
		line-height: 1.7;
	}
	#divpop .textBox::-webkit-scrollbar,
	#divpop2 .textBox::-webkit-scrollbar {
		display: block;
		width: 10px;
	}
	#divpop .textBox::-webkit-scrollbar-thumb,
	#divpop2 .textBox::-webkit-scrollbar-thumb {
		background: #ddd;
	}
	#divpop input,
	#divpop2 input {
		height: auto;
		margin: 0 3px 0 0;
		vertical-align: inherit;
	}
	#divpop .btn-wrap,
	#divpop2 .btn-wrap {
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	#divpop button,
	#divpop2 button {
		margin-top: 30px;
		text-align: center;
		border: none;
		background: #ebebeb;
		padding: 10px;
		width: 30%;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		opacity: 1;
	}
	#divpop .closePop,
	#divpop2 .closePop {
		background: #777;
		color: #fff;
	}

	#divpop button.on,
	#divpop2 button.on {
		background: #ccc;
	}
	#divpop .closePop.on,
	#divpop2 .closePop.on {
		background: #333;
	}

	#divpop .textBox li,
	#divpop2 .textBox li {
		margin: 10px 0;
	}
	#divpop .textBox li:not(.loc) {
		padding-left: 80px;
	}
	#divpop2 .textBox ul {margin: 30px 0;}

	#divpop .inputBox,
	#divpop2 .inputBox,
	#divpop3 .inputBox
	{
		width: 100%;
		/* max-width: 500px; */
		background: #333;
		color: #fff;
		padding: 5px 0;
		overflow: hidden;
		text-align: right;
		font-size: 12px;
		letter-spacing: -1px;
	}
	#divpop .inputBox input,
	#divpop2 .inputBox input {
		width: 12px;
		height: 18px;
		letter-spacing: -0.5px;
		vertical-align: sub;
	}
	#divpop .inputBox b,
	#divpop2 .inputBox b,
	#divpop3 .inputBox b 
	{
		color: #fff;
		margin-left: 5px;
		margin-right: 15px;
		letter-spacing: -0.5px;
	}

	@media screen and (max-width: 768px) {
		#popup-wrap {
			width: 100%;
			margin: 4em 0;
			justify-content: center;
		}
		#divpop .popInner,
		#divpop2 .popInner{
			padding: 20px;
		}
		#divpop .title,
		#divpop2 .title {
			font-size: 5vw;
		}
		#divpop1 .textBox,
		#divpop2 .textBox{
			max-height: 250px;
			padding: 20px 15px;
		}
	
		 #divpop3 .inputBox {padding-right: 30px;}
	}

	@media all and (max-width: 1000px){
		#popup-wrap {flex-wrap: wrap;}
	}
/* 20201120 popup end */