@import url('https://fonts.googleapis.com/css2?family=Metrophobic&display=swap');

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

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



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


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


/* 상단영역 */
header {display:none;}

#topWrap {width:100%; height:120px; top:0; background:#fff; padding:10px 0 0 0; margin:0 auto; overflow:visible; z-index:10;}
#topWrap .logo {width:166px; height:59px; background:url(/image/logo_new.png) no-repeat; margin:0 auto; background-size:100% auto;}
#topWrap .search {width:95%; margin:10px auto 0 auto;}
#topWrap .search input.se {width:90%; height:35px; background:#fafafa; border-top:1px solid #eee; border-left:1px solid #eee; border-bottom:2px solid #373533; border-right:0;}
#topWrap .search .btnSearch {float:right; width:10%; height:35px; background:url(/image/btn_searchB.png) no-repeat center center #fafafa; background-size:auto 60%; border-left:0; font-size:0; border-top:0px solid #eee; border-right:1px solid #eee; border-bottom:2px solid #373533; display:inline-block;}
#topWrap .search p.tag {display:none;}

#topWrap.fixed {position:fixed; top:0; width:100%; height:60px; background:#fff; z-index:9;}
#topWrap.fixed .search {display:none;}
#topWrap.fixed .topMy {margin:-32px 3% 0 0;}

/* .navM { position:absolute; } */

#topWrap .topMy {float:right; width:auto; height:35px; margin:-75px 2.5% 0 0; overflow:visible; }
.topMy .myInfo {display:none; float:left; width:25px; height:25px; background:url(/image/icon_mypage.png) no-repeat center center; padding:10px 0 0 0; background-size: auto 100%;}
.topMy .myInfo .big, .topMy .myInfo .small {display:none;}
	
.topMy .myCart {float:right; width:35px; height:23px; background:url(/image/icon_cart.png) no-repeat left center; margin:6px 0 0 0; position:relative; background-size:auto 100%;}
.topMy .myCart .cartNum {position:absolute; top:-7px; right:2px; width:18px; height:18px; border-radius:50%; background:#2f3434; color:#fff; text-align:center; font-size:9px; line-height:18px; display:inline-block;}

.topMy .myWallet {float:right; width:35px; height:29px; background:url(/image/wallet.png) no-repeat -5px center; background-size:auto 100%;}

@media only screen and (min-width: 680px) {
	header {display:block; width:100%; height:35px; background:; border-bottom:1px solid #e2e2e2;}
	header .lnbWrap {float:right;}
	header .lnbWrap > ul {overflow:hidden;}
	header .lnbWrap > ul > li {float:left; padding:0 10px; margin:10px 0; border-left:1px solid #e2e2e2; font-size:12px;}
	header .lnbWrap > ul > li:first-child {border-left:0;}

	#topWrap {width:95%; height:90px; top:0; padding:15px 0 0 0; margin:0 auto; }
	#topWrap .logo {float:left; width:140px; height:39px; background:url(/image/logo.png) no-repeat; background-size:100%; margin:10px 0 0 8px;}
	#topWrap .search {float:left; width:180px; margin:10px 0 0 3%;}
	#topWrap .search input.se {width:140px; height:35px; background:#fff; border-top:0px; border-left:0; border-bottom:4px solid #333; border-right:0;}
	#topWrap .search .btnSearch {float:right; width:40px; height:35px; background:url(/image/btn_searchB.png) no-repeat center center #fff; background-size:auto; border-left:0; font-size:0; border-top:0px solid #24221f; border-right:0px solid #24221f; border-bottom:4px solid #333; display:inline-block;}
	#topWrap .search p.tag {display:block; text-align:center; margin-top:9px;}
	#topWrap .search p.tag span {padding:0 10px; border-left:1px solid #eee; font-size:12px;}
	#topWrap .search p.tag span:first-child {border-left:0;}
	
    #topWrap.fixed {position:fixed; top:0; width:100%; height:65px; background:#fff; z-index:9;}
	#topWrap.fixed .search {display:none;}
	#topWrap.fixed .logo {float:none; margin:0 auto;}
	#topWrap.fixed .topMy {margin:-38px 4% 0 0;}
	#topWrap.fixed .topMy .myInfo {display:none;}
	#topWrap.fixed .navM {top:15px;}
	
	.navM { position:absolute;  }
    
	#topWrap .topMy {float:right; width:285px; height:53px; margin:0 0 0 0; overflow:visible; }
	.topMy .myInfo {display:block; float:left; width:177px; height:100%; border-top:1px solid #fff; border-right:1px solid #eee;  border-bottom:1px solid #fff; border-left:1px solid #fff; background:url(/image/icon_mypage.png) no-repeat 18px center; padding:5px 0 0 60px; background-size:auto}
	.topMy .myInfo:hover {border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #fff; background:url(/image/icon_mypage.png) no-repeat 18px center;}
	.topMy .myInfo:hover > .infoCont {display:block;}
	.topMy .myInfo .big {display:block; font-size:13px; font-weight:500; background:url(/image/arrow_down.png) no-repeat 88% center; }
	.topMy .myInfo .small {display:block; font-size:11px; margin:5px 0 0 0;}

	.topMy .myCart {float:right; width:53px; height:100%; background:url(/image/icon_cart.png) no-repeat 50% center; margin:0; background-size:auto 46%; position:relative;}
	.topMy .myCart .cartNum {position:absolute; top:5px; right:2px; width:20px; height:20px; border-radius:50%; background:#2f3434; color:#fff; font-size:10px; text-align:center; line-height:20px; display:inline-block;}

	.topMy .myWallet {float:right; width:55px; height:44px; background:url(/image/wallet.png) no-repeat center 8px; border-left:1px solid #eee; background-size:82% auto;}

	.infoCont {display:none; position:absolute; width:177px; background:#fff !important; margin:2px 0 0 -61px; padding:15px; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; z-index:99999 !important;}
	.infoCont .table {width:90%; margin:0 auto; border:1px solid #e3e3e3; }
	.infoCont .table p {border-bottom:1px solid #eee; padding:5px 15px; font-size:12px; background:url(/image/arrowR.png) no-repeat 95% center;}
	.infoCont .table p a {display:block;}
	.infoCont .table p:hover {background:url(/image/arrowR.png) no-repeat 95% center #f1f1f1; color:#000;}
	.infoCont .table p:last-child {border-bottom:0;}
}



@media only screen and (min-width: 768px) {
	header {display:block; width:100%; height:35px; background:; border-bottom:1px solid #e2e2e2;}
	header .lnbWrap {float:right;}
	header .lnbWrap > ul {overflow:hidden;}
	header .lnbWrap > ul > li {float:left; padding:0 10px; margin:10px 0; border-left:1px solid #e2e2e2; font-size:12px;}
	header .lnbWrap > ul > li:first-child {border-left:0;}
	#topWrap {width:95%; height:108px; top:0; padding:15px 0 0 0; margin:0 auto; }
	#topWrap .logo {float:left; width:155px; height:43px; background:url(/image/logo.png) no-repeat; background-size:100%; margin:18px 0 0 8px;}
	#topWrap .search {float:left; width:200px; margin:18px 0 0 5.5%;}
	#topWrap .search input.se {width:160px; height:39px; background:#fff; border-top:0px; border-left:0; border-bottom:4px solid #333; border-right:0;}
	#topWrap .search .btnSearch {float:right; width:40px; height:39px; background:url(/image/btn_searchB.png) no-repeat center center #fff; background-size:auto; border-left:0; font-size:0; border-top:0px solid #24221f; border-right:0px solid #24221f; border-bottom:4px solid #333; display:inline-block;}
	#topWrap .search p.tag {display:block; text-align:center; margin-top:9px;}
	#topWrap .search p.tag span {padding:0 10px; border-left:1px solid #eee; font-size:12px;}
	#topWrap .search p.tag span:first-child {border-left:0;}

	#topWrap.fixed {position:fixed; top:0; width:100%; height:85px; background:#fff; z-index:9;}
	#topWrap.fixed .search {display:none;}
	#topWrap.fixed .logo {float:none; margin:6px auto 0 auto;}
	#topWrap.fixed .topMy {margin:-40px 4% 0 0;}
	#topWrap.fixed .topMy .myInfo {display:none;}
	#topWrap.fixed .navM {top:27px;}

	#topWrap .topMy {float:right; width:320px; height:58px; margin:5px 0 0 0; overflow:visible; }
	.topMy .myInfo {display:block; float:left; width:186px; height:100%; border-top:1px solid #fff; border-right:1px solid #eee;  border-bottom:1px solid #fff; border-left:1px solid #fff; background:url(/image/icon_mypage.png) no-repeat 18px center; padding:7px 0 0 65px; background-size:auto}
	.topMy .myInfo:hover { background:url(/image/icon_mypage.png) no-repeat 18px center;}
	.topMy .myInfo:hover > .infoCont {display:block;}
	.topMy .myInfo .big {display:block; font-size:15px; background:url(/image/arrow_down.png) no-repeat 88% center; }
	.topMy .myInfo .small {display:block; font-size:12px; margin:4px 0 0 0;}

	.topMy .myCart {float:right; width:65px; height:100%; background:url(/image/icon_cart.png) no-repeat 10px center; background-size:auto; position:relative;}
	.topMy .myCart .cartNum {position:absolute; top:2px; right:10px; width:25px; height:25px; border-radius:50%; background:#2f3434; color:#fff; text-align:center; font-size:14px; line-height:25px; display:inline-block;}
	.topMy .myWallet {float:right; width:65px; height:100%; border-left:1px solid #eee; background:url(/image/wallet.png) no-repeat center 5px; background-size:auto; }

	.infoCont {display:none; position:absolute; width:186px; background:#fff !important; margin:1px 0 0 -66px; padding:15px; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000; z-index:99999 !important;}
}


@media only screen and (min-width: 1100px) {
	#topWrap {width:1100px; height:100px; padding:0; position:relative; }
	#topWrap .logo {float:left; width:80px; height:80px; background:url(/image/logo.png) no-repeat; margin:10px 0 10px 15px;}
	#topWrap .search {float:left; width:297px; margin:31px 0 0 171px; }
	#topWrap .search input.se {width:257px; height:44px; background:#fff; border-top:0px; border-left:0; border-bottom:4px solid #333; border-right:0;}
	#topWrap .search .btnSearch {float:right; width:40px; height:44px; background:url(/image/btn_searchB.png) no-repeat center center #fff; background-size:auto; border-left:0; font-size:0; border-top:0px solid #24221f; border-right:0px solid #24221f; border-bottom:4px solid #333; display:inline-block;}
	#topWrap .search p.tag {display:block; text-align:center; margin-top:9px;}
	#topWrap .search p.tag span {padding:0 10px; border-left:1px solid #eee; font-size:12px;}
	#topWrap .search p.tag span:first-child {border-left:0;}
    
	#topWrap.fixed {position:static; }

	.navM {display:none;}

	#topWrap .topMy {float:right; height:58px; margin:25px 0 0 0; overflow:visible; }
	
}

.tCir {float:right; margin:-2px 14px 0 0; width:20px; height:20px; border-radius:10px; border:1px solid rgba(0,0,0,.2); font-size:13px; text-align:center; line-height:18px; font-family:verdana; display:inline-block;}
.tLine {padding:1px 6px; border:1px solid rgba(0,0,0,.2);}
.tLine:hover, .tCir:hover {background:#2f3434; color:#fff;}




#topNav {clear:both; width:100%; height:40px; margin:-10px 0 0 0; padding:0 3%; background:#fff;  border-bottom:2px solid #24221f; border-top:0px solid #ddd; line-height:40px; overflow:visible; position:relative; z-index:2 !important;  box-shadow:0px 2px 3px rgba(0,0,0,.03); }
#topNav .tNav {width:100%; height:40px;}
#topNav .tNav .tCate {display:none;}
#topNav .tNav ul {overflow:hidden; height:100%;  }
#topNav .tNav ul li {float:left; width:20%; text-align:center; font-size:13px;  line-height:40px; color:#000; z-index:0;}

#topNav.fixed {position:fixed; top:70px; width:100%; height:40px; background:#f5f5f5; border-bottom:2px solid #24221f; border-top:1px solid #ddd; box-shadow:0px 2px 3px rgba(0,0,0,.3); z-index:10;}
#topNav.fixed .tCate {background:url(/image/t_cateW.png) no-repeat 40px center #24221f; color:#fff; border-bottom:1px solid #24221f;}

.tCate_sub {display:none; position:absolute; top:0px; left:50%; margin-left:-550px; width:1100px; height:auto; /* border-left:2px solid #24221f;  border-right:2px solid #24221f; box-shadow:1px 2px 8px rgba(0,0,0,.8); */   z-index:999;  }
.tCate_on {width:225px; height:44px; border-bottom:2px solid #24221f; color:#fff; font-size:14px; text-indent:82px; background:url(/image/icon_close.png) no-repeat 40px center #24221f;}
.tCate_sub > ul.sub {overflow:hidden; }

@media only screen and (min-width: 680px) {
	#topNav {background:#f5f5f5;}
	#topNav.fixed {position:fixed; top:75px; width:100%; height:40px; border-bottom:2px solid #24221f; border-top:1px solid #ddd; box-shadow:0px 2px 3px rgba(0,0,0,.3); z-index:10;}
}

@media only screen and (min-width: 768px) {	
	#topNav.fixed {top:95px; height:45px; line-height:45px;}
	
}

@media only screen and (min-width: 1100px) {
	#topNav {clear:both; width:100%; height:45px; margin:0; padding:0; background:#fff; border-bottom:2px solid #24221f; border-top:1px solid #ddd; line-height:45px; overflow:visible; position:relative; z-index:2 !important;  box-shadow:0px 2px 2px rgba(0,0,0,.03);}
	#topNav .tNav { width:1100px; height:45px; margin:0 auto;}
	#topNav .tNav .tCate {display:block; float:left; width:225px; height:43px; border-bottom:1px solid #24221f; color:#000; font-size:14px; line-height:43px; text-indent:82px; background:url(/image/t_cate.png) no-repeat 40px center #f5f5f5; cursor:pointer; z-index:-1;}
	#topNav .tNav ul {overflow:hidden; height:100%;  }
	#topNav .tNav ul li {float:left; width:20%; text-align:center; font-size:14px; font-weight:300; line-height:45px; color:#000; z-index:0;}

	#topNav.fixed {position:fixed; top:0; width:100%; height:45px; background:#fff; border-bottom:2px solid #24221f; border-top:1px solid #24221f; box-shadow:0px 2px 3px rgba(0,0,0,.3); z-index:10;}
	#topNav.fixed .tCate {background:url(/image/t_cateW.png) no-repeat 40px center #24221f; color:#fff; border-bottom:1px solid #24221f;}
}


/* top수정 */
.toptop {width:100%; height:124px; background:#fff;  /* overflow:hidden; */}
.toptop .navBg {position:fixed; top:164px; left:0; width:100%; height:55px; border-bottom:1px solid #dee2e7;}
.topWrap {position:relative; width:1200px; margin:0 auto; overflow:hidden;}
.topWrap .tLogo {
	float:left;
	width:190px;
	height:55px;
	background:url(/image/logo.png) no-repeat;
	background-size:100%;
	margin:36px 0 0;
}
.topWrap .tSearch {float:left; width:380px; height:43px; border-bottom:2px solid #2d3642; margin:43px 0 0 140px;}
.topWrap .tSearch input.search {float:left; width:88%; height:41px; background:#fff; border:0; }
.topWrap .tSearch .btnSearch {float:right; width:12%; height:43px; background:url(/image/icon_search.png) no-repeat center right; background-size:auto; display:inline-block; font-size:0; border:0;}

.topWrap .tGnb {float:right; margin:42px 0 0 0;}
.topWrap .tGnb .gIcon {float:left; width:60px; padding:33px 0 0 0; text-align:center; font-size:12px; font-weight:400;}
.topWrap .tLogin {background:url(/image/icon_t01.png) no-repeat center top;}
.topWrap .tMy {background:url(/image/icon_t02.png) no-repeat center top;}
.topWrap .tCart {background:url(/image/icon_t03.png) no-repeat center top;}
.topWrap .tGo {background:url(/image/icon_t04.png) no-repeat center top; display:none;}
.topWrap .mWallet {display:none; position:absolute; width:60px; background:url(/image/icon_wallet.png) no-repeat center top; padding:33px 0 0 0; text-align:center; font-size:12px; font-weight:400;}

.topWrap .mMenu {display:none; float:left; width:70px; height:115px; background:url(/image/icon_nav.png) no-repeat center center; background-size:22px auto; cursor:pointer;}
.topWrap .mMenu1 {display:none; float:left;}

.toptop.fixed {position:fixed; top:0; height:90px; background:#fff;  z-index:3;}
.toptop.fixed .tLogo {width:180px; height:52px; margin:17px 20px 0 0;}
.toptop.fixed .tSearch {margin:20px 0 0 170px;}
.toptop.fixed .adWrap {display:none;}
.toptop.fixed .tGnb {margin:20px 0 0 0;}
.toptop.fixed .mMenu1 {display:inline-block; width:50px; height:89px; background:url(/image/icon_nav.png) no-repeat center left; background-size:22px auto; }

.horLine {clear:both; width:100%; height:1px; background:#e9edf3; z-index:-1;}


@media screen and (max-width: 1200px) {	
	.toptop {height:110px;}
	.topWrap {width:100%; padding:0 2%;}
	.topWrap .tLogo {width:180px; height:52px; margin:36px 0 0 0;}
	.topWrap .tSearch {width:300px; height:40px; margin:35px 0 0 10%;}
	.topWrap .tSearch input.search {height:38px;}
	.topWrap .tSearch .btnSearch {height:40px;}

	.topWrap .tGnb .gIcon {width:50px; font-size:10px;}

	.toptop.fixed .tLogo {width:173px; height:50px;  margin:22px 0 0 0; }
	.toptop.fixed .tSearch {margin:20px 0 0 13%;}
}

@media screen and (max-width: 890px) {	
	
	.topWrap {padding:0 2%;}
	.topWrap .tLogo {width:155px; height:45px;}
	.topWrap .tSearch {width:210px;}
	.topWrap .tGnb {margin:35px 0 0 0;}
	.toptop.fixed .mMenu1 {}

	.toptop.fixed .tLogo {width:145px; height:42px;}
}

@media screen and (max-width: 768px) {
	.toptop {height:100px;}
	.topWrap {padding:0 2% 0 2.5%;}
	.topWrap .tLogo {width:121px; height:35px;}
	.topWrap .tSearch {width:200px;}
	/* .topWrap .mMenu {float:left; width:70px; height:115px; background:url(/image/icon_nav.png) no-repeat center center; background-size:22px auto; display:inline-block; } */
	.toptop.fixed .tLogo {width:114px; height:33px;}
	.toptop.fixed .tSearch { margin:20px 0 0 13%;}
	.toptop.fixed .mMenu {height:89px;}
	.toptop.fixed .mMenu1 {display:none;}
}

@media screen and (max-width: 690px) {
	.topWrap .tLogo {width:97px; height:28px;}
	.topWrap .tSearch {margin: 35px 0 0 10%;}

	.toptop.fixed .tLogo {width:90px; height:26px;}
	.toptop.fixed .tSearch {margin:20px 0 0 10%;}
}

@media screen and (max-width: 650px) {
	.toptop {height:80px; }
	.topWrap {}
	.topWrap .tLogo { margin:25px 0 0 0;}
	.topWrap .tSearch {width:38%; height:35px; margin:25px 0 0 10%;}
	.topWrap .tSearch input.search {height:33px;}
	.topWrap .tSearch .btnSearch {height:35px; background-size:auto 65%;}
	.topWrap .tGnb {margin:25px 0 0 0;}
	.topWrap .tGnb .gIcon {padding:31px 0 0 0;}
	.topWrap .tGnb .tLogin {}
	.topWrap .tGnb .tMy {/* display:none; */}
	
	.topWrap .mMenu {float:left; width:70px; height:80px; background:url(/image/icon_nav.png) no-repeat center center; background-size:22px auto;  display:inline-block; }

	.toptop.fixed {height:70px;}
	.toptop.fixed .tLogo {width:90px; height:26px; margin:15px 0 0 0;}
	.toptop.fixed .tSearch {width:38%; margin:20px 0 0 10%;}
	.toptop.fixed .tGnb {margin:14px 0 0 0;}
	.toptop.fixed .mMenu {height:69px;}
}

@media screen and (max-width: 640px) {
	.topWrap .tGnb .tLogin {}
	.topWrap .tGnb .tMy {display:none;}
	.topWrap .tGnb .tGo {display:inline-block;}
	.toptop .topWrap .tGnb .tGo .box {display: none; width:180px; background: #fff; border: 1px solid #000; border-radius: 15px; padding: 65px 23px 25px; position: fixed;top: 75px;right: 15px; z-index:5;}
	.toptop.fixed .topWrap .tGnb .tGo .box {top: 60px;}
	.topWrap .tGnb .tGo .box li {text-align: left; height: 28px; line-height: 28px; font-size:14px; text-indent: 37px; margin-bottom: 10px; position: relative;}
	.topWrap .tGnb .tGo .box li:nth-child(7) {margin: 0;}
	.topWrap .tGnb .tGo .box li.chk {background: url(/image/icon_chk.png)no-repeat right center; background-size: 16px;}
	.topWrap .tGnb .tGo .box li:nth-child(1) p.icon {width: 28px; height: 28px; background: url(/image/mall06.png) no-repeat center; background-size: 28px; position: absolute;top: 0;left: 0;}
	.topWrap .tGnb .tGo .box li:nth-child(2) p.icon {width: 28px; height: 28px; background: url(/image/mall07.png) no-repeat center; background-size: 28px; position: absolute;top: 0;left: 0;}
	.topWrap .tGnb .tGo .box li:nth-child(3) p.icon {width: 28px; height: 28px; background: url(/image/mall04.png) no-repeat center; background-size: 28px; position: absolute;top: 0;left: 0;}
	.topWrap .tGnb .tGo .box li:nth-child(4) p.icon {width: 28px; height: 28px; background: url(/image/mall03.png) no-repeat center; background-size: 28px; position: absolute;top: 0;left: 0;}
	.topWrap .tGnb .tGo .box li:nth-child(5) p.icon {width: 28px; height: 28px; background: url(/image/mall02.png) no-repeat center; background-size: 28px; position: absolute;top: 0;left: 0;}
	.topWrap .tGnb .tGo .box li:nth-child(6) p.icon {width: 28px; height: 28px; background: url(/image/mall01_01.png) no-repeat center; background-size: 28px; position: absolute;top: 0;left: 0;}
	.topWrap .tGnb .tGo .box li:nth-child(7) p.icon {width: 28px; height: 28px; background: url(/image/mall08.png) no-repeat center; background-size: 28px; position: absolute;top: 0;left: 0;}
	.topWrap .tGnb .tGo .box li a {display: block; width: 100%; height: 100%; position: absolute;top: 0;left: 0; font-weight: 600;}
	.topWrap .tGnb .tGo .box .tit {width: 128px; height: 16px; line-height: 16px; text-align: left; font-size:14px; font-weight: 800; position: absolute;top: 25px;left: 25px;}
	.topWrap .tGnb .tGo .box .tit .btn_x {width: 16px; height: 16px; background: url(/image/btn_x.png)no-repeat right 3px top; background-size: 12px; position: absolute;top: 0;right: 0;}
}


@media screen and (max-width: 560px) {
	.toptop {height:60px;}
	.topWrap .tLogo {width:97px; height:28px; margin:13px 0 0 0;}
	.topWrap .tSearch {width:45%; background:#f4f4f4; border-bottom:0; padding:0 13px; margin:15px 0 0 20px; border-radius:16.5px;}
	.topWrap .tSearch input.search {width:80%; background:transparent;}
	.topWrap .tSearch .btnSearch {width:20%; background-size:auto 50%;}
	.topWrap .tGnb {width:15%; margin:20px 2% 0 0; }
	.topWrap .tGnb .gIcon {width:50%; height:33px; font-size:0; padding:0;} 
	.topWrap .tGnb .tLogin {}
	.toptop .topWrap .tGnb .tGo .box {top: 55px; right: 5px;}
	.toptop.fixed .topWrap .tGnb .tGo .box {top: 55px;}
	.topWrap .tGnb .tGo .box li {font-size:14px;}
	.topWrap .tGnb .tGo .box .tit {font-size:13px;}
	.topWrap .tGnb .tGo .box .tit .btn_x {background: url(/image/btn_x.png)no-repeat right center; background-size: 12px;}
	.topWrap .mMenu {width:60px; height:60px; background-size:18px auto;}

	.toptop.fixed {height:60px;}
	.toptop.fixed .tLogo {width:90px; height:26px; margin:13px 0 0 0;}
	.toptop.fixed .tSearch {width:45%; margin:15px 0 0 20px;}
	.toptop.fixed .tGnb {margin:20px 2% 0 0;}
	.toptop.fixed .mMenu {height:60px; }
}

@media screen and (max-width: 490px) {
	.topWrap .tLogo {}
	.topWrap .tSearch { margin:15px 0 0 15px;}
	.topWrap .mMenu {width:50px; }

	
	.toptop.fixed .tSearch {margin:15px 0 0 15px;}
	.toptop.fixed .mMenu {width:50px; }
}

@media screen and (max-width: 460px) {
	.topWrap .tLogo {width:83px; height:24px;}
	.topWrap .tSearch {width:40%;}
	.topWrap .tGnb {width:19%; }
	.topWrap .tGnb .gIcon {}
	.topWrap .tGnb .tMy {}
	.topWrap .tGnb .tCart { }
	.topWrap .tGnb .tGo {float:right; background:url(/image/icon_t04M.png) no-repeat center top; padding:26px 0 0 0; font-size:10px; font-weight:400;}
	.topWrap .mWallet {display:none; right:2.5%; top:15px; width:40px; padding:22px 0 0 0; font-size:10px; font-weight:600; }
	
	.toptop.fixed .tLogo {width:76px; height:22px;}
	.toptop.fixed .tSearch {width:40%;}
	.toptop.fixed .tGnb {}
}

@media screen and (max-width: 435px) {
	/* .topWrap .tLogo {width:90px; height:32px;} */
	.topWrap .tSearch {margin:15px 0 0 10px;}

	.topWrap .tGnb {}

	/* .toptop.fixed .tLogo {width:90px; height:32px;} */ 
	.toptop.fixed .tSearch {margin:15px 0 0 10px;}
	.toptop.fixed .tGnb {/* margin:15px 8.5% 0 0; */}
}

@media screen and (max-width: 410px) {
	.topWrap .tSearch {width:36%;}
	.toptop.fixed .tSearch {width:36%;}
}

@media screen and (max-width: 380px) {
	.topWrap .tLogo {/* width:100px; height:22px; */}
	.topWrap .tGnb {}
	.topWrap .tSearch {/* width:45.5%; */}

	.toptop.fixed .tLogo {/* width:100px; height:22px; */}
	.toptop.fixed .tSearch {/* width:45.5%; */}
	.toptop.fixed .tGnb {}
}


.topNavN {width:100%; height:55px; background:#fff; border-top:1px solid #dee2e7;}
.topNavN .topInner {width:1200px; margin:0 auto; border-left:1px solid #dee2e7; border-right:1px solid #dee2e7; overflow:hidden;}
.topNavN .topCate {float:left; width:199px; height:55px; padding:10px; border-right:1px solid #dee2e7; cursor:pointer;}
.topNavN .topCate .cateName {width:100%; height:100%; background:#000; color:#fff; font-size:13px; border-radius:4px; line-height:36px; text-align:center;}
.topNavN .topCate .cateName img {margin:7px 7px 0 0;}
.topNavN .topMenu {float:left; font-size:15px; font-weight:500; line-height:55px; padding:0 0 0 20px; }
.topNavN .topMenu span {margin:0 12px;}
.topNavN .navGnb {float:right; font-size:14px; line-height:55px; padding:0 10px 0 0;}
.topNavN .navGnb span {padding:0 12px; border-left:1px solid #dee2e7;}
.topNavN .navGnb span:first-child {border-left:0;}
.topNavN .navGnb .wallet {background:url(/image/icon_wallet.png) no-repeat left center; padding:5px 12px 5px 30px; font-weight:500;}

.topNavN.fixed {position:fixed; top:90px; border-bottom:1px solid #dee2e7; box-shadow:0 8px 15px rgba(0,0,0,.07); z-index:3;}

@media screen and (max-width: 1200px) {	
	.topNavN { height:45px; border-left:0; border-right:0; border-bottom:1px solid #dee2e7;}
	.topNavN .topInner {width:100%;}
	.topNavN .topCate {width:150px; height:45px; padding:7px;}
	.topNavN .topCate .cateName { font-size:11px; line-height:33px; border-radius:3px; }
	.topNavN .topCate .cateName img {width:16px; height:auto;}
	.topNavN .topMenu {font-size:13px; line-height:45px; padding:0 0 0 10px;}
	.topNavN .topMenu span {margin:0 7px;}
	.topNavN .navGnb {font-size:12px; line-height:45px; padding:0 8px 0 0;}
	.topNavN .navGnb span {padding:0 8px;}
	.topNavN .navGnb .wallet {background-size:auto 90%; padding:3px 7px 3px 22px;}
}

@media screen and (max-width: 820px) {	
	.topNavN .topMenu {padding:0 10px; font-size:12px; border-right:1px solid #dee2e7;}
}

@media screen and (max-width: 768px) {
	.topNavN {height:40px;}
	.topNavN .topCate {width:130px; height:40px; padding:0;}
	.topNavN .topCate .cateName {background:#000; border-radius:0; font-size:12px; line-height:40px;}
	.topNavN .topCate .cateName img {width:17px; height:auto; margin:10px 7px 0 0;}
	.topNavN .topMenu {line-height:40px;}
	.topNavN .navGnb {line-height:40px;}
}

@media screen and (max-width: 680px) {
	.topNavN .topMenu {padding:0 0 0 6px;}
}

@media screen and (max-width: 650px) {
	.topNavN.fixed {top:70px;}
}

@media screen and (max-width: 640px) {	
	
	.topNavN .topMenu {border-right:0;}
	/* .topNavN .navGnb span:nth-child(2) {display:none;}
	.topNavN .navGnb span:nth-child(3) {display:none;} */
}

@media screen and (max-width: 560px) {
	.topNavN .topCate {width:110px; height:35px;} 
	.topNavN .topCate .cateName {line-height:35px;}
	.topNavN .topCate .cateName img {width:16px; margin:9px 7px 0 0;}
	
	.topNavN {height:35px;}
	.topNavN .topMenu {line-height:35px;}
	.topNavN .navGnb {line-height:35px;}
	.topNavN .navGnb span:nth-child(2) {display:none;}
	.topNavN .navGnb span:nth-child(3) {}

	.topNavN.fixed {top:60px;}
}

@media screen and (max-width: 460px) {
	.topNavN .topCate {width:25%;}
	.topNavN .topMenu {float:none;/*  width:100%; padding:0; */}
	.topNavN .topMenu span {float:left; width:16%; margin:0; text-align:center; display:inline-block;}
	.topNavN .navGnb {/* display:none; */}
	.topNavN .navGnb span:nth-child(3) {display:none;}
}

@media screen and (max-width: 400px) {
	.topNavN .navGnb span:nth-child(3) {display:none;}
}

@media screen and (max-width: 380px) {
	.topNavN .topMenu span {font-size:11px;}
}

/* 메인배너 수정 */
.mainWrap {position:relative; width:100%; height:auto; border-bottom:1px solid #dee2e7; z-index:3;}
.slick-slide img {width:1000px;}

.swiper-container {background-color:#000;}
.swiper-slide {overflow: hidden; height: auto; background: gray;}
/* .swiper-slide-prev {opacity:.5; transition:1s;}
.swiper-slide-next {opacity:.5; transition:1s;} */
.swiper-slide img {width: 100%;}


.hiddenM {display:block;}
.hiddenW {display:none;}


@media screen and (max-width: 500px) {
	.hiddenM {display:none;}
	.hiddenW {display:block;}
}


/* 메인비주얼 */
#mainWrap {clear:both; width:100%; height:auto; background:; z-index:-1;} 
.leftAd, .mCate {display:none;}


@media only screen and (min-width: 600px) {
	#mainWrap {clear:both; width:100%; z-index:-1;}
	.main {width:95%; margin:0 auto; }
}

@media only screen and (min-width: 768px) {
	.main {width:95%; }
}


@media only screen and (min-width: 1100px) {
	#mainWrap {clear:both; width:100%; height:450px; background:#fafafa  ; z-index:-1;}
	.main {width:1100px; margin:0 auto; overflow:visible; }
	.mCate {display:block; float:left; position:relative;  width:225px; height:450px; background:#353535; }
	.mCate > .category {padding:35px 0 0 0; }
	.mCate > .category > ul > li {color:rgba(255,255,255,.8); font-size:15px; padding:2.5px 0 2.5px 40px; z-index:201;}
	.mCate > .category > ul > li a {color:rgba(255,255,255,.8); display:block;}
	.mCate > .category > ul > li:hover {background:#fff; color:#222; }
	.mCate > .category > ul > li:hover a {background:#fff; color:#222; }
	.mCate > .category > ul > li:active > .cateSub {display:block;}

	.aCate { width:225px;  height:327px; background:#fff; border:2px solid #555; overflow:visible; z-index:201; }
	.aCate > .category1 {padding:35px 0; min-height:327px; height:auto; max-height:500px;}
	.aCate > .category1 > .cateLi {color:#222; text-align:left; padding:2.5px 0 2.5px 40px; text-indent:0; font-size:15px;  }
	.aCate > .category1 > .cateLi a {color:#222; display:block;}
	.aCate > .category1 > .cateLi:hover, .aCate > .category1 > .cateLi:hover a {}
	.aCate > .category1 > .cateLi:hover > .cateSub {display:block;}

	.cateSub {display:none; position:absolute; top:0; left:223px; width:877px; 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:#333; }
	.cateSub > dl > dd a {display:block;}
	.cateSub > dl > dd:hover {background:#222 !important; color:#fff !important; display:block;}
	.cateSub > dl > dd:hover a {background:#222 !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;}

	.mAd {float:left; width:875px;  }

	.leftAd {display:block; position:absolute; top:177px; left:50%; margin-left:-642px;}
	.leftAd p {margin-bottom:7px; border:1px solid #ccc;}
}


/* 메인롤링 */
.myTabPanel {position:relative; width:100%; min-height:200px; height:auto; overflow:hidden; }
.myTabPanel dl {position:relative; width:100%; height:100%; margin:0; padding:0; }
.myTabPanel dl dd {display:none; position: absolute; top:0; right:0; margin-right:0;}
.myTabPanel dl dt {display:none; float:left; width:19%; height:25px; margin:30% 0.05% 0 0.05%; background:rgba(0,0,0,.65); color:rgba(255,255,255,.7); z-index:1;}
.myTabPanel dl dt:first-child {margin:30% 0.05% 0 2%;}
.myTabPanel dl dd img { width:100%; height:auto; }
.myTabPanel dl dd.on{display:block;}


@media only screen and (min-width: 600px) {
	.myTabPanel { min-height:220px; height:auto; }
	.myTabPanel dl dd {display:none; position: absolute; top:0; right:0; margin-right:0;}
	.myTabPanel dl dt {display:block; position:relative; float:left; margin:33% 0.05% 0 0.05%; width:19%; height:30px; }
	.myTabPanel dl dt:first-child {margin:33% 0.05% 0 2%;}
	.myTabPanel dl dd img {min-width:100%; width:100%; min-height:220px; height:auto;}
}

@media only screen and (min-width: 960px) {
	.myTabPanel { min-height:350px; height:430px; }
	.myTabPanel dl dd {display:none; position: absolute; top:0; right:0; margin-right:0;}
	.myTabPanel dl dt {display:block; position:relative; float:left; margin:35% 0.05% 0 0.05%; width:19%; height:35px; }
	.myTabPanel dl dt:first-child {margin:35% 0.05% 0 2%;}
	.myTabPanel dl dd img {width:100%; min-height:350px; height:auto;}
}
	

@media only screen and (min-width: 1100px) {
	.myTabPanel { width:1100px; height:450px; margin:0; border-right:1px solid #ccc; overflow:hidden;}	
	.myTabPanel dl dd {display:none; position: absolute; top:0; right:0; margin-right:0;}
	.myTabPanel dl dt {display:block; position:relative; float:left; margin-top:397px; width:19%; height:35px; }
	.myTabPanel dl dt:first-child {margin:397px 0.05% 0 27px;}
	.myTabPanel dl dt h6 {text-align:center; line-height:35px; font-size:13px; font-weight:normal;}
	.myTabPanel dl dd img {width:1100px; height:450px;}
	.myTabPanel dl dt.on {background:#000; color:#fff; font-weight:bold;}	
}


/* 최근본 상품 */
#quick {display:none;}


@media only screen and (min-width: 1100px) {
	#quick {display:block; position:absolute; width:80px; top:180px; left:50%; margin-left:560px; background:#fff; z-index:9999;}
	#quick_position { position: relative; z-index:9999;}
	#quick div.quick_view { position: relative; width:80px; text-align:center; font-size:11px; background:#fff;}
	#quick div.quick_view > .tit {background:#dc3843; text-align:center; height:66px; color:#fff; font-family:malgun gothic;  font-size:11px; padding-top:20px; letter-spacing:0;}
	#quick div.quick_view > ul {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
	#quick div.quick_view > ul li {text-align:center; font-size:11px; color:#111; position:relative;}
	#quick div.quick_view > ul li.qorder {background:url(/image/quick_order.gif) no-repeat center bottom; height:50px; padding-top:13px;}
	#quick div.quick_view > ul li.qcart {background:url(/image/quick_cart.gif) no-repeat center bottom; height:50px; padding-top:13px;}
	#quick div.quick_view > ul li.qrecent {background:url(/image/quick_recent.gif) no-repeat center bottom; height:50px; padding-top:13px;}
	#quick div.quick_view > ul li .num {position:absolute; right:22px; bottom:0; width:16px; height:16px; border-radius:8px; background:#dc3843; color:#fff; font-weight:bold; text-align:center; line-height:16px; font-size:10px;} 
	#quick div.quick_view > ul li .close {background:url(/image/qx.gif); display:block; position:absolute; top:0; right:9px; width:13px; height:13px;}

	.close {background:url(/image/qx.gif); display:block; position:absolute; top:0; right:9px; width:13px; height:13px;}
	#btn_top { width:80px; height:20px; z-index:1;overflow:hidden;  margin-top:243px;}
	button.btn_top { display:block; position:relative; width:80px; height:20px; border:0;}
	button.btn_top span { width:80px; height:20px; background:url(/image/gotop.gif) no-repeat; }


	div#wb_recent_MainLayer{position: absolute; }
	div.wing_viewprd {width:100%; height:243px; padding-bottom:5px; border-left:1px solid #ccc; border-right:1px solid #ccc;background:#fff; overflow:hidden;}

	#wb_recentPrdBtn{position:absolute; width:85%; height:15px; bottom:15px/*408px*/; left:0px; margin:0 6px 0;}

	span.wb_rece ntPrdPg {width:100%;height:15px;}

	.btnctr_pn{position:relative; width:75px; height:20px; padding-right:0px;color:#666;font-family:tahoma,dotum;font-size:11px;letter-spacing:-1px;text-align:center; padding-bottom:3px;}

	.btnctr_pn em{color:#434343;font-weight:bold;}
	.btnctr_pn span{font-weight:bold;}
	.btnctr_pn button{display:block;position:absolute;bottom:0;width:19px;height:17px;padding:0;background:url(/image/prev_next12.gif) no-repeat 0 0;text-indent:-9999px;}
	.btnctr_pn button.in_prev{left:0;}
	.btnctr_pn button.in_next{right:0;background-position:100% 0;}
	.btnctr_pn button.in_prev{left:0px;border:0;}
	.btnctr_pn button.in_next{right:0px;border:0;}

}

/* 메인 middle MD추천 인기상품*/
#midWrap {width:100%; position:relative; }
.secLeft {display:none;}
.grayH {position:absolute; top:0; left:0; background:; width:100%; height:744px; z-index:-1;}
.secCenter {width:100%; border:1px solid #ccc;  height:auto; background:#fff; margin:7px 0 0 0; padding:0; overflow:hidden;}
.secCenter .line {width:100%; height:3px; background:url(/image/line.gif); margin:7px 0;}

.secRight {width:100%; height:180px;  padding:0 0 30px 0; margin:10px auto; overflow:hidden;}
.secRight li {position:relative; width:100%; height:180px; }
.secRight .sTop {position:absolute; top:10%; width:50%; font-size:12px;  text-align:center; z-index:2; }
.secRight .sTop .sTit {color:#fff; letter-spacing:0; font-size:18px; font-family:'NerisSemiBold', "Noto Sans KR"; padding:0 0 20px 0;}
.secRight .sTop .sTit strong {font-weight:bold;}
.secRight .sTop .sName {width:75%; margin:0 auto; color:#000; padding:7px 5px; border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2); font-size:13px; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.secRight .sTop .sMoney {font-size:12px; padding:13px 0 0 0; font-family:'NerisSemiBold', "Noto Sans KR"; }
.secRight .sTop .sSobi {color:rgba(0,0,0,.5); font-size:12px; font-weight:300; text-decoration:line-through;}
.secRight .sTop .sPrice {font-size:18px; font-weight:600; }

.secRight .frame {position:absolute; top:0; left:0; width:100%; height:180px; background:url(/image/frame_m2.png) no-repeat center center; z-index:0; background-size:100% auto; }
.secRight .sPic {position:absolute; right:0; bottom:0px; width:50%; text-align:center; z-index:-1; }
.secRight .sPic img {width:auto; height:180px; }

.banner1100 {width:100%; height:110px; margin:80px 0 50px 0; background:url(/image/banner_m.jpg) no-repeat center center; background-size:100% auto;} 

.midTit {font-size:20px; font-weight:400; color:#000; margin:20px 0 7px 0;}
.midTit1 {font-size:17px; font-weight:400; color:#000; margin:10px 0;}
.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: 460px) {
	.secCenter {width:100%; border:1px solid #ccc;  height:auto; background:#fff; margin:0 0 0 0; padding:25px; overflow:hidden;}
	.secCenter .line {width:100%; height:3px; background:url(/image/line.gif); margin:7px 0;}	
} */

@media only screen and (min-width: 600px) {
	.secCenter {float:left; width:65%;  height:305px; border:1px solid #ccc; margin:0px 1% 0 0; padding:0; }
	.secCenter .line {width:100%; height:5px; background:url(/image/line.gif); margin:7px 0;}

	.secRight {float:left; width:33%; height:305px;  padding:0; margin:0 0 0 0; }
	.secRight li {width:100%; height:305px; }
	.secRight .sTop {width:100%; top:7%;  font-size:13px;  }
	.secRight .sTop .sTit {letter-spacing:0px; font-size:17px;  padding:0 0 10px 0;}
	.secRight .sTop .sName {width:80%;  padding:5px 5px; font-size:13px;}
	.secRight .sTop .sMoney {font-size:12px; padding:13px 0 0 0;  }
	.secRight .sTop .sSobi { font-size:12px;}
	.secRight .sTop .sPrice {font-size:20px; }

	.secRight .frame {position:absolute; top:0; left:0; width:100%; height:305px; background:url(/image/frame_m.png) no-repeat center bottom; background-size:auto 125%;}
	.secRight .sPic {right:auto; bottom:24px; width:100%; text-align:center; z-index:-1; }
	.secRight .sPic img {width:auto; height:190px; }
	
	.banner1100 {width:100%; height:120px; margin:100px 0 50px 0; background:url(/image/banner.jpg) no-repeat center top; background-size:auto 100%;} 
}

@media only screen and (min-width: 768px) {
	#midWrap {margin:20px 0 0 0;}
	.secCenter {float:left; width:66%;  height:320px; border:1px solid #ccc; margin:0px 1% 0 0; padding:0px; }
	.secCenter .line {width:100%; height:5px; background:url(/image/line.gif); margin:7px 0;}

	.secRight {float:left; width:33%; height:320px;  padding:0; margin:0 0 0 0; }
	.secRight li {width:100%; height:320px; }
	.secRight .sTop {top:8%;  font-size:13px;  }
	.secRight .sTop .sTit {letter-spacing:0px; font-size:22px;  padding:10px 0;}
	.secRight .sTop .sName {width:80%;  padding:5px 5px; font-size:15px;}
	.secRight .sTop .sMoney {font-size:12px; padding:13px 0 0 0;  }
	.secRight .sTop .sSobi { font-size:12px;}
	.secRight .sTop .sPrice {font-size:20px; }

	.secRight .frame {position:absolute; top:0; left:0; width:100%; height:320px; background:url(/image/frame_m1.png) no-repeat center bottom; background-size:auto 115%;}
	.secRight .sPic {position:absolute; bottom:18px; width:100%; text-align:center; z-index:-1; }
	.secRight .sPic img {width:auto; height:135px; }
}

@media only screen and (min-width: 1100px) {
	#midWrap {width:100%; position:relative; padding:0; margin:0;}
	.grayH {position:absolute; top:0; left:0; background:; width:100%; height:796px; z-index:-1;}
	.secLeft {display:block; float:left; width:225px; height:457px; border:1px solid #ccc; margin:49px 16px 0 0;}
	.secLeft img {width:100%; height:auto;}

	.secCenter {float:left; width:737px; height:403px; border:1px solid #ccc; margin:0px 12px 0 0; padding:0; }
	.secCenter .line {width:100%; height:5px; background:url(/image/line.gif); margin:7px 0 10px 0;}

	.secRight { float:left; width:350px; height:403px;  padding:0; margin:0px 0 0 0; }
	.secRight li {position:relative; width:350px; height:403px; }
	.secRight .sTop {position:absolute; top:30px; width:100%; font-size:14px;  text-align:center; z-index:2; }
	.secRight .sTop .sTit {color:#fff; letter-spacing:4.5px; font-size:23px; font-family:'NerisSemiBold', "Noto Sans KR"; padding:0 0 20px 0;}
	.secRight .sTop .sTit strong {font-weight:bold;}
	.secRight .sTop .sName {width:75%; margin:0 auto; color:#000; padding:8px 5px; border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2); font-size:19px; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.secRight .sTop .sMoney {font-size:16px; padding:13px 0 0 0; font-family:'NerisSemiBold', "Noto Sans KR"; }
	.secRight .sTop .sSobi {color:rgba(0,0,0,.5); font-size:14px; font-weight:300; text-decoration:line-through;}
	.secRight .sTop .sPrice {font-size:22px; font-weight:600; }

	.secRight .frame {position:absolute; top:0; left:0; width:350px; height:403px; background:url(/image/frame.png) no-repeat center bottom; background-size:auto;}
	.secRight .sPic {position:absolute; bottom:24px; width:100%; text-align:center; z-index:-1; }
	.secRight .sPic img {width:auto; height:190px; }
	
	
	

	.banner1100 {width:100%; height:160px; margin:100px 0 50px 0; background:url(/image/banner.jpg) no-repeat center top; background-size:auto 100%;} 


	.midTit {font-size:25px;  color:#000; margin:45px 0 10px 0; letter-spacing:-0.8px;}
	.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;}
}



/* 메인_오늘의 파워상품 */
.powerBox {float:left; width:50%; height:273px; background:#fff; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:10px; position:relative; }
.powerBox:nth-child(2n) {border-right:0; }
.powerBox:nth-last-child(2) {border-bottom:0; }
.powerBox:last-child  {border-bottom:0; }
.powerBox .pic {width:100%; min-width:; text-align:center; max-width:; height:auto; max-height:; min-height:; margin:0 auto ; }
.powerBox .pic img {width:141px; height:auto; }
.powerBox .infoRight {width:100%; padding:10px 0 0 0; text-align:center;}
.powerBox .name {width:100%; margin:7px 0 0 0; font-size:14px; color:#000; font-weight:500; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.powerBox .text {width:100%; font-size:12px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.powerBox .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;}
.powerBox .price {font-weight:bold; font-size:17px; color:#000; font-family:'NerisSemiBold', "Noto Sans KR"; font-weight:400;}
.powerBox span {font-weight:normal; font-size:12px;}


@media only screen and (min-width: 600px) {
	.powerBox {height:306px; }
	.powerBox .pic {width:100%; min-width:; text-align:center; max-width:; height:auto; max-height:; min-height:; margin:0 auto ;}
	.powerBox .pic img {width:156px; height:auto; }
	.powerBox .infoRight {width:100%; padding:10px 0 0 0; text-align:center;}
	
}



@media only screen and (min-width: 768px) {
	.powerBox {height:160px; padding:6.5% 10px;}
	.powerBox .pic {float:left; width:45%; min-width:; max-width:; height:auto; max-height:; min-height:; margin:0 auto 0; }
	.powerBox .pic img {width:100px; height:auto; vertical-align:middle;}
	.powerBox .infoRight {float:right; width:50%; padding:0 0 0 0; text-align:left;}
	.powerBox .name {margin:0;}
}


@media only screen and (min-width: 1100px) {
	.powerBox {height:201.5px; padding:10px 0;}
	.powerBox .pic {width:179px; height:179px; margin:0 auto 0 auto; text-align:center;}
	.powerBox .pic img {width:90%; height:90%; margin:9px 0 0 0;}
	.powerBox .infoRight {padding:27px 10px 0 0px; }
	.powerBox .name {margin:8px 0 0 0; font-size:15px; color:#000;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.powerBox .text {font-size:12px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.powerBox .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:18px; }
	.powerBox .price {font-weight:700; font-size:23px; color:#000; }
	.powerBox span {font-weight:normal; font-size:13px;}
}



#tabMenu {width:100%; margin:0 auto 15px auto; }
#tabMenu > ul {overflow:hidden; display: flex; flex-wrap: wrap;}
#tabMenu > ul > li {float:left; width: 20%; height:35px; line-height:35px; text-align:center; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #c; font-size:12px; color:#646464; cursor:pointer; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#tabMenu > ul > li:nth-child(5) {border-right:1px solid #ccc;}
#tabMenu > ul > li:last-child {border-right:1px solid #ccc;}
#tabMenu > ul > li:not(:nth-of-type(-n+5)) {border-top: none;}
#tabMenu > ul > li a {display:block;}
#tabMenu > ul > li.on {background:#fff; border:2px solid #dc3843 !important; font-size:12px; color:#dc3843; font-weight:600;}
#tabMenu .tabCont {display:none; clear:both; overflow:hidden;}

#tabMenu1 {width:100%; margin:0 auto 15px auto; }
#tabMenu1 > ul {overflow:hidden; display: flex; flex-wrap: wrap;}
#tabMenu1 > ul > li {float:left; width: 20%; height:35px; line-height:35px; text-align:center; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #c; font-size:13px; }
#tabMenu1 > ul > li:last-child {border-right:1px solid #ccc;}
#tabMenu1 > ul > li:nth-child(5) {border-right:1px solid #ccc;}
#tabMenu1 > ul > li:not(:nth-of-type(-n+5)) {border-top: none;}
#tabMenu1 > ul > li a {display:block;}
#tabMenu1 > ul > li.on {background:#fff; border:1px solid #000 !important; font-size:13px; color:#000; font-weight:400;}
#tabMenu1 .tabCont {display:none; clear:both; overflow:hidden;}


#tabMenuPro {width:100%; margin:0 auto; }
#tabMenuPro > ul {overflow:hidden;}
#tabMenuPro > ul > li {float:left; width:33.3%; height:35px; background:#e2e2e2; line-height:35px; text-align:center;border-top:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #24221f; font-size:13px;  }
#tabMenuPro > ul > li a {display:block;}
#tabMenuPro > ul > li.on {background:#fff; border-top:1px solid #24221f; border-left:1px solid #24221f; border-right:1px solid #24221f; border-bottom:1px solid #fff; font-size:13px; color:#333; font-weight:400;}


@media only screen and (min-width: 1100px) {
	#tabMenu {width:100%; margin:0 auto 30px auto; }
	#tabMenu > ul {flex-wrap: nowrap;}
	#tabMenu > ul > li {float:left; height:48px; line-height:48px; text-align:center;  font-size:14px; color:#646464; cursor:pointer; border-top:1px solid #ccc !important;}
	#tabMenu > ul > li:nth-child(5) {border-right: none;}
	#tabMenu > ul > li a {display:block;}
	#tabMenu > ul > li.on {background:#fff; font-size:14px; }

	#tabMenu1 > ul > li:nth-child(5) {border-right:none;}
	#tabMenu1 > ul > li.on:nth-child(5) {border-right:1px solid #000; }
	#tabMenu .tabCont {display:none; clear:both; margin:30px 0 0 0 !important; overflow:hidden;}

	#tabMenu1 {width:100%; margin:0 auto 30px auto; }
	#tabMenu1 > ul {flex-wrap: nowrap;}
	#tabMenu1 > ul > li {float:left; height:48px; line-height:48px; text-align:center;  font-size:14px; color:#646464; cursor:pointer; border-top:1px solid #ccc !important;}
	/* #tabMenu1 > ul > li.width09 {width:14.28%;} */
	#tabMenu1 > ul > li a {display:block;}
	#tabMenu1 > ul > li.on {background:#fff; font-size:14px; }
	#tabMenu1 .tabCont {display:none; clear:both; margin:30px 0 0 0 !important; overflow:hidden;}


	#tabMenuPro {width:1100px; 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 #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #24221f; font-size:15px; color:#646464; cursor:;}
	#tabMenuPro > ul > li a {display:block;}
	#tabMenuPro > ul > li.on {background:#fff; border-top:1px solid #24221f; border-left:1px solid #24221f; border-right:1px solid #24221f; border-bottom:1px solid #fff; font-size:15px; }
}


/* 메인 카테고리베스트 */
.bestBox {float:left; width:50%; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 15px 20px 15px;  text-align:center; position:relative; }
.bestBox:nth-child(2n+1) {border-left:1px solid #ccc; }
.bestBox .pic {width:100%; max-width:180px; min-width:131px; height:131px; min-height:131px; max-height:180px; margin:0 auto; vertical-align:middle; }
.bestBox .pic img {width:100%; height:100%; max-height:100%; vertical-align:middle;}
.bestBox .name {margin:10px 0 0 0; font-size:14px; color:#000; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bestBox .text {font-size:12px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.bestBox .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;}
.bestBox .price {font-weight:bold; font-size:17px; color:#000; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700;}
.bestBox span {font-weight:normal; font-size:12px;}

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

@media only screen and (min-width: 600px) {
	.bestBox {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;  }
	.bestBox:nth-child(2n+1) {border-left:0; }
	.bestBox:nth-child(3n+1) {border-left:1px solid #ccc; }
	.bestBox .pic {width:100%; max-width:200px; min-width:162px; height:auto; min-height:162px; max-height:200px; margin:0 auto; vertical-align:middle; }
	.bestBox .pic img {width:100%; height:100%; max-height:auto; vertical-align:middle;}

}

@media only screen and (min-width: 660px) {
	.bestBox {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;  }
	.bestBox:nth-child(2n+1) {border-left:0; }
	.bestBox:nth-child(3n+1) {border-left:1px solid #ccc; }
	.bestBox .pic {width:100%; max-width:166px; min-width:; height:166px; min-height:; max-height:166px; margin:0 auto; vertical-align:middle; }
	.bestBox .pic img {width:100%; height:100%; max-height:auto; vertical-align:middle;}
	.bestBox .name {margin:10px 0 0 0; font-size:15px; color:#000; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.bestBox .text {font-size:12px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.bestBox .sobi {font-size:14px; text-decoration:line-through; color:#9d9d9d; margin:15px 0 0 0; height:18px; }
	.bestBox .price {font-weight:bold; font-size:20px; color:#000;}
	.bestBox span {font-weight:normal; font-size:13px;}

}

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

}

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


@media only screen and (min-width: 1100px) {
	.bestBox {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; }
	.bestBox:nth-child(2n+1) {border-left:0; }
	.bestBox:nth-child(3n+1) {border-left:1px solid #ccc; }
	.bestBox .pic {width:100%; max-width:294px; min-width:294px; height:294px; min-height:294px; max-height:294px; margin:0 auto; }
	.bestBox .pic img {width:100%; height:100%; max-height:auto; bottom:0; }
}






.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% !important;}
.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;}

.width09 {width:20%; }
.width09:nth-child(9n+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;}

	.width09 {width:11.11%;}
	.width09:nth-child(9n+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:1100px; 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%; }
}



/* special */
.speWrap {width:100%; height:281px; margin:120px auto 0; border-top:1px solid #000; border-bottom:1px solid #ddd; overflow:visible;}
.speWrap .speTit {float:left; width:50%; height:310px; margin:-30px 0 0 0; background:url(/image/icon_tag.png) no-repeat center 50px #606060; text-align:center; color:#fff; }
.speWrap .speTit p.big {padding:90px 0 0 0; text-align:center; font-weight:600; font-size:20px;} 
.speWrap .speTit p.small {font-weight:300; font-size:18px;} 
.speWrap .speTit p.xsmall {padding:40px 0 0 0; font-weight:300; font-size:13px;} 
.speWrap .speTit .btnGo {margin:20px auto; border:1px solid rgba(255,255,255,.3); padding:3px 15px; color:#fff; font-size:10px; display:inline-block; }
.speWrap .speBox {float:left; width:50%; height:280px; padding:15px 10px; text-align:center;}

.speBox .pic {width:100%; height:140px; }
.speBox .pic img {width:auto; height:100%;}
.speBox .name {width:90%; margin:10px auto 0; font-size:13px; color:#000;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.speBox .txt {width:90%; margin:0 auto; font-size:11px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.speBox .sobi {font-size:13px; text-decoration:line-through; color:#9d9d9d; margin:10px 0 0 0; height:18px; }
.speBox .price {font-weight:bold; font-size:18px; color:#000; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700;}
.speBox span {font-weight:normal; font-size:12px;}


@media only screen and (min-width: 600px) {
	.speWrap {width:90%; height:305px;}
	.speWrap .speTit {height:335px;}
	.speWrap .speTit p.big {font-size:22px;}
	.speWrap .speTit p.small {font-size:22px;}
	.speWrap .speTit p.xsmall {font-size:15px;}
	.speBox {height:305px;}
	.speBox .pic {width:100%; height:156px; }
	.speBox .name {width:80%; font-size:15px;}
	.speBox .txt {width:80%; font-size:12px;}
	.speBox .sobi {font-size:14px;}
	.speBox .price {font-size:17px;}
}

@media only screen and (min-width: 768px) {
	.speWrap {width:95%; height:350px;} 
	.speWrap .speTit {float:left; width:20%; height:380px; margin:-30px 0 0 0; background:url(/image/icon_tag.png) no-repeat center 50px #606060; text-align:center; color:#fff; }
	.speWrap .speTit p.big {padding:110px 0 0 0; text-align:center; font-weight:600; font-size:20px;} 
	.speWrap .speTit p.small {font-weight:300; font-size:18px;} 
	.speWrap .speTit p.xsmall {padding:40px 0 0 0; font-weight:300; font-size:13px;} 
	.speWrap .speTit .btnGo {margin:40px auto; border:1px solid rgba(255,255,255,.3); padding:3px 15px; color:#fff; font-size:11px; display:inline-block; }
	.speWrap .speBox {float:left; width:26.6%; height:430px; padding:20px; text-align:center;}

	.speBox .pic {width:160px; height:160px;}
	.speBox .pic img {width:100%; height:100%;}
	.speBox .name {width:90%; margin:10px auto 0; font-size:17px; color:#000;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.speBox .txt {width:90%; margin:0 auto; font-size:13px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.speBox .sobi {font-size:16px; text-decoration:line-through; color:#9d9d9d; margin:10px 0 0 0; height:18px; }
	.speBox .price {font-weight:bold; font-size:23px; color:#000; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700;}
	.speBox span {font-weight:normal; font-size:14px;}
}

@media only screen and (min-width: 1100px) {
	.speWrap {width:1100px; height:401px; margin:120px auto 0; border-top:1px solid #000; border-bottom:1px solid #ddd; overflow:visible;}
	.speWrap .speTit {float:left; width:200px; height:430px; margin:-30px 0 0 0; background:url(/image/icon_tag.png) no-repeat center 50px #606060; text-align:center; color:#fff; }
	.speWrap .speTit p.big {padding:110px 0 0 0; text-align:center; font-weight:600; font-size:22px;} 
	.speWrap .speTit p.small {font-weight:300; font-size:22px;} 
	.speWrap .speTit p.xsmall {padding:40px 0 0 0; font-weight:300; font-size:15px;} 
	.speWrap .speTit .btnGo {margin:40px auto; border:1px solid rgba(255,255,255,.3); padding:3px 15px; color:#fff; font-size:11px; display:inline-block; }
	.speWrap .speBox {float:left; width:300px; height:430px; padding:20px 30px; text-align:center;}

	.speBox .pic {width:240px; height:240px;}
	.speBox .pic img {width:100%; height:100%;}
	.speBox .name {width:90%; margin:10px auto 0; font-size:17px; color:#000;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.speBox .txt {width:90%; margin:0 auto; font-size:13px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.speBox .sobi {font-size:16px; text-decoration:line-through; color:#9d9d9d; margin:10px 0 0 0; height:18px; }
	.speBox .price {font-weight:bold; font-size:23px; color:#000; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700;}
	.speBox span {font-weight:normal; font-size:14px;}
}

/* 이벤트 */
#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:180px; margin:20px 0 0 0; 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:50px 0 0 0; height:80px;}
.mMenu ul li:hover {}
.menu01 {background:url(/image/icon01.jpg) no-repeat; background-position:center top;}
.menu02 {background:url(/image/icon02.jpg) no-repeat; background-position:center top;}
.menu03 {background:url(/image/icon03.jpg) no-repeat; background-position:center top; }
.menu04 {background:url(/image/icon04.jpg) no-repeat; background-position:center top;}


@media only screen and (min-width: 600px) {
	.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:180px; margin:20px 0 0 0; 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:50px 0 0 0; height:80px;}
	
	
	
	/* .mMenu {width:90%; height:100px;  margin:0px auto 0 !important; overflow:hidden; }
	.mMenu ul {float:left; width:25%; }
	    .mMenu ul li {text-align:center; font-size:12px; padding:75px 0 0 0; height:100px;} */
}


@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;}	

	.mMenu {width:100%; height:180px; margin:10px 0 0 0; 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:50px 0 0 0; height:80px;}
}


@media only screen and (min-width: 1100px) {
	.grayWrap {margin:80px 0 0 0;}
	#shopBottom {width:1100px; margin:100px auto; border-top:2px solid #000; 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 {width:75%; height:auto; margin:0 auto !important; 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:51px 0 0 0; height:78px;}
}

/* 메인하단 수정 */
.bottom {clear:both; width:95%; margin:80px auto; border-top:2px solid #000; padding:20px 0; overflow:hidden; }
.bottom .notice {width:100%; min-height:180px; padding:0 25px; border-bottom:1px solid rgba(0,0,0,.1);}
.bottom .tit {font-size:19px; color:#333; font-family:malgun gothic; font-weight:bold; margin-bottom:10px;}
.bottom .tit .small {display:block; font-size:11px;  color:#3f3f3f; margin-left:0; font-weight:normal;}

.bottom .quick {float:left; width:50%; }
.bottom .cscenter {float:left; width:50%; padding:20px 0 0 5%; border-left:1px solid rgba(0,0,0,.1);}
.bottom .cscenter .tel {font-size:25px; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#dc3843; margin-bottom:10px; letter-spacing:-0.8px;}
.bottom .cscenter .telInfo {font-size:11px;}


@media only screen and (min-width: 600px) {
	.bottom .quick {padding:5px 8%;}
	.bottom .cscenter .tel {font-size:30px; }
}

@media only screen and (min-width: 768px) {
	.bottom .notice {float:left; width:45%; padding:0 2%; border-bottom:0;}
	.bottom .tit {font-size:19px; color:#333; font-family:malgun gothic; font-weight:bold; margin-bottom:15px;}
	.bottom .tit .small {font-size:12px; }

	.bottom .quick {float:left; width:28%; padding:0 3%; border-left:1px solid rgba(0,0,0,.1); }
	.bottom .cscenter {float:left; width:27%; padding:0 0 25px 4%; border-left:1px solid rgba(0,0,0,.1);}
	.bottom .cscenter .tel {font-size:30px; }
	.bottom .cscenter .telInfo {font-size:11px;}
}

@media only screen and (min-width: 1100px) {
	.bottom {width:1100px; margin:130px auto 100px auto; border-top:2px solid #000; padding:40px 0; overflow:hidden;}
	.bottom .notice {float:left; width:450px; padding:0 25px;}
	.bottom .tit {font-size:19px; color:#333; font-family:malgun gothic; font-weight:bold; margin-bottom:15px;}
	.bottom .tit .small {display:inline; font-size:12px;  color:#3f3f3f; margin-left:10px; font-weight:normal;}

	.bottom .quick {float:left; width:300px; border-left:1px solid rgba(0,0,0,.1);}
	.bottom .cscenter {float:left; width:350px; padding:0 40px 12px 40px; border-left:1px solid rgba(0,0,0,.1); }
	.bottom .cscenter .tel {font-size:38px; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#dc3843; margin-bottom:10px; letter-spacing:-0.8px;}
	.bottom .cscenter .telInfo {font-size:11px;}
}



/* 하단영역 */


/* 로그인 */
#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;}

.loginWrap > ul.login1 {width:100%;}
.loginWrap > ul.login1 input {width:100%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login1 input.phone {width:25%; height:45px; border:1px solid #eaeaea; padding-left:5px; font-size:14px; background:#fafafa;}
.loginWrap > ul.login1 input.num1 {width:50%; height:45px; border:1px solid #eaeaea; padding-left:50px; font-size:14px;}
.loginWrap > ul.login1 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:#dc3843; 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:#dc3843; 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;   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.login1 {width:100%;}
	
	.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.5%; 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.login1 input {width:98%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px;}
   	.loginWrap > ul.login1 input.phone {width:29.5%; height:65px; border:1px solid #eaeaea; padding-left:5px; font-size:18px; background:#fafafa;}
	.loginWrap > ul.login1 input.num1 {width:50%; height:65px; border:1px solid #eaeaea; padding-left:50px; font-size:18px; }
	.loginWrap > ul.login1 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;}
}


/* 상품리스트 상단 */
#subTop {width:100%; padding:20px 0 0 0; background:; overflow:visible; z-index:0;}
.subBest {width:90%; margin:0 auto; overflow:visible; }
.subPath {width:100%; margin:10px 0 0 0; border:2px solid #333; background:#fff;}
.subPath ul {overflow:hidden; }
.subPath ul li {float:left; width:50%; font-size:12px; background:#fff; border-right:1px solid #eee;  border-bottom:1px solid #eee;}
.subPath ul li a {display:block; cursor:pointer; padding:10px 0 10px 15px;}
.subPath ul li:nth-child(2n+2) {border-right:0;} 
.subPath ul li.on {background:#dc3843; color:#fff;}


@media only screen and (min-width: 480px) {
	.subPath ul li {float:left; width:33.3%;}
	.subPath ul li:nth-child(2n+2) {border-right:1px solid #eee;} 
	.subPath ul li:nth-child(3n+3) {border-right:0;} 
}

@media only screen and (min-width: 560px) {
    .subPath ul li {float:left; width:33.3%; }
	.subPath ul li:nth-child(3n+3) {border-right:1px solid #eee;} 
	.subPath ul li:nth-child(4n+4) {border-right:0;}
}

@media only screen and (min-width: 768px) {
	.subBest {width:95%;}

	.subPath {width:100%; margin:10px 0 0 0; border:2px solid #333; background:#fff;}
	.subPath ul {overflow:hidden; }
	.subPath ul li {float:left; width:16.66%; font-size:14px; background:#fff; border-right:1px solid #eee;  border-bottom:1px solid #eee;}
	.subPath ul li a {display:block; cursor:pointer;}
	.subPath ul li:nth-child(4n+4) {border-right:1px solid #eee;}
	.subPath ul li:nth-child(6n+6) {border-right:0;} 
	.subPath ul li.on {background:#dc3843; color:#fff;}
}


@media only screen and (min-width: 1100px) {
	.subBest {width:1100px; margin:0 auto; overflow:visible;}
	
}


/* 카테고리 베스트 */
.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:12px;}
	.hiddenM {display:inline-block;}
}

@media only screen and (min-width: 768px) {
	.select { width:170px; background:url(/image/arrow_down.png) no-repeat 152px center #fff; text-indent:12px; font-size:13px;}
	.select_on {width:170px; top:10px; text-indent:12px; font-size:13px;}
	.select_on .set_top {background:url(/image/arrow_up.png) no-repeat 152px center; text-indent:12px; font-size:13px;}
}


/* 상품리스트 */
.goodsBox {float:left; width:50%; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 15px 20px 15px;  text-align:center; position:relative; }
.goodsBox:nth-child(2n+1) {border-left:1px solid #ccc; }
.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; 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:700; font-size:17px; color:#000;}
.goodsBox span {font-weight:normal; font-size:12px;}

@media only screen and (min-width: 399px) {
	.goodsBox .pic {width:100%; max-width:154px; min-width:154px; height:154px; min-height:154px; max-height:154px; 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%; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 15px 20px 15px;  text-align:center;  }
	.goodsBox:nth-child(2n+1) {border-left:0; }
	.goodsBox:nth-child(3n+1) {border-left:1px solid #ccc; }
	.goodsBox .pic {width:100%; max-width:200px; min-width:162px; height:auto; min-height:162px; max-height:200px; 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%; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 15px 20px 15px;  text-align:center;  }
	.goodsBox:nth-child(2n+1) {border-left:0; }
	.goodsBox:nth-child(3n+1) {border-left:1px solid #ccc; }
	.goodsBox .pic {width:100%; max-width:166px; min-width:; height:166px; min-height:; max-height:166px; 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; font-weight:bold; 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-weight:bold; 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:183px; min-width:; height:183px; min-height:; max-height:183px; 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:215px; height:215px; min-height:215px; 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:17px; color:#000; font-weight:400; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.goodsBox .text {font-size:13px;  color:#a4a4a4; height:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.goodsBox .sobi {font-size:16px; /* text-decoration:line-through; */ color:#9d9d9d; margin:15px 0 0 0; height:18px; }
	.goodsBox .price {font-weight:400; font-size:23px; color:#000;}
	.goodsBox span {font-weight:normal; font-size:14px;}
}


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

.aMask {position:absolute; top:0; left:0; width:100%; height:250%; background:rgba(0,0,0,0); z-index:999999999; }

/* 상품상세 */
.detailTop {width:100%; margin:0 auto; background:#fff; padding:20px; overflow:hidden; color:#333;}
.detailTop .dName {font-size:22px; color:#000; font-weight:bold; margin:0 0 20px 0;}
.detailTop .dPic {width:100%; height:auto; border:1px solid #e5e5e5;}
.detailTop .dPic img {width:100%; height:auto;}
.detailTop .dOption {width:100%; border-top:2px 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:1px 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:25px; color:#000; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; 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:2px 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:30px; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#dc3843;}
.dollar {width:43px; height:22px; background:url(/image/won1.gif) no-repeat center center; background-size:100%; display:inline-block;}	


@media only screen and (min-width: 640px) {
	.detailTop .dName {font-size:32px;  margin:0 0 20px 0;}
	.detailTop .dPic {float:left; width:50%; }
    .detailTop .dOption {float:right; width:48%; border-top:2px 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; border-top:1px solid #24221f;}
	.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:#dc3843;}
	.dollar {width:30px; height:15px; background:url(/image/won1.gif) no-repeat center center; background-size:100%; display:inline-block;}	
}


@media only screen and (min-width: 1100px) {
	.detailTop {width:1100px; margin:0 auto; padding:50px 0; }
	.detailTop .dName {font-size:32px;  margin:0 0 20px 0;}
	.detailTop .dPic {float:left; width:500px; }
    .detailTop .dOption {float:right; width:50%; border-top:2px solid #24221f; }
	.detailTop .dOption ul.big li {line-height:38px !important;}
	.detailTop .dOption ul.mid {height:60px !important; background:#f9f9f9; border-top:1px 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;}
	.detailTop .dOption ul li.stripe {font-size: 18px;}
	.dPrice { font-size:35px; 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:2px 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:#dc3843;}
	.dollar {width:43px; height:22px; background:url(/image/won2.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:25px 0 6px 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:#dc3843; 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 34px 6px 33px; margin:0 3px 0 0; width:auto;}
	.btnCart {float:left; text-align:center; font-size:18px; padding:15px 75px; margin:0 3px 0 0; width:auto;}
	.btnBuy {float:left; text-align:center; font-size:18px;  padding:15px 75px; 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:1100px; height:168px; background:; padding:48px 0 0 0;}
	.cartTit {width:1100px; 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:1100px; min-height:600px;margin:0 auto; padding:0 0 100px 0;} 
}

/* 장바구니 table */
.cartTable {width:100%; overflow:visible; position:relative;}
.cartTable .table {width:100%; border-top:2px solid #696969;}
.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:33%;}
.cartTable .table ul.tdLine li.proName .pic img { width:100px; height:100px;}
.cartTable .table ul.tdLine li.proName .cartName {float:left; width:67%; padding:20px 10px 0 0;  line-height:1.5; text-align:left; }
.cartTable .table ul.tdLine li.proName .cartName .name {font-size:14px; color:#333; font-weight:500;}
.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; width:30%; }
.cartTable .table ul.tdLine li.pv1 {font-size:12px;}
.cartTable .table ul.tdLine li span.cPv {position:absolute; right:3%; top:30px;}
.cartTable .table ul.tdLine li span.ctPv {position:absolute; right:3%; top:70%;} 
.cartTable .table ul.tdLine li.coop {width:40%; padding:25px 0 0 0; }
.cartTable .table ul.tdLine li .input_F {width:100px; margin-left:10px;}



.lineT {display:block; overflow:visible; width:100% !important; height:120px; margin:15px 0 0 0; }
.lineB {display:block; overflow:hidden; width:100% !important; height:100px;  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; line-height:1.1; font-family:'NerisSemiBold', "Noto Sans KR"; font-weight:500; font-size:15px; right:3%; top:10px;}
.ctNum {position:absolute; color:#333;  font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; font-size:16px; right:3%; top:48px;}

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

@media only screen and (min-width: 370px) {
	.cartTable .table ul.tdLine li.coop {width:29%; padding:25px 0 0 0;}
	.cartTable .table ul.tdLine li .input_F {width:100px; margin-left:5px;}
}

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

	.cartTable .table ul.tdLine li.acount {line-height:1.5; width:27%; }
	.cartTable .table ul.tdLine li.proName .cartName .name {font-size:18px; color:#333; font-weight:600;}

	.lineB {height:70px;}

	.cartTable .table ul.tdLine li span.cPv {position:absolute; right:29%; top:63%;}
	.cartTable .table ul.tdLine li span.ctPv {position:absolute; right:4%; top:60%;}
	.cNum {position:absolute; color:#333;  font-family:'NerisSemiBold', "Noto Sans KR"; font-weight:500; font-size:15px; right:28%; top:25%;}
	.ctNum {position:absolute; color:#333;  font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; font-size:17px; right:3%; top:25%;}

	.cartTable .table ul.tdLine li .input_F {width:100px; margin-left:-10px;}
}

@media only screen and (min-width: 580px) {
	.cartTable .table ul.tdLine li.coop {width:10%; }
	.cartTable .table ul.tdLine li .input_F {width:100px; margin-left:0px;}

	.w15 {width:30%;}
	.w45 {width:45%;}
}

@media only screen and (min-width: 720px) {
	.cartTable .table ul.tdLine li.coop {width:20%;}
}

@media only screen and (min-width: 960px) {
	.cartTable .table ul { width:100%; position:static; }
	.cartTable .table ul li {float:left; }
	.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% 30px 0 ;  line-height:1.5; text-align:left;}
	.cartTable .table ul.tdLine li.proName .cartName .name {font-size:18px; color:#333; padding:0 0 0 55px;}
	.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 span.cPv {position:inherit; right:26%; top:100px;}
	.cartTable .table ul.tdLine li span.ctPv {position:inherit; right:8%; top:101px;}
	.cartTable .table ul.tdLine li.acount {line-height:1.5;  width:10%; }
	.cartTable .table ul.tdLine li.coop {width:10%; padding:4% 0 0 10px;}
	.cartTable .table ul.tdLine li.pv1 {width:14%;}
	.cartTable .table ul.tdLine li.Sum {width:21%;}

	.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; margin:45px 0 0 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%;}
	.w40 {width:40%;}
	.w50 {width:50%;}
	.pv {line-height:1 !important; padding:4% 0 0 0; }

}



.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:#dc3843; padding:15px 15px; font-size:13px; border:1px solid #dc3843; 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:#6f6f6f; 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:2px 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:#dc3843; padding:15px 25px; font-size:15px; border:1px solid #dc3843; 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; 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%; font-family: 'NerisSemiBold', "Noto Sans KR";}
.gray_list input,
.gray_list select {border: 1px solid #ccc; border-radius: 0.35em; font-family: 'NerisSemiBold', "Noto Sans KR";}
.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:12px; 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; color: #333;}
.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;}


.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; background:url(/image/userNav1.png) no-repeat top/100%; display:inline-block; font-size:0px; border:none; cursor:pointer; }


@media only screen and (min-width: 768px) {
	.gray_list table th {font-size:14px;}
	.gray_list table td:first-of-type {font-size:14px;}
	.gray_list table td:last-of-type:not('.right') {font-size:12px;}

	.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:30px; height:30px; background:url(/image/userNav1.png) no-repeat top/100%; display:inline-block; font-size:0px; border:none;}
}



/* 주문결제 */
.trans_list {width:100%; font-family: 'NerisSemiBold', "Noto Sans KR";}
.trans_list table {border-top:2px solid #24221f; width:100%;}
.trans_list table th {width:16.6%; background:url(/image/icon_check.gif) no-repeat 10px center #fcfcfc; border-bottom:1px solid #e0e0e0; border-right:0px dotted #e0e0e0; height:40px; font-size:13px; color:#333; text-align:left; padding-left:25px; 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:3px 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:23px !important;}
.transBox ul li.td .moneyRed {font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#dc3843; font-size:30px !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:3px solid #24221f;}
.borNone {border:none !important;}

.tSub {font-weight: 500; font-size:12px; color:#000;}

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



/* 마이페이지 */
.myTit {/* background:url(/image/tit_my.png) no-repeat left center; background-size:auto 100%; */ height:40px; /* padding-left:45px; */ font-weight:; 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:; 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:; 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:; 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-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-size:33px; line-height:56px; margin:20px 0;}
	.csTit {/* background:url(/image/tit_cs.png) no-repeat; */ height:56px; /* padding-left:65px; */  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-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; 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; 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:#ec6373; 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; color:#ec6373; 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:auto; }
.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;}
.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:#df5e51;}
.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; 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:#df5e51;}
.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:auto; }
	.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:#df5e51;}
	.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:#df5e51;}
	.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:auto; }
	.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:#df5e51;}
	.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:#df5e51;}
	.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:auto; }
	.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:#df5e51;}
	.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:#a5d14f;}
	.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:#a5d14f; 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:#a5d14f; 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-weight:bold; font-size:18px; 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;}



/* 아이디/비밀번호찾기 */
.txtB {font-size:15px; padding:204px 0 2px 130px; color:#000;}
.txtS {font-size:12px; padding-left:182px; color:#a7a7a7;}
.find {}
.find ul {float:left; }
.find ul.left {width:100%; margin:10px 0 0 0;}
.find ul li {overflow:hidden;}
.find ul li dd {float:left; margin-top:0px; height:29px; }
.find ul li dd.name {width:100px; font-size:13px; text-indent:25px; line-height:29px;}
.btnFind {background:#dc3843; text-align:center; color:#fff; width:100%; height:50px; font-size:15px; line-height:50px; margin-top:10px; display: inline-block;}

.idTab { width:100%; }
.idTab ul {overflow:hidden;}
.idTab ul li {width:50%; height:40px;float:left; background:#fafafa;border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center; font-size:13px; line-height:40px;}
.idTab ul li a {display:block;}
.idTab ul li.on a {color:#000; display:block;}
.idTab ul li.on {border-bottom:1px solid #fff; border-top:1px solid #333; background:#fff;}
.idTab ul li:first-child {border-left:1px solid #eee;}



/* 20210729 myoffice10 CSS */
.text-red {color: red;}
.text-blue {color: blue;}

.text {font-size: 1rem;}
.small {font-size: .75rem;}
.big {font-size: 1.5rem;}

.tabs {
	display: flex;
	margin: 3% 0 5%;
}
.tabs .w02 {
	width: 50%;
	text-align: center;
	padding: 1%;
	border: 1px solid #ccc;
	border-bottom-color: #dc3843;
	color: #555;
}
.tabs .w02.on {
	font-weight: 500;
	background: none;
	border: 1px solid #dc3843;
	border-bottom: 0;
	color: #333;
}

.flex {display: flex; align-items: center;}

#search_form {
	border: 1px solid #ccc;
	padding: 2%;
	margin-bottom: 1%;
}
#search_form.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.total-wrap {
	border: 1px solid #ccc;
	padding: 1%;
	margin-bottom: 1%;
}

.listBox {
	flex-wrap: wrap;
	align-items: center;
	border: 1px solid #ccc;
	padding: 2% 3%;
	margin-bottom: 1%;
}
.listBox > ul {
	width: 50%;
	align-items: baseline;
}
.listBox > ul.right {
	font-weight: 500;
	text-align: right;
	width: 50%;
}
.listBox .name {
	font-weight: 500;
	margin-left: 3%;
}
.listBox .bottom {
	margin: 0;
	border: none;
	background: #f5f5f5;
	padding: .5% 2%;
	margin-top: 1%;
}
/* 20210729 myoffice10 CSS end */


.conSub {width:100%; padding:20px; border:1px solid #ddd; margin-bottom:20px; overflow:hidden;}
.conSub ul {float:left;}
.conSub .tree_sel {width:200px; margin-right:20px;}


@media only screen and (max-width: 620px) {
	.conSub .num03 {width:100%;}
}


/* 20201120 popup */
	#popup-wrap {
		position: fixed;
		top: 15%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 99999;
		width: fit-content;
		/* max-width: 600px; */
		display: flex;
		justify-content: center;
		align-items: baseline;
	}
	#popup-wrap img {max-width: 100%;}
	#popup-wrap table {
		width: 100%;
		margin-bottom: 1em;
		border: 2px solid #000;
	 }
	#popup-wrap table th,
	#popup-wrap table td	{
		padding: 0.35em 0.5em;
		border: 1px solid #111;
		text-align: center;
	}

	#divpop,
	#divpop2,
	#divpop3{
		width: 100%;
		max-width: 450px;
		box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1);
		margin: 1%;
		background: #f1f1f1;
	}
	#divpop2 {left: 600px;}

	#divpop .popInner,
	#divpop2 .popInner,
	#divpop3 .popInner{
		width: 100%;
		/* max-width: 500px; */
		height: auto;
		/* max-height: 500px;
		overflow: auto; */
		padding: 0;
		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,
	#divpop3 .title
	{
		font-size: 20px;
		font-weight: bolder;
		text-align: center;
		line-height: 2;
	}
	#divpop .date,
	#divpop2 .date,
	#divpop3 .date
	{
		font-size: 12px;
		color: #555;
		text-align: right;
	}
	#divpop .textBox,
	#divpop2 .textBox,
	#divpop3 .textBox{
		max-height: 400px;
		margin: 30px 0 10px;
		background: #fff;
		padding: 30px 20px;
		overflow-y: auto;
		font-size: 13px;
		line-height: 1.7;
		font-weight: 400;
	}
	#divpop .textBox::-webkit-scrollbar,
	#divpop2 .textBox::-webkit-scrollbar,
	#divpop3 .textBox::-webkit-scrollbar{
		display: block;
		width: 10px;
	}
	#divpop .textBox::-webkit-scrollbar-thumb,
	#divpop2 .textBox::-webkit-scrollbar-thumb,
	#divpop3 .textBox::-webkit-scrollbar-thumb{
		background: #ddd;
	}
	#divpop input,
	#divpop2 input,
	#divpop3 input{
		height: auto;
		margin: 0 3px 0 0;
		vertical-align: inherit;
	}
	#divpop .btn-wrap,
	#divpop2 .btn-wrap,
	#divpop3 .btn-wrap{
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	#divpop button,
	#divpop2 button,
	#divpop3 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,
	#divpop3 .closePop{
		background: #777;
		color: #fff;
	}

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

	#divpop .textBox li,
	#divpop2 .textBox li,
	#divpop3 .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,
	#divpop3 .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: 400px) {
		#divpop .popInner,
		#divpop2 .popInner,
		#divpop3 .popInner{
			
		}
		#divpop .title,
		#divpop2 .title,
		#divpop3 .title{
			font-size: 5vw;
		}
		#divpop1 .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 250px;
			padding: 20px 15px;
		}
	
		 #divpop3 .inputBox {/* padding-right: 30px; */}
	}

	@media all and (max-width: 1000px){
		#popup-wrap {
			width: 90%;
			top: 5em;
			transform: translateX(-50%);
			flex-wrap: wrap;
		}
		#divpop .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 350px;
		}
	}
/* 20201120 popup end */



/* 하단메뉴 */
.fixMenu {display:none; z-index:10;}

@media screen and (max-width: 640px) {
	.fixMenu {position:fixed; bottom:0; width:100%; height:56px; background:#fff; border-top:1px solid rgba(0,0,0,.1); box-shadow:0 0 20px rgba(0,0,0,.06); display:block; z-index:3;}
	.fixMenu ul {width:95%; height:100%; margin:0 auto;}
	.fixMenu ul li {float:left; width:20%; height:100%; background-size:25px auto;}
	.fixMenu ul li p {padding:35px 0 0 0; font-size:12px; font-weight:600; text-align:center;}
	.fixMenu ul li.home {position:relative;}
	.fIcon01 {background:url(/image/ficon01.png) no-repeat center 7px;}
	.fIcon02 {background:url(/image/ficon02.png) no-repeat center 7px;}
	.fIcon03 {background:url(/image/ficon03.png) no-repeat center 7px;}
	.fIcon04 {background:url(/image/ficon04.png) no-repeat center 7px;}

	.fixMenu .cir {position:absolute; top:-15px; left:50%; margin-left:-30px; width:60px; height:60px; background-size:60% auto; border-radius:50%; border:1px solid rgba(0,0,0,.1); box-shadow:0 7px 10px rgba(0,0,0,.1); }
	.fcIcon01 {background:url(/image/shop.png) no-repeat center center #fff; }
}



.nameWrap {overflow:hidden;}
.nameBox {float:left; width:32%; margin:0.5% 0 0.5% 0.5%; padding:25px; text-align:center; font-size:15px; border:1px solid #d9d9d9; border-radius:7px;}
.nameBox:hover {border:1px solid #939393; background:#939393; color:#fff;}
.nameBox p {padding:0 0 10px 0;}
.nameBox strong {font-size:18px;}
.nameBox:nth-child(3n+1) {margin:0.5% 0 0.5% 0;}

@media all and (max-width:520px) {
	.nameBox {padding:20px; font-size:13px;}
	.nameBox strong {font-size:15px;}
}

@media all and (max-width:420px) {
	.nameBox {padding:15px;}
	.nameBox strong {font-size:14px;}
}


/* 테이블 */
.nor_list {width:100%; }
.nor_list table {width:100%; font-size:14px; border-top:2px solid #454545; }
.nor_list table th {padding:15px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,.1); }
.nor_list table td {padding:15px; background:#fff; border-bottom:1px solid rgba(0,0,0,.1); }

.nor_list1 {width:100%; }
.nor_list1 table {width:100%; font-size:14px; border-top:2px solid #454545; }
.nor_list1 table th {padding:15px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,.1); }
.nor_list1 table td {padding:15px; background:#fff; border-bottom:1px solid rgba(0,0,0,.1); }

.oTab {width:100%; margin:0 0 40px 0; overflow:hidden;}
.oTab ul li {float:left; width:33.3%; background:rgba(0,0,0,.02); padding:13px 0; font-size:14px; font-weight:400; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #333; border-radius:20px 20px 0 0; display:inline-block;}
.oTab ul li.on {background:#fff; color:#000; font-weight:600; border-left:1px solid #333; border-top:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff;}


@media all and (max-width:960px) {
	.nor_list table {font-size:13px;}
	.nor_list table th {padding:13px;}
	.nor_list table td {padding:13px;}

	.nor_list1 table {font-size:13px;}
	.nor_list1 table th {padding:13px;}
	.nor_list1 table td {padding:13px;}
}

@media all and (max-width:768px) {
	.nor_list table {font-size:11px;}
	.nor_list table th {padding:13px;}
	.nor_list table td {padding:13px;}

	.nor_list1 table {font-size:11px;}
	.nor_list1 table th {padding:13px;}
	.nor_list1 table td {padding:13px;}

	.oTab ul li {padding:10px 0; font-size:13px;}
}

@media all and (max-width:640px) {
	.nor_list {}
	.nor_list table {}

	.nor_list1 {overflow-x:scroll;}
	.nor_list1 table {width:640px;}
}