/* 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;} 
}


/* 상단영역 */
.topTop {width:100%; height:40px; background:#f4f6f9; border-bottom:1px solid #dee2e7;}
.topTop .inner {width:1200px; margin:0 auto;}
.topTop .mallName {float:left; height:40px; padding:0 25px; line-height:40px; border-left:1px solid #dee2e7; font-size:13px; font-weight:400; color:#515151; display:inline-block;}
.topTop .mallName.on {background:#fff; color:#000; font-weight:600;}
.topTop .mallName:nth-child(2) {border-right:1px solid #dee2e7;}
.topTop .iconBlog {float:right; height:25px; margin:5.5px 0 0 0;}
.topTop .iconBlog img {width:auto; height:100%; box-shadow:0 3px 3px rgba(0,0,0,.1);}


.header {width:100%; background:#fff; border-bottom:1px solid #eaeaea;}
.topWrap {position:relative; width:1200px; margin:0 auto; padding:20px 0; display:flex; justify-content:space-between; flex-wrap:wrap;}
.topWrap .tMenu {width:30px; height:30px; background:url(/image/icon-bar-b.png) no-repeat left center; background-size:20px; display:none;}
.topWrap .topLogo {width:161px; margin:20px 0 0 0; }
.topWrap .topLogo img {width:100%; height:auto;}
.topWrap .search {position:absolute; top:38px; left:50%; width:410px; transform:translateX(-50%); display:flex;}
.topWrap .search input {width:calc(100% - 50px); height:43px; background:#f5f5f5; padding-left:15px; border-radius:21.5px 0 0 21.5px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:0; border-bottom:1px solid #ddd;}
.topWrap .search .btnSear {width:50px; height:43px; background:url(/image/icon_search.png) no-repeat center #f5f5f5; font-size:0; border-radius:0 21.5px 21.5px 0; border-left:0; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; display:inline-block;}
.topWrap .gnb {width:225px; margin:20px 0 0 0; display:flex;}
.topWrap .gnb .col {width:75px; text-align:center; }
.topWrap .gnb span {font-size:11px; font-weight:500; display:block;}
.topWrap .gnb .lBtn {background:rgba(0,0,0,.02); padding:2px 5px; font-size:10px; border-radius:3px; border:1px solid rgba(0,0,0,.1); display:inline-block;}
.topWrap .gnb .cart {position:relative; }
.topWrap .gnb .cirNum {position:absolute; top:0px; right:10px; width:20px; height:20px; background:#dc3843; color:#fff; font-size:12px; font-weight:500; line-height:20px; text-align:center; border-radius:50%; display:inline-block;}
.topWrap .gnb .join {display:none;}
.topWrap .gnb .point {display:none;}

.header.fixed {position:fixed; top:0; left:0; width:100%; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.05); z-index:3;}

.myCash {position:absolute; top:0; right:0; /* background:#414141; */ padding:5px 15px; font-size:22px; border-radius:0 0 6px 6px;}
.myCash .name {color:rgba(0,0,0,.7); font-size:15px;}
.myCash .cash {color:#dc3843; font-weight:900; }


@media screen and (max-width: 1200px) {
	.topWrap {width:95%;}
	.topTop .inner {width:95%;}
}

@media screen and (max-width: 960px) {
	.topTop .inner {width:100%;}
	.topTop .iconBlog {margin:5.5px 2.5% 0 0;}

	.topWrap {padding:10px 0;}
	.topWrap .topLogo {width:130px; margin:15px 0 0 0;}
	.topWrap .topLogo img {width:100%; height:auto;}
	.topWrap .search {width:35%; top:20px; transform:translateX(-50%);}
	.topWrap .gnb {margin:10px 0 0 0;}
}

@media screen and (max-width: 920px) {
	.topWrap {padding:15px 0; display:block; overflow:hidden;}
	.topWrap .tMenu {float:left; margin:15px 0 0 0; display:inline-block; }
	.topWrap .topLogo {float:left; width:110px; margin:15px 0 0 10px;}
	

	.topWrap .search {top:25px;}
	.topWrap .search input {height:38px; border-radius:19px 0 0 19px;}
	.topWrap .search .btnSear {height:38px; border-radius:0 19px 19px 0;}

	.topWrap .gnb {float:right; width:150px; margin:10px 0 0 0; border:0px solid red; }
	.topWrap .gnb .col {width:50px;}
	.topWrap .gnb span {font-size:10px;}
	.topWrap .gnb .cirNum {right:0px;}

	.header.fixed .topNav {display:none; transition:all 0.5s;}
	
}

@media screen and (max-width: 620px) {
	.topWrap .topLogo {width:100px; margin:10px 0 0 7px;}
	.topWrap .tMenu {margin:7px 0 0 0;}
	.topWrap .search {top:20px; width:37%;}
	.topWrap .search .btnSear { background:url(/image/icon_search.png) no-repeat 65% center #f5f5f5; background-size:15px;}
	
	.topWrap .gnb {margin:8px 0 0 0;}
	.topWrap .gnb span {display:none;}
	
}

@media screen and (max-width: 560px) {
	.topWrap {padding:10px 0 0 0;}
	.topWrap .topLogo {width:100px; height:; margin-bottom:10px;}
	.topWrap .search {position:relative; width:100%; left:0; top:0; transform:translateX(0); margin:10px 0 0 0;}
	.topWrap .gnb {position:absolute; top:10px; right:2.5%; width:180px;}
	.topWrap .gnb .col {width:50px; display:none;}
	.topWrap .gnb .col:last-child {display:inline-block;}
	.topWrap .gnb .join {width:55px; padding:3px; text-align:center; font-size:11px; font-weight:500; border:1px solid rgba(0,0,0,.2); border-radius:3px; display:inline-block;}
	.topWrap .gnb .point {width:80px; margin-right:3px; padding:3px; text-align:center; font-size:11px; font-weight:500; border:1px solid rgba(0,0,0,.2); border-radius:3px; display:inline-block;}	

	.header.fixed {padding-bottom:10px;}

	.myCash {position:inherit; width:100%; background:#fff; margin:8px 0 0 0; padding:5px 7px; font-size:22px; display:inline-block;}
	.myCash .name {color:rgba(0,0,0,.9); font-size:17px;}
	.myCash .cash {color:#dc3843; font-weight:900;} 
}



.topNav {width:100%; height:48px; border-top:1px solid #eaeaea;}
.topNav .inner {width:1200px; margin:0 auto; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}

.topNav .cate {float:left; position:relative; width:185px; height:48px; background:url(/image/icon_nav.png) no-repeat 40px center; background-size:16px auto; padding-left:70px; line-height:48px; font-size:16px; font-weight:600; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; }
.topNav .cateSub {position:absolute; top:0; left:0; width:185px; background:#fff; padding:0; display:none; z-index:2;}
.topNav .cateSub .title {height:48px; background:url(/image/icon_nav_w.png) no-repeat 40px center #5e5e5e; margin:0; background-size:14px auto; padding-left:70px; line-height:48px; color:#fff; font-size:16px; font-weight:600; border-right:1px solid #5e5e5e; cursor:pointer;}
.topNav .cateSub .dep1 { height:45px; padding-left:16px; line-height:45px; color:#000; font-size:14px; font-weight:400; text-align:left; border-bottom:1px solid #eaeaea; border-left:1px solid #5e5e5e; border-right:1px solid #5e5e5e; display:block;}
.topNav .cateSub a:last-child {border-bottom:1px solid #5e5e5e;}
.topNav .cateSub .dep1:hover {background:url(/image/icon_more.png) no-repeat 92% #f4f4f4; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
.topNav .cateSub .dep1:hover .subSub {display:block;}

.topNav .subSub {position:absolute; top:47px; left:184px; width:200px; height:496px; background:#fff; border-left:1px solid #eaeaea; border-right:1px solid #5e5e5e; border-top:1px solid #5e5e5e; border-bottom:1px solid #5e5e5e; display:none;}
.topNav .subSub a {}

.topNav .subSub .dep2:hover {background:url(/image/icon_more.png) no-repeat 92% #f4f4f4; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
.topNav .subSub .dep2:hover .subSub2 {display:block;}
.topNav .subSub2 {position:absolute; top:-1px; left:186px; width:200px; height:496px; background:#fff; border-left:1px solid #eaeaea; border-right:1px solid #5e5e5e; border-top:1px solid #5e5e5e; border-bottom:1px solid #5e5e5e; display:none;}

.topNav .topMenu {float:left; padding-left:15px; display:flex;}
.topNav .topMenu a {padding:0 12px; line-height:48px; font-size:15px; font-weight:500;}

.topNav .navGnb {float:right; font-size:14px; line-height:48px; padding:0 10px 0 0; border-right:1px solid #eaeaea;}
.topNav .navGnb span {padding:0 12px; border-left:1px solid #dee2e7;}
.topNav .navGnb span:first-child {border-left:0;}
.topNav .navGnb .wallet {background:url(/image/icon_wallet.png) no-repeat left center; padding:5px 12px 5px 30px; font-weight:500;}


@media screen and (max-width: 1200px) {
	.topNav .inner {width:100%;}
}



@media screen and (max-width: 920px) {
	.topNav {height:42px;}
	.topNav .topMenu {padding-left:0;}
	.topNav .topMenu a {padding:0 8px; font-size:13px; line-height:40px;}

	.topNav .navGnb {font-size:13px; line-height:40px; padding:0 8px 0 0;}
	.topNav .navGnb span {padding:0 8px;}
}	

@media screen and (max-width: 620px) {
	.topNav .navGnb span {display:none;}
	.topNav .navGnb .wallet {padding:0 0 0 27px; display:inline-block;}
}

@media screen and (max-width: 560px) {
	.topNav {height:40px; border-top:0;}
	.topNav .topMenu {padding-left:1.5%; }
	.topNav .topMenu a {font-size:14px; }
	.topNav .navGnb {font-size:14px; padding-right:3%; border-right:0;}
	.topNav .navGnb .wallet {display:none;}
}

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

@media screen and (max-width: 510px) {
	.topNav .inner {border-left:0; border-right:0;}
	.topNav .topMenu {float:none; width:100%; padding:0 5%; justify-content:space-between; }
	.topNav .topMenu a {padding:0; display:inline-block; }
	.topNav .navGnb {display:none;}
}

@media screen and (max-width: 400px) {
	.topNav .topMenu a {font-size:12px;}
}



.topNav #header {float:left; position:relative; width:168px; height:48px; line-height:48px; font-size:16px; font-weight:600;}


#header .header-bottom.header-bottom2 .all-category > a {
   /*  display: block; */
    width: 170px;
    height: 48px;
    line-height: 48px;
    text-indent: 29px;
    font-size: 15px;
    font-weight: bold;
    color: #3c3c3c;
    background: none;
    position: relative;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
	/* overflow:hidden;
	white-space: nowrap;
	    text-overflow: ellipsis;
	padding-right:10px; */
}

#header .header-bottom.header-bottom2 .all-category:hover > a,
#header .header-bottom.header-bottom2 .all-category > a.on {
    color: #fff;
    background: #5e5e5e;
}
#header .header-bottom.header-bottom2 .page-category li:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6.5px;
    background: #e2e2e2;
}


#header .header-bottom.header-bottom2 .category-box .depth-one > ul > li > a {
    display: block;
    width: 168px;   
	line-height: 43px;
    font-size: 14px;
    color: #606060;
    text-indent: 25px;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#header .header-bottom.header-bottom2 .category-box .depth-two {
    width: 188px;
    height: 486px;
    border-right: 1px solid #5e5e5e;
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #5e5e5e;
    border-bottom: 1px solid #5e5e5e;    
    margin-left: -1px;
    position: absolute;
    top: 0;
    left: 170px;
    background: #fff;
    display: none;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	padding-right:10px;
}
#header .header-bottom.header-bottom2  .category-box .depth-three {
    position: absolute;
    top: -1px;
    left: 185px;
    display: none;
    background:#fff;
    width: 220px;
	border-top:1px solid #5e5e5e;
	border-bottom:1px solid #5e5e5e;
	overflow-y:auto;
	overflow-x:hidden;
}

#header .header-bottom.header-bottom2  .category-box .depth-three::-webkit-scrollbar {
  width: 6px;
}
#header .header-bottom.header-bottom2  .category-box .depth-three::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,.05);
}
#header .header-bottom.header-bottom2  .category-box .depth-three::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #444;
}
#header .header-bottom.header-bottom2  .category-box .depth-three::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

#header .header-bottom.header-bottom2 .category-box .depth-three ul.category {
    width: 220px !important;
    height: 484px !important;
    border-left: 1px solid #f0f0f0 !important;
    border-right: 1px solid #5e5e5e !important;
}
#header .header-bottom.header-bottom2 .category-box .depth-two > div > ul > li:hover a.hover1 {
    background: url(//cdn-square.bizhost.kr/lfweb20180702/image/icon/icon-arrow-cate-hover.png) no-repeat 165px 1px;
}
#header .header-bottom.header-bottom2 .all-category > a span.bar {
    display: inline-block;
    width: 15px;
    height: 11px;
    margin-right: 25px;
}
#header .header-bottom.header-bottom2 .page-category ul {
	padding-left:20px;
}
#header .header-bottom.header-bottom2 .page-category li {
    position: relative;
    padding: 0px 25px;
}
#header .header-bottom.header-bottom2 .page-category {
    margin-left: 0px;
}
#header .header-bottom .all-category > a {
    display: block;
    width: 188px;
    height: 42px;
    line-height: 42px;
    text-indent: 29px;
    font-size: 15px;
    font-weight: bold;
    color: #3c3c3c;
    background: url(//cdn-square.bizhost.kr/lfweb20180702/image/icon/icon-arrow-down-b-s.png) no-repeat 126px center;
    position: relative;
}

#header .header-bottom .all-category:hover > a,
#header .header-bottom .all-category > a.on {
    color: #fff;
    background: #5e5e5e url(//cdn-square.bizhost.kr/lfweb20180702/image/icon/icon-arrow-up-w-s.png) no-repeat 126px center;
}

#header .header-bottom .all-category > a.on:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0;
    background: #5e5e5e;
}

#header .header-bottom .all-category > a span.bar {
    display: inline-block;
    width: 15px;
    height: 11px;
    background: url(/image/icon-bar-b.png) no-repeat;
    margin-right: 15px;
}

#header .header-bottom .all-category:hover span.bar,
#header .header-bottom .all-category > a.on span.bar {
    background: url(/image/icon-bar-w.png) no-repeat;
}

#header .header-bottom .category-box {
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 9000;
	width:calc(100% + 1px);
    background: #fff;
    display: none;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#header .header-bottom .all-category:hover .category-box {
    display: block;
}

#header .header-bottom .category-box .depth-one {
    border: 1px solid #5e5e5e;
    max-height: 486px;
	overflow-y:scroll;
	overflow-x:hidden;
}

#header .header-bottom .category-box .depth-one::-webkit-scrollbar {position:absolute; left:-3px; width:2px;}
#header .header-bottom .category-box .depth-one::-webkit-scrollbar-track {background-color:rgba(0,0,0,.05);}
#header .header-bottom .category-box .depth-one::-webkit-scrollbar-thumb {border-radius:3px; background-color:#444;}
#header .header-bottom .category-box .depth-one::-webkit-scrollbar-button {width:0; height:0;}

#header .header-bottom .category-box .depth-one > ul > li {
    border-bottom: 1px solid #f0f0f0;
}

#header .header-bottom .category-box .depth-one > ul > li > a {
    display: block;
    width: 189px;
    line-height: 43px;
    font-size: 14px;
    color: #606060;
    text-indent: 54px;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#header .header-bottom .category-box .depth-one > ul > li:hover .child-box {
    opacity: 1;
    visibility: visible;
}

#header .header-bottom .category-box .depth-one > ul > li > a:hover {
    color: #ee3124;
    /* background-color: #f4f4f4; */
	background:#f4f4f4;
}

#header .header-bottom .category-box .depth-two {
    width: 188px;
    height: 484px;
    border-right: 1px solid #5e5e5e;
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #5e5e5e;
    border-bottom: 1px solid #5e5e5e;    
    margin-left: -2px;
    position: absolute;
    top: -1px;
    left: 191px;
    background: #fff;
    display:none;
}



#header .header-bottom .category-box .depth-one > ul > li:hover .depth-two {
    display: block;
}

#header .header-bottom .category-box .depth-two .scroll-wrapper {
    overflow: visible !important;
    position: relative !important;
}

#header .header-bottom .category-box .depth-two .scroll-wrapper .scroll-content {
    position: static !important;
}

#header .header-bottom .category-box .depth-two .scroll-wrapper .scroll-y {
    width: 2px;
    height: calc(100% - 10px);
    background: #e1e1e1;
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
}
#header .header-bottom .category-box .depth-two .scroll-wrapper .scroll-y.scroll-scrolly_visible {
    display: block;
}

#header .header-bottom .category-box .depth-two .scroll-wrapper .scroll-y div {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;    
}

#header .header-bottom .category-box .depth-two .scroll-wrapper .scroll-y .scroll-element_track {
    background: #e1e1e1;
}

#header .header-bottom .category-box .depth-two .scroll-wrapper .scroll-y .scroll-bar {
    position: absolute;
    width: 100%;
    background: #373737;
}

#header .header-bottom .category-box .depth-two ul {
    height: 440px !important;
}

#header .header-bottom .category-box .depth-two ul li {
    padding-bottom: 21.5px;
}

#header .header-bottom .category-box .depth-two ul li:first-child {
    padding-top: 22.5px;
}


#header .header-bottom .category-box .depth-two ul li {
    padding-bottom: 22px;
}

#header .header-bottom .category-box .depth-two ul li a {
    font-size: 14px;
    color: #5f5f5f;
    display: block;
    text-indent: 27px;
	
    line-height: 1;
    -khtml-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#header .header-bottom .category-box .depth-two > ul > li > a {background:url(/image/icon_more.png) no-repeat 92% center;}


#header .header-bottom .category-box .depth-two ul li a:hover {
    color: #ee3124;
}

#header .header-bottom .category-box .depth-two ul li:hover .depth-three,
#header .header-bottom .category-box .depth-two ul li:hover .category-product {
    display: block;
} 

#header .header-bottom .category-box .depth-two > div > ul > li:hover a.hover1 {
    background: url(//cdn-square.bizhost.kr/lfweb20180702/image/icon/icon-arrow-cate-hover.png) no-repeat 167px 1px;
}

#header .header-bottom .category-box .depth-two > div > ul > li:first-child:hover {
    background-position: 167px 23px;
}

#header .header-bottom .category-box .depth-three {
    position: absolute;
    top: -1px;
    left: 186px;
    display: ;
    background: #fff;
    width: 622px;
}

#header .header-bottom .category-box .depth-three .scroll-wrapper {
    border-top: 1px solid #5e5e5e !important;    
    border-bottom: 1px solid #5e5e5e !important;
	border-right: 1px solid #5e5e5e;
}

#header .header-bottom .category-box .depth-three ul.category {
    width: 190px !important;
    height: 484px !important;
    border-left: 1px solid #f0f0f0 !important;
    border-right: 1px solid #f0f0f0 !important;   
}

#header .header-bottom .category-product {
    width: 365px;
    height: 430px;
    padding: 27px 32px;
/*    border-left: 1px solid #f0f0f0;*/
    border-top: 1px solid #5e5e5e;
    border-bottom: 1px solid #5e5e5e;
    border-right: 1px solid #5e5e5e;
/*
    position: absolute;
    top: 0;
    left: 571px;
*/
    background: #fff;
}




@media screen and (max-width:920px) {
	#header {display:none;}
}	




.main_visual_wrap {width:100%; overflow:hidden; position:relative; margin-top:-1px; z-index:1; height:580px; margin-bottom:100px;}
.main_visual_wrap .visual_box {}
.main_visual_wrap .visual_box .visual_cut {padding:0 20px; width:1680px; box-sizing:border-box;}
.main_visual_wrap .visual_box .visual_content {position:relative; z-index:1; font-size:0; text-align:center; height:580px;}
/*.main_visual_wrap .visual_box .visual_content a {display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:5;}*/
.main_visual_wrap .visual_box .visual_content a {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); overflow:hidden;}
.main_visual_wrap .visual_box .visual_content img {max-width:auto; width:auto; height:auto;}
.main_visual_wrap .slick-arrow {width:44px; height:66px; top:50%; margin:0; padding:0; border:0; outline:0; position:absolute; z-index:5; font-size:0; box-sizing:border-box; transition:all 0.3s;}
.main_visual_wrap .slick-arrow:before {width:30px; height:30px; border-width:2px 2px 0 0; border-color:#fff; opacity:0.6; border-style:solid; position:absolute; display:inline-block; content:""; transition:all 0.3s;}
.main_visual_wrap .slick-arrow:hover:before {border-color:#333; opacity:1;}
.main_visual_wrap .slick-arrow.slick-prev {left:50%; transform:translate(-800px,-50%); background:none;}
.main_visual_wrap .slick-arrow.slick-next {right:50%; transform:translate(800px,-50%); background:none;}
.main_visual_wrap .slick-arrow.slick-prev:before {left:50%; top:25%; transform:rotate(-135deg) translate(0%, -50%); margin-top:-12px; margin-left:6px;}
.main_visual_wrap .slick-arrow.slick-next:before {right:50%; top:50%; transform:rotate(45deg) translate(0%, -50%); margin-top:-5px; margin-right:6px;}
.main_visual_wrap .slick-dots {text-align:center; height:10px; line-height:10px; font-size:0; vertical-align:top; position:absolute; left:50%; width:auto; transform:translateX(-50%); margin:0 auto; padding:0; bottom:20px;}
.main_visual_wrap .slick-dots li {width:10px; height:10px; border-radius:100%; overflow:hidden; outline:0; border:0; transition:all 0.3s; opacity:1; font-size:0; line-height:10px; vertical-align:top; display:inline-block;}
.main_visual_wrap .slick-dots li + li {margin-left:10px;}
.main_visual_wrap .slick-dots li button {display:inline-block; width:10px; height:10px; border-radius:100%; outline:0; border:0; transition:all 0.3s; opacity:0.5; background:#fff; font-size:0;}
.main_visual_wrap .slick-dots li.slick-active {}
.main_visual_wrap .slick-dots li.slick-active button {opacity:1;}


@media only screen and (max-width:1637px) {
	.main_visual_wrap .slick-arrow.slick-prev {transform:translate(-740px,-50%);}
	.main_visual_wrap .slick-arrow.slick-next {transform:translate(740px,-50%);}	
}

@media only screen and (max-width:1517px) {
	.main_visual_wrap .slick-arrow.slick-prev {transform:translate(-680px,-50%);}
	.main_visual_wrap .slick-arrow.slick-next {transform:translate(680px,-50%);}
}

@media only screen and (max-width:1397px) {
	.main_visual_wrap {height:500px;}
	.main_visual_wrap .visual_box .visual_cut {padding:0 20px;width:1680px;}
	.main_visual_wrap .slick-arrow.slick-prev {left:50%;transform:translate(-620px,-50%);}
	.main_visual_wrap .slick-arrow.slick-next {right:50%;transform:translate(620px,-50%);}
}

@media only screen and (max-width:1277px) {	
	.main_visual_wrap .slick-arrow.slick-prev {left:0;transform:translate(0,-50%);}
	.main_visual_wrap .slick-arrow.slick-next {right:0;transform:translate(0,-50%);}
}

@media only screen and (max-width:1200px) {	
	.main_visual_wrap {display:none;}
}




/* 메인비주얼  */
.mainVisualM {display:none;}
.imgM {display:none !important;}

@media only screen and (max-width:1200px) {	
	.slick-list {width:100% !important;}
	.mainVisualM {width:100%; height:auto; margin:0 auto 70px; display:block;}
	.mainVisualM img {width:100%;}
	.mainVisualM button {display:none !important;}
}

@media only screen and (max-width:960px) {	
	.mainVisualM {margin:0 auto 50px;}
}

@media only screen and (max-width:680px) {
	.mainVisualM {margin:0 auto 40px;}
	.imgW {display:none !important;}
	.imgM {display:block !important;}
}

.mainTit {width:1200px; margin:0 auto; font-size:28px; font-weight:500;}
.mainTit .more {float:right; background:url(/image/icon_more.png) no-repeat right center; margin-top:10px; padding-right:17px; font-size:15px;}

@media only screen and (max-width:1200px) {
	.mainTit {width:95%; font-size:24px;}
}

@media only screen and (max-width:860px) {
	.mainTit {font-size:19px;}
}


/* 베스트상품 */
.bestWrap {width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.bestBox {margin-right:0.25%;}
.bestBox p {margin:0;}
.bestBox .pic {position:relative; width:100%; padding:99% 0 0; height:0; overflow:hidden;}
.bestBox .pic img {position:absolute; top:0; left:0; width:100%; max-width:100%; height:auto; }

.bestBox .ment {padding:18px 0 5px 0; font-size:14px; color:#a5a5a5;}
.bestBox .name {font-size:17px; color:#000; word-break:break-all;}
.bestBox .sobi {padding:10px 0 0 0; font-size:14px; color:#e24a51; text-decoration:line-through;}
.bestBox .price {padding:0; font-size:19px; font-weight:700;}
.bestBox .won {font-weight:300; font-size:12px;}

.bestWrap .slick-list {width:calc(100% + 1.25%);}

/* .bestWrap .slick-slide {margin:0 0 0 17px;} */

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

@media only screen and (max-width:960px) {
	.bestBox .ment {padding:12px 0 5px 0; font-size:13px;}
	.bestBox .name {font-size:15px;}
	.bestBox .sobi {font-size:13px;}
	.bestBox .price {font-size:17px;}
}

@media only screen and (max-width:820px) {
	.bestBox {margin-right:0.45%;}
}

@media only screen and (max-width:520px) {
	.bestBox .sobi {font-size:12px;}
	.bestBox .price {font-size:16px;}
}

/* 파워상품 */
.powerWrap {position:relative; width:100%; margin:90px 0 0 0; padding:90px 0 0 0; z-index:0;}
.powerWrap .yBack {position:absolute; width:100%; height:320px; top:0; left:0; background:#f0f0f0; z-index:-1;}
.powerWrap .pTitle {position:relative; width:1200px; height:48px; margin:0 auto 10px auto; display:block;}
.powerWrap .pMore {position:absolute; height:19px; top:23px; right:2px; background:url(/image/icon_more.png) no-repeat center right; background-size:auto; padding:0 25px 0 0; font-size:13px; font-weight:400; line-height:22px;}
.powerWrap .pInner {width:1200px; margin:0 auto;  overflow:hidden; z-index:1;}
.powerWrap .pFlex {display:flex; flex-wrap:wrap; justify-content:space-between;}
.powerWrap .pItem {width:32%; margin:0 0 40px 0;}
.powerWrap .pItem:nth-child(3n+5) {margin:0 0 40px 0;}
.powerWrap .pPic {width:100%; height:220px; border-radius:7px 7px 0 0; border:1px solid rgba(0,0,0,.1); overflow:hidden;}
.powerWrap .pPic img {width:100%; height:auto; margin:-10% 0 0 0;}
.powerWrap .pName {margin:0; padding:0px 3% 0 3%; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.powerWrap .psNum {margin:0; padding:10px 0 0 3%; color: #e24a51; font-size:14px; text-decoration:line-through;}
.powerWrap .pNum {margin:0; padding:0 0 10px 3%; font-size:19px;  font-weight:700;}
.powerWrap .pNum span {font-size:15px; font-weight:400;}
.powerWrap .pTag {height:34px; margin:15px 0 0 3%; background:url(/image/icon_flash.png) no-repeat 18px center #fff; background-size:16px auto; padding:0 21px 0 40px; line-height:34px; font-size:14px; font-weight:400; border-radius:27px; border:1px solid #ddd; display:inline-block;}

.morePro {height:54px; background:#fafafa; border:1px solid #e1e1e1; border-radius:27px; padding:0 110px; font-size:15px; line-height:54px; display:inline-block;}
.morePro .arr {float:right; width:18px; height:18px; margin:17px 0 0 5px; background:url(/image/icon_more.png) no-repeat center; background-size:auto; display:inline-block; }

@media screen and (max-width: 1200px) {
	.powerWrap .yBack {height:260px;}
	.powerWrap .pTitle {width:90%;}
	.powerWrap .pMore {top: 8px;}
	.powerWrap .pInner {width:90%;}
	.powerWrap .pPic {height:170px;}
	.powerWrap .pName {font-size:14px;}
	.powerWrap .pNum {font-size:20px;}
	.morePro {height:45px; padding:0 70px; font-size:14px; line-height:45px;}
	.morePro .arr {margin:12px 0 0 5px; }
}

@media screen and (max-width: 960px) {
	.powerWrap {padding:50px 0 0 0;}
	.powerWrap .yBack {height:240px;}
	.powerWrap .pTitle {background-size:140px auto; margin:0 auto 5px auto;}
	.powerWrap .pItem {margin:0 2% 30px 0;}	
	.powerWrap .pNum {padding:7px 0 0 3%;}
	.powerWrap .pTag {height:30px; margin:8px 0 0 3%; padding:0 17px 0 34px; line-height:30px; font-size:12px;}
}


@media screen and (max-width: 660px) {
	.powerWrap .pPic img {margin:0;}
	.morePro {height:40px; padding:0 60px; font-size:13px; line-height:40px;}
	.morePro .arr {width:15px; height:15px; margin:12px 0 0 5px; }
}

@media screen and (max-width: 600px) {
	.powerWrap .yBack {height:210px;}
	.powerWrap .pTitle {width:95%; background-size:120px auto; margin:0 auto;}
	.powerWrap .pInner {width:95%;}
	.powerWrap .pPic {height:150px; border-radius:5px 5px 0 0;}
	.powerWrap .pName {font-size:13px;}
	.powerWrap .pNum {font-size:18px;}
	.powerWrap .pTag {height:27px; margin:8px 0 0 3%; padding:0 14px 0 27px; line-height:27px; font-size:11px;}
}

@media screen and (max-width: 520px) {
	.powerWrap {padding:35px 0 0 0;}
	.powerWrap .yBack {height:180px;}
	.powerWrap .pPic {height:120px;}
}

@media screen and (max-width: 420px) {
	.powerWrap .pTitle {width:95%; height:40px; background-size:110px auto;}
	.powerWrap .pItem {width:49%; margin:0 2% 30px 0;}
	.powerWrap .pItem:nth-child(3n+5) {margin:0 2% 30px 0;}
	.powerWrap .pItem:nth-child(2n+2) {margin:0 0 30px 0;}
	.powerWrap .pPic {height:150px;}
	.powerWrap .pTag {height:24px; margin:6px 0 0 3%; padding:0 12px 0 23px; line-height:24px; font-size:10px;}
	.morePro {height:35px; padding:0 50px; font-size:12px; line-height:35px;}
	.morePro .arr {width:14px; height:14px; margin:10px 0 0 5px; }
}


/* 이벤트배너 */
.eventBa {width:1200px; margin:100px auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
.eventBa .eventLeft {}



/* MD추천상품 */
.mdWrap {width:100%; background:#f2f2f2; margin:80px 0; padding:70px 0; overflow:hidden;}
.mdInner {width:1200px; margin:0 auto;}
.mdInner .mLeft {float:left; width:37%; height:346px; background:url(/image/md_tit.jpg) no-repeat; background-size:100% 100%; padding:145px 0 0 70px; border-radius:7px 0 0 7px; }
.mdInner .mLeft .tag {background:#444a4c; margin:0 0 15px 0; padding:0 20px; border-radius:13.5px; color:#fff; font-size:12px; height:27px; line-height:27px; font-weight:200; display:inline-block;}
.mdInner .mLeft p {font-size:23px; font-weight:300; color:#444a4c;}
.mdInner .mLeft strong {font-size:33px; font-weight:500; line-height:1; color:#444a4c;}

.mdInner .mRight {float:left; width:63%; height:392px; background:#fff; margin:-23px 0 0 0; padding:60px 3% 0 3%;  border-bottom:1px solid #d9d9d9;}
.mdInner .mRight .mdTits {padding:0; font-size:13px; font-weight:500; color:#8b8b8b; text-align:center;}
.mdInner .mRight .mdTit {padding:0 0 30px 0; font-size:30px; font-weight:300; text-align:center;}
.mdInner .mdItem {float:left; width:23%; margin:0; text-align:center; }
.mdInner .mdItem .pic {max-width:150px; width:100%; height:150px; margin:0 auto;}
.mdInner .mdItem .pic img {width:100%; height:100%;}
.mdInner .mdItem .name {width:100%; padding:8px 10px 0 10px; font-size:14px; line-height:1.2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mdInner .mdItem .soNum {font-size:14px; color:#e24a51; text-decoration:line-through;}
.mdInner .mdItem .num {font-size:19px; font-weight:700; line-height:1.2;}
.mdInner .mdItem .num span {font-size:16px; font-weight:400;}

.mdInner .slick-prev1 {position:absolute; left:-55px; top:50%; background:url(/image/arrowC_left.png); background-size:100%; margin-top:-55px; width:42px; height:42px; cursor:pointer; color:transparent; z-index: 2;}
.mdInner .slick-next1 {position:absolute; right:-55px; top:50%; background:url(/image/arrowC_right.png); background-size:100%; margin-top:-55px; width:42px; height:42px; cursor:pointer; color:transparent; z-index: 2;}


@media screen and (max-width: 1200px) {
	.mdInner {width:95%;}
	.mdInner .mLeft {padding:140px 0 0 5%;}
	.mdInner .mLeft .tag {padding:0 15px; font-size:11px;}
	.mdInner .mLeft p {font-size:19px;}
	.mdInner .mLeft strong {font-size:30px;}
}


@media screen and (max-width: 1090px) {
	.mdInner .mLeft {height:290px; background:url(/image/md_tit2.jpg) no-repeat; background-size:100% 100%; padding:125px 0 0 5%;}
	.mdInner .mLeft p {font-size:16px;}
	.mdInner .mLeft strong {font-size:24px;}

	.mdInner .mRight {height:346px; padding:55px 3% 0 3%;}
	.mdInner .mRight .mdTits {font-size:12px; }
	.mdInner .mRight .mdTit {padding:0 0 20px 0; font-size:27px;}
	.mdInner .mdItem .pic {max-width:100px; height:100px;}
	.mdInner .mdItem .name {font-size:13px;}
	.mdInner .mdItem .soNum {font-size:12px;}
	.mdInner .mdItem .num {font-size:15px;}

	.mdInner .slick-prev1 {left:-45px;}
	.mdInner .slick-next1 {right:-45px;}
}

@media screen and (max-width: 960px) {
	.mdWrap {margin:60px 0; }
}

@media screen and (max-width: 860px) {
	.mdInner .mLeft {width:25%; background:url(/image/md_tit3.jpg) no-repeat; background-size:100% 100%; padding:120px 1% 0 4%;}
	.mdInner .mLeft .tag {padding:0 15px; font-size:11px;}
	.mdInner .mLeft p {font-size:12px; }
	.mdInner .mLeft strong {font-size:16px;}
	.mdInner .mRight {width:75%;}
}

@media screen and (max-width: 768px) {
	.mdWrap {padding:50px 0;}
	.mdInner {width:90%;}
	.mdInner .mLeft {display:none; width:15%; background:url(/image/md_tit3.jpg) no-repeat; background-size:auto 100%;}
	.mdInner .mLeft .tag {display:none;}
	.mdInner .mLeft p, .mdInner .mLeft strong {display:none;}
	
	.mdInner .mRight {width:100%; height:auto; margin:0; padding:45px 3% 40px 3%;}
	.mdInner .mRight .mdTits, .mdInner .mRight .mdTit {display:none;}
	.mdInner .mdItem .pic {max-width:130px; width:130px; height:130px;}
	.mdInner .mdItem .name {font-size:13px;}
	.mdInner .mdItem .num {font-size:18px;}
	.mdInner .slick-prev1 {width:35px; height:35px;}
	.mdInner .slick-next1 {width:35px; height:35px;}
}

@media screen and (max-width: 640px) {
	.mdWrap {padding:40px 0;}
	.mdInner {width:95%;}
	.mdInner .mRight {padding:20px 3%;}
	.mdInner .mdItem .pic {max-width:120px; width:120px; height:120px;}
	.mdInner .mdItem .num {font-size:17px;}

	.mdInner .slick-prev1 {left:-35px; margin-top:-27px;}
	.mdInner .slick-next1 {right:-35px; margin-top:-27px;}
}

@media screen and (max-width: 400px) {
	.mdInner {width:95%;}
	.mdInner .mRight {padding:20px 3%;}
	.mdInner .mdItem .pic {max-width:200px; width:200px; height:200px;}
	.mdInner .mdItem .num {font-size:16px;}

	.mdInner .slick-prev1 {left:-25px; }
	.mdInner .slick-next1 {right:-25px; }
}

/* 포커스 아이템 */
.focusWrap {width:1200px; margin:0 auto 80px;}
.focusInner {width:100%; overflow:hidden;}


.fItem {float:left; width:23.5%; margin:0 2% 75px 0;}
.fItem .pic {position:relative; width:100%; padding:99% 0 0; height:0; border:1px solid rgba(0,0,0,.03); overflow:hidden;}
.fItem .pic img {position:absolute; top:0; left:0; width:100%; max-width:100%; height:auto; }
.fItem .name {height:38px; padding:10px 5px 5px 0; font-weight:300; color:#000; font-size:17px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.fItem .txt {height:20px; padding:0; font-size:13px; color:rgba(0,0,0,.6); line-height:1.2; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.fItem .sobi {padding:10px 0 0 0; font-size:14px; color:#dc3843; text-decoration:line-through; }
.fItem .price {padding:0; font-size:19px; font-weight:700;}
.fItem .price .won {font-size:14px; font-weight:400;}
.fItem:nth-child(4n+4) {margin:0 0 75px 0;}

@media screen and (max-width: 1200px) {
	.focusWrap {width:95%;}
}

@media screen and (max-width: 1000px) {
	.fItem .name {font-size:15px;}
	.fItem .txt {font-size:13px;}
	.fItem .sobi {font-size:13px;}
	.fItem .price { font-size:18px;}
	.fItem .price .won {font-size:13px;}
}

@media screen and (max-width: 768px) {
	.fItem .name {padding:10px 5px 5px 0px; font-size:14px;}
	.fItem .txt {padding:0 5px; font-size:12px;}
	.fItem .price { font-size:17px;}
	.fItem .price .won {font-size:12px;}
}

@media screen and (max-width: 590px) {
	.fItem {width:31.5%; margin:0 2.75% 45px 0;}
	.fItem:nth-child(3n+3) {margin:0 0 45px 0;}
	.fItem:nth-child(4n+4) {margin:0 2.75% 45px 0;}
	.fItem:nth-child(12) {margin:0 0 45px 0}
}

@media screen and (max-width: 420px) {
	.fItem {width:49%; margin:0 2% 45px 0;}
	.fItem:nth-child(3n+3) {margin:0 2% 45px 0;}
	.fItem:nth-child(2n+2) {margin:0 0 45px 0;}
	.fItem:nth-child(4n+4) {margin:0 0 45px 0;}

	.fItem .name {padding:10px 7px 5px 0; font-size:15px; font-weight:500;}
	.fItem .txt {padding:0 7px; font-size:13px; font-weight:400;}
}




/* 하단영역 */
.noticeWrap {width:100%; border-top:1px solid rgba(0,0,0,.1);}
.noticeWrap ul {width:1200px; margin:0 auto; padding:35px 0; overflow:hidden;}
.noticeWrap ul li {float:left; padding:5px 0 0 0;}
.noticeWrap .left {width:15%; font-size:20px; font-weight:600;}
.noticeWrap .right {width:85%; font-size:15px;}
.noticeWrap .right .date {padding:0 20px 0 0; color:rgba(0,0,0,.6);}

@media screen and (max-width: 1200px) {
	.noticeWrap ul {width:95%;}
}

@media screen and (max-width: 860px) {
	.noticeWrap .left {font-size:17px;}
	.noticeWrap .right {font-size:14px;}
}

@media screen and (max-width: 768px) {
	.noticeWrap ul {padding:20px 0;}
}

@media screen and (max-width: 520px) {
	.noticeWrap ul li {float:none;}
	.noticeWrap .left {width:100%;}
	.noticeWrap .right {width:100%; font-size:13px;}
}


.footWrap {background:#222; padding:45px 0; overflow:hidden;}
.foot {width:1200px; margin:0 auto; color:rgba(255,255,255,.5);}
.foot .fLeft {float:left; width:80%; }
.foot .fRight {float:right; width:20%; }

.foot .fNav {width:90%; padding:0 0 20px 0; border-bottom:1px solid rgba(255,255,255,.1); display:flex; flex-wrap:wrap; }
.foot .fNav a {margin:0 0 0 40px; font-size:14px; color:rgba(255,5255,255,.8);}
.foot .fNav a:first-child {margin:0;}

.foot .fAdd {padding:20px 0 0 0; line-height:1.5;}
.foot .fAdd .space {margin:0 10px;}
.foot .fAdd .copy {padding:8px 0 0 0; font-size:11px; color:rgba(255,5255,255,.8); text-transform:uppercase; letter-spacing:0.5px;}

.foot .link {}

.foot .fCs {width:100%; padding:20px; font-size:12px; line-height:1.4; border-radius:5px; border:1px solid rgba(255,255,255,.1);}
.foot .fCs .name {font-size:16px; color:rgba(255,5255,255,.8);}
.foot .fCs .name strong {color:#fff; font-size:27px; display:block;}

@media screen and (max-width: 1200px) {
	.foot {width:95%;}
}

@media screen and (max-width: 1000px) {
	.foot .fLeft {width:70%; }
	.foot .fRight { width:30%; }
	.foot .fNav a {font-size:13px;}

	.foot .fAdd {font-size:12px;}
	.foot .fCs .name {font-size:14px;}
	.foot .fCs .name strong {font-size:24px;}
}

@media screen and (max-width: 680px) {
	.footWrap {padding:30px 0;}
	.foot .fLeft {float:none; width:100%; padding:0 0 20px 0;}
	.foot .fRight {float:none; width:100%; }

	.foot .fNav {width:100%;}
	.foot .fCs {padding:20px 0; border-top:1px solid rgba(255,255,255,.1); border-left:0; border-right:0; border-bottom:0; }
}

@media screen and (max-width: 640px) {
	.footWrap {padding:30px 0 80px 0;}
}

/* gotop */
.scrollToTop {
	width:60px; 
	height:60px;
	border-radius:50%;
	background:url(/image/gotop_b.png) center 16px no-repeat rgba(255,255,255,.7);
	background-size:auto;
	border:1px solid rgba(0,0,0,.3);
	position:fixed;
	bottom:35px;
	right:35px;
	display:none;
	font-size:14px;
	font-weight:700;
	color:rgba(0,0,0,1);
	padding:30px 0 0 0;
	text-align:center;
	z-index:5;
	transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;
}
.scrollToTop:hover {
	box-shadow:0 10px 10px rgba(0,0,0,.3);
	border:0px;
	background:url(/image/gotop.png) center 16px no-repeat #dc3843;
	color:#fff;
	transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;
}


@media all and (max-width:768px) {
	.scrollToTop {width:40px; height:40px; font-size:0px;}
}

@media screen and (max-width: 640px) {
	.scrollToTop {right:2.5%; bottom:80px;}
}


/* 상품리스트 */
.subLeft {float:left; width:180px;}
.subRight {float:right; width:calc(100% - 240px);}
.subRight .title {margin:0 0 15px 0; padding:0 0 15px 0; font-size:22px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.6);}
.subRight .title.none {padding:0; border-bottom:0;}

@media screen and (max-width: 1200px) {
	.subRight {float:right; width:calc(100% - 210px);}
}

@media screen and (max-width: 840px) {
	.subLeft {float:none; width:100%; padding:0 0 30px 0; overflow:hidden; }
	.subRight {float:none; width:100%;}
	.clearLine {clear:both;}
}

.subCate {width:100%;}
.subCate .cateTit {/*background:url(/image/bg_select_arrow.png) no-repeat 99% 11px; */margin:0 0 15px 0; padding:0 0 15px 0; font-size:22px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.6);}
.subCate ul li {padding:12px 0; font-size:15px; font-weight:300; border-bottom:1px solid #eee;}
.subCate ul li .on {font-weight:600;}
.subCate .subsub {background:#fcfcfc; padding:15px 20px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; display:none;}
.subCate .subsub a {padding:5px 0; font-size:13px; display:block;}

.subCate li.btn {position:relative; display:block; cursor:pointer; overflow:hidden;  }
.subCate .on {font-weight:600; cursor:pointer; border-bottom:1px solid #000; display:block; overflow:hidden;}
.subCate li.btn.on::after {
	content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border: 0 solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subCate li.ly {overflow:hidden; width:100%; padding:15px 10px; border-bottom:1px solid #eee; background:#fcfcfc; font-size:14px;} 
.subCate li.ly,
.subCate dt {display:none;}
.subCate dl {padding:10px 0; margin:0; }
.subCate dl a {padding:3px 20px 1px 20px; display:block;}
.subCate dl a:hover	{background:#eee; color:#000;}
.subCate dd {padding:2px 0 0 6%; line-height:23px;}
.subCate dd:hover {color:#000;}

.subCate li.ly.active {display:block;}

.subCate li.btn a {position:relative; width:100%; display:block;}
.subCate li.btn::after {
	content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border: 0 solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
} 

.subCateM {display:none; position:relative; margin:0; border-top:1px solid #e4e4e4; clear:both;}
.subCateM ul {overflow:hidden;}
.subCateM ul li {position:relative; float:left; width:33.3%; padding:8px 5%; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.subCateM ul li:nth-child(3n+1) {border-left:1px solid #e4e4e4;}
.subCateM li.ly {display:none; position:absolute; top:-1px; width:calc(100% - 1px); background:#fff; padding:20px; border:1px solid #ccc; box-shadow:0 10px 10px rgba(0,0,0,.1); z-index:3;}
.subCateM li.ly ul {border-left:0;}
.subCateM li.ly .close4 {position:absolute; top:5px; right:5px; width:30px; height:30px; background:url(/image/btn_close.png) no-repeat center;}
.subCateM li.ly dd {float:left; width:33.3%; padding:3px 0;}
.subCateM ul .bg {background:rgba(0,0,0,.06);}

@media screen and (max-width: 840px) {
	
	.subCate {display:none;}
	.subCateM {display:block;}

}

@media screen and (max-width: 520px) {
	.subCateM ul {border-left:1px solid #e4e4e4;}
	.subCateM ul li {width:50%;}
	
	.subCateM ul li:nth-child(2n+1) {}
	.subCateM ul li:nth-child(3n+1) {border-left:0px solid #e4e4e4;}
}



.cateBox {width:100%; margin:0 0 15px 0; font-size:18px;}
.cateBox .allTit {padding:0 10px 0 0; font-size:25px;}
.cateBox strong {color:#dc3843;}
.cateBox .sort {position:relative; float:right; width:120px; background:url(/image/arrow_down.png) no-repeat 90% center; background-size:8px auto; padding:7px 0 7px 15px; font-size:13px; cursor:pointer; border:1px solid #eee;}
.cateBox .sort .sortMenu {position:absolute; top:29px; left:-1px; width:120px; background:#fff; padding:10px 15px 7px 15px; border:1px solid #eee; box-shadow:0 5px 7px rgba(0,0,0,.06); z-index:3; display:none;}
.cateBox .sort .sortMenu a {padding:5px 0; display:block; }

.cateSub {width:100%; margin:15px 0 0 0;}
.cateSub ul li {float:left; width:25%; height:35px; border-top:1px solid #eee; border-right:1px solid #eee;}

.allList {width:100%; margin:0 0 80px 0; overflow:hidden; }

.allBox {float:left; width:23.5%; margin:0 2% 75px 0;}
.allBox .pic {position:relative; width:100%; padding:99% 0 0; height:0; border:1px solid rgba(0,0,0,.03); overflow:hidden;}
.allBox .pic img {position:absolute; top:0; left:0; width:100%; max-width:100%; height:auto; }
.allBox .name {height:38px; padding:10px 5px 5px 0; font-weight:500; color:#000; font-size:17px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.allBox .txt {height:20px; padding:0; font-size:13px; color:rgba(0,0,0,.7); line-height:1.2; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.allBox .addr {height:20px; padding:0; font-size:13px; color:rgba(0,0,0,.9); font-weight:500; line-height:1.2; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.allBox .sobi {padding:10px 0 0 0; font-size:14px; color:#dc3843; text-decoration:line-through; }
.allBox .price {padding:0; font-size:19px; font-weight:700;}
.allBox .price .won {font-size:14px; font-weight:400;}
.allBox:nth-child(4n+4) {margin:0 0 75px 0;}



@media screen and (max-width: 1000px) {
	.cateBox {font-size:16px;}
	.cateBox .allTit {font-size:22px;}
	.allBox .name {font-size:15px;}
	.allBox .txt {font-size:13px;}
	.allBox .sobi {font-size:13px;}
	.allBox .price { font-size:18px;}
	.allBox .price .won {font-size:13px;}
}

@media screen and (max-width: 768px) {
	.allList {margin:0 2.5% 80px 0;}
	.allBox {}
	.allBox .name {padding:10px 5px 5px 0px; font-size:14px;}
	.allBox .txt {padding:0 5px; font-size:12px;}
	.allBox .price { font-size:17px;}
	.allBox .price .won {font-size:12px;}
}


@media screen and (max-width: 660px) {
	.cateBox {font-size:15px;}
	.cateBox .allTit {font-size:19px;}
}


@media screen and (max-width: 590px) {
	.allBox {width:31.5%; margin:0 2% 45px 0;}
	.allBox:nth-child(3n+3) {margin:0 0 45px 0;}
	.allBox:nth-child(4n+4) {margin:0 2% 45px 0;}
	.allBox:nth-child(12) {margin:0 0 45px 0}
}
@media screen and (max-width: 420px) {
	.allBox {width:49%; margin:0 2% 45px 0;}
	.allBox:nth-child(3n+3) {margin:0 2% 45px 0;}
	.allBox:nth-child(2n+2) {margin:0 0 45px 0;}
	.allBox:nth-child(4n+4) {margin:0 0 45px 0;}

	.allBox .name {padding:10px 7px 5px 0; font-size:15px; font-weight:500;}
	.allBox .txt {padding:0 7px; font-size:13px; font-weight:400;}
}




/* 상품상세보기 */
.proDetail {width:1200px; margin:40px auto; padding:45px 0; overflow:hidden;}
.proDetail .pic {float:left; width:47%; }
.proDetail .pic .img {position:relative; width:100%; height:0; padding:99% 0 0 0; border:1px solid rgba(0,0,0,.03); overflow:hidden;}
.proDetail .pic img {position:absolute; left:0; top:0; width:100%; max-width:100%; height:auto;}

.proDetail .info {float:right; width:47%;}
.proDetail .info .number {position:relative; height:30px; margin:0 30px 15px 0; font-size:14px; line-height:30px; letter-spacing:0; border-bottom:1px solid rgba(0,0,0,.1);}

.proDetail .info .title {padding-right:50px; font-size:30px; font-weight:400; word-break:break-all;}
.proDetail .info .ment {font-size:14px; color:rgba(0,0,0,.7);}
.proDetail .info .sobi {padding:20px 0 0 0; color:#dc3843; text-decoration:line-through;}
.proDetail .info .price {font-size:28px; font-weight:800; color:#000 !important; line-height:1.2;}
.proDetail .info .price .won {font-size:16px; font-weight:500;}

.proDetail .info .share {position:absolute; top:-42px; right:-20px; float:right; width:55px;}
.proDetail .info .share .board {position:relative; background:#000; padding:5px; color:#fff; line-height:1.2; text-align:center; font-weight:500; font-size:12px; border-radius:3px; }
.proDetail .info .share .board .tri {position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); width:8px; height:6px; background:url(/image/tri.png) no-repeat;}
.proDetail .info .share .cir {width:45px; height:45px; margin:3px auto 0; background:url(/image/icon_share.png) no-repeat center #fff; background-size:23px; border-radius:22.5px; box-shadow:0 7px 10px rgba(0,0,0,.1);}

.proDetail .layer {position:absolute; top:50px; right:-10px; padding:15px 25px; background:#fff; text-align:center; font-size:16px; font-weight:600; border:1px solid rgba(0,0,0,.06); box-shadow:0 10px 10px rgba(0,0,0,.06); display:none;}
.proDetail .layer .cirKa {float:left; width:50px; height:50px; margin:0 5px; background:url(/image/kakao.png) no-repeat center #f5e34d; background-size:26px; border-radius:50%;}
.proDetail .layer .cirFe {float:left; width:50px; height:50px; margin:0 5px; background:url(/image/face.png) no-repeat center #0084ff; background-size:26px; border-radius:50%;}
.proDetail .layer .close3 {position:absolute; top:8px; right:8px; width:20px; height:20px; background:url(/image/btn_close.png) no-repeat center; background-size:auto;}

.proDetail .info .sInfo {margin:30px 0 20px; font-size:15px;}
.proDetail .info .sInfo ul {overflow:hidden; display:flex;}
.proDetail .info .sInfo ul li {padding:8px 0;}
.proDetail .info .sInfo ul li.price {padding:0px 0 10px 0;}
.proDetail .info .sInfo ul:first-child {padding:10px 0 3px 0; border-top:1px solid #f2f2f2; }
.proDetail .info .sInfo ul:last-child {padding:3px 0 10px 0; border-bottom:1px solid #f2f2f2;}
.proDetail .info .sInfo .th {width:25%; color:#7b7e83; font-weight:500;}
.proDetail .info .sInfo .td {width:75%; color:#7b7e83;}
.proDetail .info .sOption .tit {padding:10px 0 5px 0; font-weight:500; font-size:15px;}
.proDetail .info .sOption select {width:100%; height:40px; border:1px solid #c2c2c2; }
.proDetail .info .sOption input {width:100%; height:40px; border:1px solid #c2c2c2; }
.proDetail .info .sResult {position:relative; background:#fafafa; margin:15px 0 0 0; padding:10px 15px;  overflow:hidden;}
.proDetail .info .sResult .left {float:left; width:40%;}
.proDetail .info .sResult .right {float:left; width:60%; padding:8px 0 0 0; text-align:right; font-size:18px;}
.proDetail .info .sResult .minus {width:30px; height:30px; background:url(/image/icon_minus_b.png) no-repeat center center #f6f6f6; margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;}
.proDetail .info .sResult .plus {width:30px; height:30px; background:url(/image/icon_plus.png) no-repeat center center #f6f6f6; margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;}
.proDetail .info .sResult input.num1 {width:44px; height:30px; margin:9px -5px 0 -5px; padding-left:0; border:1px solid #d3d3d3; border-radius:0px !important; text-align:center; vertical-align:top;}
.proDetail .info .sResult .del {position:absolute; right:10px; top:10px; width:15px; height:15px; background:url(/image/icon_x_b.png) no-repeat right top; background-size:10px;}

.proDetail .info .sTotal {padding:20px 0 0; display:flex;}
.proDetail .info .sTotal .total {width:30%; padding:5px 0 0 0; font-size:16px; color:#63636d;}
.proDetail .info .sTotal .price {width:70%; color:#dc3843; font-size:25px; font-weight:800; text-align:right;}
.proDetail .info .sTotal .won {color:#000; font-weight:500; font-size:13px; font-weight:500; letter-spacing:0; line-height:2.5; text-transform:uppercase; text-align:right; }
.proDetail .info .sBtn {width:100%; margin:15px 0 0 0; display:flex;}
.proDetail .info .sBtn .sBtnCart {width:49.5%; background:#fff; margin:0; padding:17px 0; text-align:center; font-size:16px; font-weight:600; letter-spacing:-0.9px; border:1px solid #d9d9d9;}
.proDetail .info .sBtn .sBtnBuy {width:49.5%; background:#dc3843; margin:0 0 0 1%; padding:17px 0; text-align:center; color:#fff; font-size:16px; font-weight:600; letter-spacing:-0.9px; font-weight:500; }
.proDetail .info .sBtn .sBtnBuy1 {width:100%; background:#dc3843; margin:0 0 0 0; padding:17px 0; text-align:center; color:#fff; font-size:16px; font-weight:600; letter-spacing:-0.9px; font-weight:500; }

@media screen and (max-width: 1200px) {
	.proDetail {width:95%;}
	.proDetail .info .number {margin:0 0 7px 0;}
	.proDetail .info .title {font-size:23px;}
	.proDetail .info .ment {font-size:12px;}
	.proDetail .info .sobi {padding:10px 0 0 0;}
	.proDetail .info .price {font-size:23px;}
	.proDetail .info .price .won {font-size:14px;}

	.proDetail .info .sInfo {margin:18px 0; font-size:13px;}

	.proDetail .info .sOption .tit {font-size:14px;}
	.proDetail .info .sOption select {height:35px; font-size:13px;}
	.proDetail .info .sResult {margin:7px 0 0 0; padding:7px 15px;}
	.proDetail .info .sResult .right {padding:0; font-size:16px;}
	.proDetail .info .sResult .minus {margin:0;}
	.proDetail .info .sResult .plus {margin:0;}
	.proDetail .info .sResult input.num1 {margin:0 -5px 0 -5px;}

	.proDetail .info .sTotal .total {font-size:14px;}
	.proDetail .info .sTotal .price {font-size:22px;}
	.proDetail .info .sTotal .won {font-size:12px;}
	
	.proDetail .info .sBtn {margin:5px 0 0 0;}
	.proDetail .info .sBtn .sBtnCart {padding:15px 0; font-size:14px;}
	.proDetail .info .sBtn .sBtnBuy {padding:15px 0; font-size:14px;}

	.proDetail .info .share {right:0px;}
}

@media screen and (max-width: 960px) {
	.proDetail {margin:25px auto; padding:35px 0;}
}

@media screen and (max-width: 860px) {
	.proDetail {padding:35px 0;}
	.proDetail .info .title {font-size:21px;}
	.proDetail .info .price {font-size:22px;}
	.proDetail .info .sBtn {margin:0;}
}

@media screen and (max-width: 720px) {
	.proDetail {}
	.proDetail {width:100%; margin:0 auto; padding:0;}
	.proDetail .pic {float:none; width:100%; margin:0 0 35px 0; text-align:center; }
	.proDetail .pic img {}
	.proDetail .info {float:none; width:95%; margin:0 auto;}
}

@media screen and (max-width: 510px) {
	.proDetail {}
	.proDetail .pic img {width:100%;}

	.proDetail .info .title {font-size:23px;}
	.proDetail .info .ment {font-size:12px;}
	.proDetail .info .sobi {padding:10px 0 0 0;}
	.proDetail .info .price {font-size:23px;}
	.proDetail .info .price .won {font-size:14px;}
}

.shopTab {width:100%; margin:80px 0 0 0;}
.shopTab ul {display:flex;}
.shopTab ul a {width:50%; background:#f6f6f6; padding:15px 0; text-align:center; color:#666; font-size:14px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.shopTab ul a:first-child {border-left:1px solid #e4e4e4;}
.shopTab ul a.on {background:#fff; color:#000; border-top:2px solid #333; border-bottom:0;}

@media screen and (max-width: 1200px) {
	.shopTab ul a {padding:12px 0; font-size:13px;}
}


.detail_content_1_img {overflow: hidden; height: 1200px; position: relative; text-align:center; }
.detail_content_1_img.on {height: auto;}
.detail_content_1_img img {display: block; max-width:100%; width: auto; margin:0 auto;}
.detail_content_1_img .hideBg {width: 100%; height: 96px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 66%, rgba(255, 255, 255, 0.94) 83%, rgba(255, 255, 255, 0.98) 91%, #ffffff); position: absolute; bottom: 0;}
.detail_content_1_img.on .hideBg {display: none;}
.detail_more {width: 300px; height: 64px; line-height: 64px; text-align: center; color:#fff; font-size:22px; font-weight:400; border-radius: 50px; background: #dc3843; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); cursor:pointer; margin: 80px auto;}
.detail_more .show span {display: inline-block; width: 19px; height: 14px; background: url(/image/icon_down.png) no-repeat; margin-left: 7px;}
.detail_more.on .show {display: none;}
.detail_more .hide1 {display: none;}
.detail_more .hide1 span {display: inline-block; width: 19px; height: 14px; background: url(/image/icon_up.png) no-repeat; margin-left: 7px;}
.detail_more.on .hide1 {display: inline-block;}

@media only screen and (max-width: 1200px) {
	.detail_content_1_img img {max-width:100%; width:auto;}
}

@media only screen and (max-width: 960px) {
	.detail_more {width: 200px; height: 54px; line-height: 54px; font-size:16px;}
}


.proDetail .sangse {margin:80px 0 0 0; font-size:17px; font-family:"Noto Sans KR" !important;/*  text-align:center; */}
.proDetail .sangse img {max-width:100%;}
.proDetail .sangse pre {font-family:"Noto Sans KR" !important;}

.proDetail .delivery {width:95%; margin:40px auto; border-top:1px solid rgba(0,0,0,.2);}
.proDetail .delivery ul {padding:30px 0; border-bottom:1px dashed rgba(0,0,0,.3); overflow:hidden;}
.proDetail .delivery ul li {float:left; height:100%; }
.proDetail .delivery .tit {width:25%; margin:0 0 10px 0; padding:0 0 0 20px; font-size:16px; font-weight:500;}
.proDetail .delivery .content {width:75%; font-weight:300; line-height:1.6; letter-spacing:-0.2px; }
.proDetail .delivery .tit1 {font-weight:500;}


@media screen and (max-width: 768px) {
	.proDetail .delivery .tit {font-size:14px;}
	.proDetail .delivery .content {font-size:13px;}
}

@media screen and (max-width: 640px) {
	.proDetail .delivery {width:100%;}
	.proDetail .delivery ul li {float:none;}
	.proDetail .delivery .tit {width:100%; padding:0 0 0 0px; font-size:15px;}
	.proDetail .delivery .content {width:100%;}
}

.cartGo {width:360px; margin:0 auto; background:#fff; padding:20px 0 15px 0; border-radius:10px; text-align:center; box-shadow:0 5px 10px rgba(0,0,0,.1); }
.cartGo .cIcon {margin:5px 0;}
.cartGo .cCont1 {padding:0 0 7px 0; font-size:16px; font-weight:400;}
.cartGo .name {padding:15px 0; color:#000; font-size:13px; font-weight:600;}
.cartGo .btnCa {width:130px; padding:8px 0; font-size:14px; font-weight:400; border:1px solid rgba(0,0,0,.2);  display:inline-block; cursor:pointer;}
.cartGo .btnOk {width:130px; background:#dc3843; padding:9px 0; font-size:14px; font-weight:400; color:#fff;  display:inline-block; cursor:pointer;}


/* 장바구니 */
.cTitle {width:100%; margin-bottom:35px; padding:0 0 15px 0; border-bottom:1px solid rgba(0,0,0,.1);}
.cTitle .cTit {font-size:25px; }
.cTitle .number {color:#dc3843; font-size:20px; font-weight:500;}
.cTitle .path {float:right; font-size:16px; font-weight:500; color:#989ca2;}
.cTitle .path .cir {width:23px; height:23px; background:#989ca2; margin-right:5px; color:#fff; font-size:13px; font-weight:600; line-height:23px; text-align:center; border-radius:50%; display:inline-block;}
.cTitle .path .right {margin:0 5px;}
.cTitle .path .right img {vertical-align:middle}
.cTitle .path .on {color:#000; }
.cTitle .path .on .cir {background:#dc3843;}

@media screen and (max-width: 1200px) {
	.cTitle .cTit {font-size:22px; }
}

@media screen and (max-width: 1200px) {
	.cTitle {margin-bottom:20px;}
}

@media screen and (max-width: 768px) {
	.cTitle {padding:0 0 7px 0;}
	.cTitle .path {font-size:15px;}
	.cTitle .path .cir {width:20px; height:20px; margin-right:2px; font-size:11px; line-height:20px;}
}

@media screen and (max-width: 520px) {
	.cTitle .path {display:none;}
}

.cLeft {float:left; width:calc(100% - 390px); min-height:800px;}
.cLeft .cartTop {width:100%; margin:15px 0 0 0; border-bottom:1px solid rgba(0,0,0,.3); overflow:hidden;}
.cLeft .cartTop .checkSel {float:left;}
.cLeft .cartTop .checkSel input {vertical-align:middle;}
.cLeft .cartTop .btnSeldel {float:right; padding:2px 10px; font-size:13px; border:1px solid rgba(0,0,0,.2); border-radius:3px; display:inline-block; cursor:pointer;}
.cLeft .sTitle {padding:40px 0 0 0; font-size:17px; font-weight:500;}
.cLeft .sTitle .check {float:right; font-size:13px; font-weight:400;}
.cLeft .sTitle .check input {vertical-align:middle;}

.checkBox {position:absolute; top:15px; left:15px; width:25px; height:25px; border:5px solid #c0c0c0; width:25px; height:25px; outline-width:5px; outline-color:#c0c0c0; accent-color:#fecb25;}

@media screen and (max-width: 1000px) {
	.cLeft {float:left; width:calc(100% - 350px);}
}


@media screen and (max-width: 768px) {
	.cLeft {float:none; width:100%; margin:0; padding:0; min-height:auto;}
}


.orBox {width:100%; background:#fbfbfb; padding:20px 5%; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; overflow:hidden;}
.orBox ul {display:flex;}
.orBox ul li {height:45px; line-height:45px;}
.orBox .tit {width:130px;}
.orBox .con {width:calc(100% - 130px);}
.orBox .con.flex {display:flex; justify-content:space-between;}
.orBox .basic {width:100%; height:38px; background:#fff; padding:0 0 0 7px; border:1px solid #dfdfdf; border-radius:5px;}
.orBox input {width:100%; height:38px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.orBox input.addr {width:25%;}
.orBox select.addr {width:25%; height:38px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.orBox input.card {width:24%;}
.orBox .btnOr {background:#646a7c; padding:0 10px; color:#fff; font-size:12px; line-height:37px; border-radius:5px; display:inline-block;}
.orBox strong {color:#dc3843; letter-spacing:0;}

@media screen and (max-width: 890px) {
	.orBox {padding:15px 2.5%;}
	.orBox ul li {height:40px; line-height:40px;}
	.orBox .basic {height:35px;}
	.orBox input {height:35px;}
	.orBox select.addr {height:35px;}
	.orBox .tit {width:110px; font-size:12px;}
	.orBox .con {width:calc(100% - 110px);}
}

@media screen and (max-width: 500px) {
	.orBox .con {line-height:1.3;}
	.orBox .con strong {line-height:1.3; display:block;}
}

.cartTable {width:100%; overflow:hidden;}
.cartTable ul {position:relative; border-bottom:1px dashed rgba(0,0,0,.2); overflow:hidden; background:#fff;}
.cartTable ul li {float:left; /* padding:20px 0; */}
.cartTable .check {width:30px;}
.cartTable .img {width:100px; }
.cartTable .img img {width:100%; height:auto; border-radius:5px;}
.cartTable .name {width:calc(100% - 26% - 130px - 30px); padding:25px 3% 10px 3%; font-size:15px; font-weight:500; }
.cartTable .name .opt {padding:5px 0 0 0; font-size:13px; font-weight:400; color:#a5a8b8;}
.cartTable .amount {margin:15px 0 0 0; display:flex;}
.cartTable .amount .iminus {position:relative; width:27px; height:27px; text-align:center; border:1px solid rgba(0,0,0,.2); cursor:pointer; display:inline-block;}
.cartTable .amount .iminus img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.cartTable .amount input {width:40px; height:27px; padding:0; text-indent:0; text-align:center; border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2);}
.cartTable .amount .btnCha {height:27px; margin:0 0 0 10px; padding:0 7px; line-height:25px; font-size:11px; font-weight:400; border:1px solid rgba(0,0,0,.2); border-radius:3px;}




.cartTable .price {width:26%; padding:40px 3% 0 3%; font-size:17px; font-weight:600; text-align:right; }
.cartTable .price .pName {display:none;}
.cartTable .price .pName1 {display:none;}
.cartTable .price .light {font-size:13px; color:rgba(0,0,0,.5);  }
.cartTable .price .deli {background:#fff; padding:2px 8px; font-size:12px; color:rgba(0,0,0,1); font-weight:400; border-radius:4px; border:1px solid rgba(0,0,0,.08); display:inline-block;}
.cartTable .price strong {font-size:17px; display:block;}
.cartTable .price .won {font-size:13px; }
.cartTable .price.ex {width:calc(26% + 60px);}
.cartTable .del {width:30px; padding:20px 0 0 0; text-align:right;}
.cartTable .iconX {width:25px; height:25px; background:url(/image/icon_x_b.png) no-repeat center; background-size:10px; border:1px solid rgba(0,0,0,.1); border-radius:50%; display:inline-block; cursor:pointer;}
 
@media screen and (max-width: 890px) {
	.cartTable .price .deli {font-size:11px; padding:2px 3px;}
	.cartTable .iconX {width:23px; height:23px;}
}

@media screen and (max-width: 520px) {
	.cartTable .price {padding:30px 3% 0 3%; font-size:16px;}
	.cartTable .price .light {font-size:13px; }
}

@media screen and (max-width: 460px) {
	.cartTable ul {height:230px;}
	.cartTable .check {}
	.cartTable .img {}
	.cartTable .name {width:calc(100% - 130px); padding:20px 30px 0 15px;}
	.cartTable .del {position:absolute; top:20px; right:5px; width:10%; padding:0;}
	.cartTable .price {position:absolute; width:100%; bottom:0; background:rgba(0,0,0,.01); padding:15px 25px; text-align:right;}
	.cartTable .price.ex {position:absolute; width:100%; bottom:0; background:rgba(0,0,0,.01); padding:15px 25px; text-align:right;}
	.cartTable .price .pName {float:left; margin:5px 0 0 0; text-align:left; font-size:13px; font-weight:500; display:block;}
	.cartTable .price .pName1 {float:left; margin:22px 0 0 -46px; text-align:left; font-size:13px; font-family:"Metropolis-Regular"; font-weight:600; display:block;}
	.cartTable .price .light {}
	.cartTable .price .pv {display:block;}
	.cartTable .price p {display:inline;}

	.cartTable .price .deli {padding:3px 6px;}
}



@media screen and (max-width: 380px) {
	.cartTable ul {height:180px;}
}


.cRight {float:right; width:360px; background:#fff; margin:40px 0 0 0; padding:35px; border:1px solid rgba(0,0,0,.2); }
.cRight dl {border-bottom:1px dashed rgba(0,0,0,.2); overflow:hidden;}
.cRight dl dd {float:left; height:50px; line-height:50px;}
.cRight .tit {width:40%; font-size:14px; font-weight:400;}
.cRight .content {width:60%; text-align:right; font-size:16px; font-weight:600; letter-spacing:0;}
.cRight .content .won {font-size:13px; font-weight:400;}
.cRight .total {border-top:1px solid rgba(0,0,0,.7); border-bottom:0; margin:0;}
.cRight .number {font-size:22px; font-weight:700; color:#dc3843; letter-spacing:0; /* font-family:'gilroybold'; */}
.cRight .btnBuy {background:#dc3843; margin:25px 0 0 0; padding:17px 0; text-align:center; color:#fff; font-weight:600; font-size:16px; border-radius:5px; display:block;}

.cRight.fixed {position:fixed; top:140px; left:50%; width:360px; margin-left:240px; }

.cRight100 {float:none; width:100%; margin:0; padding:35px; border:1px solid rgba(0,0,0,.2); }
.cRight100 dl {border-bottom:1px dashed rgba(0,0,0,.2); overflow:hidden;}
.cRight100 dl dd {float:left; height:50px; line-height:50px;}
.cRight100 .tit {width:40%; font-size:14px; font-weight:400;}
.cRight100 .content {width:60%; text-align:right; font-size:16px; font-weight:600; letter-spacing:0;}
.cRight100 .content .won {font-size:13px; font-weight:400;}
.cRight100 .total {border-top:1px solid rgba(0,0,0,.7); border-bottom:0; margin:0;}
.cRight100 .number {font-size:22px; font-weight:700; color:#dc3843; letter-spacing:0; /* font-family:'gilroybold'; */}
.cRight100 .btnBuy {background:#dc3843; margin:25px 0 0 0; padding:17px 0; text-align:center; color:#fff; font-weight:600; font-size:16px; border-radius:5px; display:block;}



@media screen and (max-width: 1200px) {
	.cRight.fixed { left:auto; right:2.5%; }
}

@media screen and (max-width: 1000px) {
	.cRight {width:320px; padding:25px;}
	.cRight dl dd {height:40px; line-height:40px;}
	.cRight .tit {font-size:13px;}
	.cRight .content {font-size:15px;}
	.cRight .number {font-size:20px;}
	.cRight.fixed {width:320px;}
}

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

@media screen and (max-width: 768px) {
	.cRight {float:none; width:75%; margin:40px auto;}
	.cRight .tit {font-size:14px;}
	.cRight .content {font-size:16px;}
	.cRight .number {font-size:22px;}
	.cRight.fixed {position:inherit; top:auto; right:auto; width:75%; margin:40px auto;}
}

@media screen and (max-width: 560px) {
	.cRight {width:95%;}
	.cRight.fixed {width:95%;}
}



/* 주문내역 */
.orWrap {margin:10px 0 0 0; padding:40px 0; overflow:hidden;}
.orList {position:relative; margin:0 0 60px 0; border-top:1px solid rgba(0,0,0,.3); border-bottom:1px solid rgba(0,0,0,.2);}
.orList .orDate {position:absolute; top:-20px; font-size:16px; font-weight:600;}
.orList .orTop {background:rgba(0,0,0,.01); padding:0 15px; border-bottom:1px dashed rgba(0,0,0,.3);}
.orList .orTop ul {overflow:hidden;}
.orList .orTop ul li {float:left; width:50%; height:50px; line-height:53px; font-size:16px; font-weight:500;}
.orList .orTop ul li:last-child {text-align:right; font-size:13px; font-weight:400;}
.orList .detail {background:#fff; margin:0 0 0 15px; padding:3px 7px; font-size:12px; line-height:1.2; border:1px solid rgba(0,0,0,.3); border-radius:3px; display:inline-block;} 
.orList .orCenter {display:flex; padding:15px; border-bottom:1px dashed rgba(0,0,0,.3);}
.orList .orCenter .oTop {width:60%; display:inherit;}
.orList .orCenter .oBottom {width:40%; display:inherit;}
.orList .orCenter .pic {width:20%; }
.orList .orCenter .pic img {width:100%; height:auto; border-radius:5px;}
.orList .orCenter .name {width:80%; padding:40px 3% 10px 3%; font-size:16px; font-weight:500; }
.orList .orCenter .name .opt {padding:5px 0 0 0; font-size:14px; color:#a5a8b8; font-weight:300;}
.orList .orCenter .price {width:33.3%; padding:40px 3% 0 3%; font-size:17px; font-weight:600; text-align:center; }
.orList .orCenter .price .light {font-size:14px; font-family:"Metropolis-Regular";}
.orList .orCenter .price .won {font-size:13px; font-family:"Metropolis-Light";}
.orList .orTotal {background:#fdfdfd; padding:20px 5%; text-align:right;}
.orList .orTotal .tit {}
.orList .orTotal .num {font-size:17px; font-weight:600;}



@media screen and (max-width: 1450px) {
	.orWrap {padding:30px 0;}
}

@media screen and (max-width: 1200px) {
	.orList .orTop ul li {font-size:14px;}
	.orList .orCenter .name {width:; padding:25px 3% 5px 3%; font-size:14px;}
	.orList .orCenter .name .opt {padding:0; font-size:13px;}
	.orList .orCenter .price {width:; padding:25px 0 0 0; font-size:15px;}
	.orList .orCenter .price .light {font-size:13px;}
}

@media screen and (max-width: 840px) {
	.orWrap {}
	.orList .orCenter {padding:10px 0; }
}


@media screen and (max-width: 768px) {
	.orWrap {margin:10px 0;}
	.orList .orCenter {width:100%; padding:10px 0 0 0; display:inline-block;}
	.orList .orCenter .oTop {width:100%; display:flex;}
	.orList .orCenter .oBottom {width:100%; background:rgba(0,0,0,.01); margin:10px 0 0 0; border-top:1px solid rgba(0,0,0,.02); display:flex;}
	.orList .orCenter .pic {width:20%;}
	.orList .orCenter .pic img {width:90%; height:auto;}
	.orList .orCenter .name {width:80%; font-size:16px;}
	.orList .orCenter .price {width:33.3%; padding:15px 0;}
	
	.orList .orTotal {background:#fff; border:3px solid rgba(0,0,0,.05); text-align:center;}
	.orList .orTotal .tit {font-size:12px;}
	.orList .orTotal .num {font-size:15px;}
}

@media screen and (max-width: 620px) {
	.orList .orCenter .pic img {width:100%;}
	.orList .orCenter .name {font-size:15px;}
}

@media screen and (max-width: 560px) {
	.orWrap {margin:10px 0; padding:40px 0; box-shadow:0;}
	.orList .orTop ul li.left {width:30%;}
	.orList .orTop ul li.right {width:70%;}

}

@media screen and (max-width: 460px) {
	.orList .orCenter .name {padding:15px 3% 5px 3%; font-size:14px;}
}

/* 서브페이지 */
.subCenter {width:1200px; min-height:400px; margin:60px auto; overflow:hidden;}
.subCenter.cart {margin:60px auto 300px;}

@media screen and (max-width: 1200px) {
	.subCenter {width:95%; margin:30px auto;}
	.subCenter.cart {margin:30px auto 300px;}
}


/* 로그인 */
.loginTit {padding:20px 0; font-size:30px; font-weight:bold; text-align:center; }

.loginTab {width:450px; height:50px; 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:450px; margin:25px auto; font-size:14px; letter-spacing:-0.5px;}
.cirAlert {float:left; width:26px; height:26px; border-radius:13px; background:#dc3843; color:#fff; font-weight:bold; 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:450px; margin:10px auto 250px; overflow:hidden; }

.loginWrap ul.login {width:100%;}
.loginWrap ul.login input {width:100%; height:50px; border:1px solid #eaeaea; padding-left:20px; font-size:15px;}
.loginWrap ul.login input.phone {width:29%; height:50px; border:1px solid #eaeaea; padding-left:5px; font-size:15px; background:#fafafa;}
.loginWrap ul.login select {width:35%; height:50px; border:1px solid #eaeaea; padding-left:15px; top:-2px !important; font-size:15px; background:url(/image/icon_hp.png) no-repeat 15px center #fafafa;}

.loginWrap ul.btn {width:100%;}
.loginWrap .btnLogin {width:100%; height:60px; background:#dc3843; text-align:center; line-height:60px; color:#fff; font-size:14px; font-weight:bold; display:block;}
.loginWrap ul li {margin-bottom:5px; }

.loginWrap ul.idpw {width:100%; margin:20px 0 0 0; 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;}
.btnG3M {text-align:center; color:#fff !important; background:#505258; font-size: 12px; padding: 11px 28px; border-radius: 3px; cursor: pointer; display: inline-block;}

@media screen and (max-width: 460px) {
	.loginTit {font-size:23px;}

	.loginTab {width:100%; height:40px;}
	.loginTab ul li {height:39px; font-size:13px; line-height:39px; }

	.loginInfo {width:95%;}
	.cirAlert {width:20px; height:20px; border-radius:10px; line-height:20px; font-size:16px;}
	.loginInfo p.txt {margin-left:4px; font-size:13px;}

	.loginWrap {width:95%;}
	.loginWrap ul.login input {height:40px; padding-left:10px; font-size:13px;}
	.loginWrap ul.login input.phone {height:40px; font-size:13px;}
	.loginWrap .btnLogin {height:40px; line-height:40px;}
}




/* 모바일메뉴 
.mNav {position:fixed; top:0; left:-620px; width:100%; max-width:420px; height:100%; background:#eee; overflow-y:auto; z-index:11;}
.mNav .close1 {position:absolute; top:27px; right:27px; width:30px; height:30px; background:url(/image/licon_x.png) no-repeat center center; background-size:60% auto; cursor:pointer;}
.mNav .mTop {width:100%; height:165px; background:#222; padding:20px 0 0 0; color:#fff;}
.mNav .mName {float:left; margin:0 0 23px 27px; background:url(/image/licon00.png) no-repeat center left; padding:0 0 0 50px; font-size:21px; font-weight:500; }
.mNav .mName .nim {font-size:15px; font-weight:500;}
.mNav .mName .my {font-size:13px; color:rgba(255,255,255,.5); font-weight:500; line-height:1.3; display:block;}
.mNav .mLang {float:right; margin:8px 75px 0 0; position:relative; width:70px; height:30px; background:url(/image/lang_a.png) no-repeat 82% center #434343; line-height:30px; padding:0 15px; border-radius:15px; font-size:12px;}
.mNav .mLang .mOption {display:none; position:absolute; top:20px; left:0; width:100%; background:#434343; line-height:1.3; padding:10px 15px 10px 15px; border-radius:0 0 15px 15px;}
.mNav .mLang:hover .mOption {display:block;}
.mNav .logout {margin:5px 0 0 5px; width:20px; height:20px; background:url(/image/licon_x.png) no-repeat center center rgba(255,255,255,.2); background-size:8px auto; border-radius:50px; display:inline-block;} 
.mNav .logout {background:rgba(255,255,255,.2); margin:5px 0 0 5px; padding:3px 7px; font-size:11px; font-weight:300; border-radius:3px; display:inline-block;}

.mNav .mQuick {clear:both; width:100%; height:77px; border-top:1px solid rgba(255,255,255,.1); overflow:hidden;}
.mNav .mQuick > ul > li {float:left; width:25%; height:77px; border-left:1px solid rgba(255,255,255,.1); padding:50px 0 0 0; text-align:center; font-size:12px; background-size:33px auto;}
.mNav .mQuick > ul > li:first-child {border-left:0;}

.leIcon01 {background:url(/image/licon01_1.png) no-repeat center 13px;}
.leIcon02 {background:url(/image/licon02.png) no-repeat center 13px;}
.leIcon03 {background:url(/image/licon03.png) no-repeat center 13px;}
.leIcon04 {background:url(/image/licon04.png) no-repeat center 13px;}

.mNav .dep1_menu {position:relative; width:100%; margin:10px 0; border-bottom:1px solid #c8c8c8; }
.dep1_menu > li {float:left; width:50%; height:45px; background:#fff; border-left:1px solid #f6f6f6; border-top:1px solid #f6f6f6; text-align:center}

.dep1_menu > li > a {display:inline-block; height:45px; font-size:11px; letter-spacing:-1px; color:#687083}
.dep1_menu > li > a.on {background-color:#4b6cb3; border-color:#4b6cb3; }
.dep1_menu > li.on > a {color:#fff}
.dep1_menu > li:hover .depth2 {display:block}
.dep1_menu > li:hover .depth2:after {position:relative; display:block; content:''; height:auto; width:200%; background:#d8dde7; bottom:0; left:0} 
.dep1_menu .depth2 {overflow:hidden; display:none; width:100%;  background-color:#eef1f6; z-index:3;}
.dep1_menu .depth2 li {float:left;width:50%;height:40px;border-bottom:1px solid #e5e8ee;border-right:1px solid #e5e8ee;box-sizing:border-box;-webkit-box-sizing:border-box}
.dep1_menu .depth2 li:nth-child(even) {border-right:none}
.dep1_menu .depth2 li a {display:block;height:40px;padding-left:12px;line-height:41px;font-size:12px;font-weight:normal;color:#959eae;text-align:left}

.depth_menu {margin:15px 0 0 0; border-top:1px solid #e5e8ee; border-bottom:1px solid #c8c8c8; overflow:hidden;}
.depth_menu > li.dMenu {float:left; width:50%; height:47px; background:#fff; padding:0 7%; font-size:15px; font-weight:500; line-height:47px; border-left:1px solid #eee; border-bottom:1px solid #eee;}
.depth_menu > li.dMenu.on {font-weight:600;}
.mgmg {margin-top:-47px !important;}

.depth2 {display:none; width:100%; background:#fff; border:10px solid #eee; padding:15px; overflow:hidden; z-index:2;}
.depth2 > dd {float:left; width:50%; padding:0 10px; font-size:14px; line-height:1.7;}

.mNav .mTitle {width:100%; background:#fff; margin:15px 0 0 0; padding:17px 0 5px 25px; font-size:16px; font-weight:600; }
.goMall {width:100%; max-width:420px; background:#fff; padding:0 10px 30px 10px; overflow-x:scroll; border-bottom:1px solid #c8c8c8;}
.goMall .mall {float:left; width:135px; height:150px; margin:0 10px; padding:138px 0 0 0; font-size:14px; text-align:center;}
.goMall .mallWrap {width:500px;}


.m01 {background:url(/image/menu01.png) no-repeat center top; background-size:100% auto;}
.m02 {background:url(/image/menu02.png) no-repeat center top; background-size:100% auto;}
.m03 {background:url(/image/menu03.png) no-repeat center top; background-size:100% auto;}
.m04 {background:url(/image/mall04.png) no-repeat center top; background-size:100% auto;}
.m05 {background:url(/image/mall05.png) no-repeat center top; background-size:100% auto;}
.m06 {background:url(/image/mall06.png) no-repeat center top; background-size:100% auto;}
.m07 {background:url(/image/mall07.png) no-repeat center top; background-size:100% auto;}


.mNotice {margin:15px 0 0 0; background:#fff; padding:15px 25px; font-size:13px; border-bottom:1px solid #c8c8c8;}
.mNotice .tit {font-size:16px; font-weight:600; margin:0 10px 0 0;}
.mNotice .date {color:#828282; font-size:12px; margin:0 10px 0 0;}

*/

.mOffice {margin:15px 0 0 0; background:url(/image/icon_more.png) no-repeat 95% center #fff; padding:15px 25px; font-size:13px; border-bottom:0px solid #c8c8c8;}
.mOffice .tit {font-size:15px; font-weight:500;}
.office_menu {background:#fff; border-bottom:10px solid #eee; display:none;}
.office_menu .depth_menu {margin:0;}



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

.nTable {width:100%; border-top:1px solid #000; font-size:15px;}
.nTable th {padding:15px 0; background:rgba(0,0,0,.05); border-bottom:1px solid rgba(0,0,0,.1); overflow:hidden;}
.nTable td {padding:15px 0; border-bottom:1px solid rgba(0,0,0,.1); text-align:center;}
.nTable .tleft {text-align:left;}
.btnG {background:#444;/*  margin:40px 0 0 0; */ padding:9px 15px; font-size:13px; color:#fff; border-radius:4px; cursor:pointer; display:inline-block;}
.btnOk1 {width:130px; background:#dc3843; padding:10px 0; text-align:center; font-size:14px; color:#fff; border-radius:4px; display:inline-block; cursor:pointer;}
.btnCa1 {width:130px; background:#444; padding:10px 0; text-align:center; font-size:14px; color:#fff; border-radius:4px; display:inline-block; cursor:pointer;}
.btnGG {background:#444; padding:9px 15px; font-size:13px; color:#fff; border-radius:4px; cursor:pointer;}

/* 이용약관 */
.yakTit {padding:0 0 20px 0; text-align:center; font-size:30px; border-bottom:1px solid rgba(0,0,0,.1);}
.yakCont {padding:20px 0 0 0; font-size:15px; line-height:1.6; color:rgba(0,0,0,.8); word-break:break-all;}
.yakCont .yakBox {padding:20px 2%; border:1px solid rgba(0,0,0,.1); border-radius:5px;}

@media screen and (max-width: 768px) {
	.yakTit {font-size:23px;}
	.yakCont {font-size:13px;}
}

/* 회원가입 */
.jTable {width:80%; margin:10px auto; border-top:1px solid #000; font-size:15px;}
.jTable th {width:25%; padding:15px 0; background:rgba(0,0,0,.05); border-bottom:1px solid rgba(0,0,0,.1); overflow:hidden;}
.jTable td {width:75%; padding:15px; border-bottom:1px solid rgba(0,0,0,.1); text-align:left;}
.jTable td input {width:50%; margin:2px 0;}
.jTable td select {border:1px solid #ccc;}

@media screen and (max-width: 1000px) {
	.jTable {width:100%;}
}

/* 나의정보 */
.pTable {width:100%;  border-top:1px solid #000; font-size:15px;}
.pTable th {width:25%; padding:15px 0; background:rgba(0,0,0,.05); font-weight:500; border-bottom:1px solid rgba(0,0,0,.1); overflow:hidden;}
.pTable td {width:75%; padding:15px; line-height:1.6; border-bottom:1px solid rgba(0,0,0,.1); text-align:left;}
.pTable td input {width:50%; margin:2px 0;}
.pTable td select {border:1px solid #ccc;}

.input25 {width:25% !important;}
.input30 {width:30% !important;}
.input50 {width:50% !important;}
.input90 {width:90% !important;}

@media screen and (max-width: 1450px) {
	.pTable {}
}

@media screen and (max-width:480px) {
	.input25 {width:25% !important;}
	.input30 {width:22% !important;}
}


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

@media screen and (max-width: 640px) {
	.fixMenu {position:fixed; bottom:0; width:100%; height:60px; 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:100%; height:100%; margin:0 auto;}
	.fixMenu ul li {float:left; width:20%; height:100%; background-size:26px auto;}
	.fixMenu ul li p {padding:35px 0 0 0; font-size:11px; 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;}
	.fIcon05 {background:url(/image/ficon05.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(/img/symbol.png) no-repeat center center #fff; }
}


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


.agreeBox1 {width:100%; height:190px; background:#fafafa; border:1px solid #e0e0e0; overflow-y:auto; margin:0; padding:20px;}
.agreeBox {width:100%; height:190px; border:1px solid #e0e0e0; background:#fcfcfc; padding:50px; overflow-y:auto; margin: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;}
.btnJo {width:200px; background:#dc3843; padding:10px 0; text-align:center; font-size:16px; color:#fff; display:inline-block; cursor:pointer;}
.btnCan {width:200px; background:#333; padding:10px 0; text-align:center; font-size:16px; color:#fff; display:inline-block; cursor:pointer;}

@media screen and (max-width: 460px) {
	.agree {font-size:15px;}
	.tAgree {font-size:17px;}
	.btnJo {width:150px;}
	.btnCan {width:150px;}
}


/* 이벤트기획전 */
.evWrap {width:1200px; margin:90px auto; overflow:hidden;}
.evLeft {float:left; width:31%; height:434px; background:url(/img/event_left.jpg) no-repeat; background-size:100% 100%; padding:98px 0; border-radius:7px; }
.evLeft p {color:#fff; font-weight:300; font-family:'Gmarket Sans';}
.evLeft .small {padding:0 65px; font-size:25px; }
.evLeft .big {padding:20px 65px; font-size:37px; line-height:1.1;}
.evLeft .arrow {margin:0 65px; width:59px; height:13px; background:url(/img/arrow_w.png) no-repeat; background-size:100%;}
.evLeft .cirWrap {width:100%; text-align:center;}
.evLeft .cir {width:87px; height:87px; background-size:100%; margin:29px 6px; border-radius:50%; box-shadow:0 15px 20px rgba(0,0,0,.1); display:inline-block;}

.c01 {background:url(/img/event01.png) no-repeat;}
.c02 {background:url(/img/event02.png) no-repeat;}
.c03 {background:url(/img/event03.png) no-repeat;}

.evRight {float:left; width:69%;}
.evRight .evItem {float:left; width:50%; margin:4px 0; padding:0 0 0 33px;}
.evRight .evItem .evPic {float:left; width:39%; height:130px;  overflow:hidden;}
.evRight .evItem .evPic img {width:130px; height:130px; border-radius:7px; border:1px solid #ddd;}
.evRight .evItem .evCont {float:left; width:61%; padding:20px 0; }
.evRight .evItem .evTit {height:45px; background:url(/img/arrow_b.png) no-repeat right center; padding:0 25% 0 0; line-height:1.3; font-size:18px; font-weight:400; font-family:'Gmarket Sans'; overflow:hidden;}
.evRight .evItem .evTxt {height:22px; font-size:13px; font-weight:400; color:rgba(0,0,0,.5); font-family:'Gmarket Sans'; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.evRight .evItem .evNum {padding:5px 0 0 0; font-size:17px; font-family:'Campton'; font-weight:700;}
.evRight .evItem .evNum span {font-size:14px; font-weight:400; font-family:'NanumSquareR';}



@media screen and (max-width: 1200px) {
	.evWrap {width:95%;}
	.evLeft {height:385px; padding:80px 0;}
	.evLeft .small {padding:0 45px; font-size:20px; }
	.evLeft .big {padding:10px 45px; font-size:33px;}
	.evLeft .arrow {margin:0 45px; width:50px; height:11px;}
	.evLeft .cir {width:75px; height:75px; margin:28px 3px;}

	.evRight .evItem {padding:0 0 0 2%;}
	.evRight .evItem .evPic {width:39%; height:120px;}
	.evRight .evItem .evPic img {width:115px; height:115px;}
	.evRight .evItem .evCont {width:61%; padding:15px 0;}
	.evRight .evItem .evTit {height:40px; background-size:40px auto; font-size:16px;}
	.evRight .evItem .evTxt {height:20px; font-size:12px;}
}

@media screen and (max-width: 1000px) {
	.evLeft {height:330px; padding:60px 0;}
	.evLeft .small {font-size:17px; }
	.evLeft .big {font-size:29px;}
	.evLeft .cir {width:65px; height:65px; margin:28px 3px;}

	.evRight .evItem .evPic {height:100px;}
	.evRight .evItem .evPic img {width:100px; height:100px;}
	.evRight .evItem .evCont {padding:10px 0;}
	.evRight .evItem .evTit {height:37px; font-size:14px;}
	.evRight .evItem .evTxt {height:16px; font-size:11px;}
	.evRight .evItem .evNum {padding:0;}
}

@media screen and (max-width: 840px) {
	.evLeft {width:28%; height:315px; padding:50px 0;}
	.evLeft .small {padding:0 35px; font-size:15px; }
	.evLeft .big {padding:10px 35px; font-size:26px;}
	.evLeft .cir {width:55px; height:55px; margin:28px 2px;}

	.evRight {width:72%;}
	.evRight .evItem .evPic {height:90px;}
	.evRight .evItem .evPic img {width:90px; height:90px;}
}

@media screen and (max-width: 768px) {
	.evWrap {width:90%;}
	.evLeft {display:none;}
	.evRight {width:100%;}
	.evRight .evItem {padding:0 0 0 4%;}
	.evRight .evItem:nth-child(2n+1) {padding:0;}
	.evRight .evItem .evPic {width:36%; height:100px;}
	.evRight .evItem .evPic img {width:100px; height:100px;}
	.evRight .evItem .evCont {width:64%;}
}

@media screen and (max-width: 680px) {
	.evRight .evItem .evPic {height:80px;}
	.evRight .evItem .evPic img {width:80px; height:80px;}
}

@media screen and (max-width: 560px) {
	.evWrap {width:90%;}
	.evRight .evItem {width:100%; padding:0;}
	.evRight .evItem .evPic {width:30%; height:120px;}
	.evRight .evItem .evPic img {width:120px; height:120px;}
	.evRight .evItem .evCont {width:70%;}
	.evRight .evItem .evTit {height:40px; background-size:40px auto; font-size:16px;}
	.evRight .evItem .evTxt {height:20px; font-size:12px;}
}


@media screen and (max-width: 470px) {
	.evRight .evItem .evPic {height:90px;}
	.evRight .evItem .evPic img {width:90px; height:90px;}
	.evRight .evItem .evTit {height:37px; font-size:14px;}
	.evRight .evItem .evTxt {height:16px; font-size:11px;}	
}

@media screen and (max-width: 390px) {
	.evRight .evItem .evPic {height:85px;}
	.evRight .evItem .evPic img {width:85px; height:85px;}
}


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


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


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


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

@media screen and (max-width: 1200px) {
	.width1200 {width:95%; overflow:hidden;}
}


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

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

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


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


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

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


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

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

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


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




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

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

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

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


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

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


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

	.bBoxBig {width:33.3%; height:400px;}
	.bBoxBig .name {font-size:16px;}
	.bBoxBig .sobi {font-size:13px;}
	.bBoxBig .price {font-size:19px;}
	.bBoxBig .price .won {font-size:13px;}

	.bBoxS {width:33.3%; height:200px;}
	.bBoxS .pic {width:45%;}
	.bBoxS .pic img {width:95%; height:auto;}
	.bBoxS .info {width:55%; padding:55px 10px 30px 10px;}
	.bBoxS .info .name {font-size:15px;}
	.bBoxSS .info .sobi {font-size:13px;}
	.bBoxSS .info .price {font-size:18px;}
	.bBoxSS .info .price .won {font-size:13px;}
}

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

	.bBoxBig .pic {width:95%; height:auto;}
}

@media screen and (max-width: 800px) {
	.bBoxBig {height:300px;}
	.bBoxS {height:150px;}
	.bBoxS .info .name {font-size:14px;}
	.bBoxSS .info .sobi {font-size:12px;}
	.bBoxSS .info .price {font-size:16px;}
	.bBoxSS .info .price .won {font-size:12px;}
}

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

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

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

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

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


@media screen and (max-width: 520px) {
	.bBoxS .pic {width:130px;}
}


#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 #0d439d !important; font-size:12px; color:#0d439d; font-weight:600;}
#tabMenu .tabCont {display:none; clear:both; overflow:hidden;}

#tabMenu .width02 {width:50%;}

#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:25%; 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; }
}

/* 상품리스트 상단 */
#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:#0d439d; 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:25%; }
	.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:20%; 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(5n+5) {border-right:0;} 
	.subPath ul li.on {background:#0d439d; 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:#0d439d;}
.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:#0d439d;}
	.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:#0d439d;}
	.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:#0d439d; 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:#0d439d; padding:15px 15px; font-size:13px; border:1px solid #0d439d; 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:#0d439d; padding:15px 25px; font-size:15px; border:1px solid #0d439d; 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;}
}


.purWrap {width:100%; margin:0 auto; padding:0 0 0 0; display:flex; }
.purBox {width:30%; margin:3% 1.66%; background:; padding:12px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:7px;}
.purBox .pTop {width:100%; border-radius:5px;}
.purBox .pTop img {width:100%; height:auto; border-radius:5px;}
.purBox .name {padding:10px 5px 0 5px; font-size:17px; font-weight:500;}
.purBox .small {margin-left:5px; font-size:12px; vertical-align:middle;}
.purBox .price {padding:0; font-size:25px; font-family:'NerisBlack', "Noto Sans KR"; font-weight:500; display:block;}
.purBox .pv {font-size:16px; font-family:"Metropolis-regular";}
.purBox .pMid {padding:10px 20%; border-top:1px dashed rgba(0,0,0,.2); border-bottom:1px dashed rgba(0,0,0,.2); text-align:center; font-size:14px; font-weight:500; line-height:1.3; overflow:hidden;}
.purBox .pMid ul {overflow:hidden;}
.purBox .pMid ul li {float:left; height:30px; line-height:30px;}
.purBox .pMid ul li:first-child {width:20%;}
.purBox .pMid input.sBox {width:50px; height:25px; background:rgba(255,255,255,.15); border-radius:2.5px; border:1px solid rgba(0,0,0,.2); font-size:14px; text-align:center; color:#000; letter-spacing:0; vertical-align:middle;}
.purBox .pMid .amout {font-weight:600; font-family:'NerisBlack', "Noto Sans KR"; color:#1766ca;}
.purBox .pBtn {width:100%; height:45px; background:rgba(0,0,0,.05); background-size:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; line-height:50px; overflow:hidden; border-radius:5px; cursor:pointer;}
.purBox .pBtn:hover {background:#448cdf; color:#fff;}
.purBox:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}

.purBoxH {width:364px; height:322px; background: var(--img-pur-bg) no-repeat center top; background-size:100%; text-align:center; padding:50px 0; color:#f4a028;}
.purBoxH .name {padding:8px 0 20px 0; font-size:16px; font-family:"Metropolis-Bold";}
.purBoxH .price {font-size:34px; font-family:"Metropolis-Bold";}
.purBoxH .hu {padding:13px 0 5px 0; font-size:15px;}
.purBoxH .hu strong {font-size:20px;}
.purBoxH .eth {font-size:13px;}
.purBoxH .eth strong {font-size:15px;}
.purBoxH .pBtn {width:40%; background:#f4a028; margin:20px auto 0; padding:11px 0; color:#00203f; font-weight:500; border-radius:50px; display:inline-block;}


@media all and (max-width: 1200px) {
	.purWrap {width:100%;}
	.purBox {width:45%; margin:3% 2.5%;}
} 

@media all and (max-width: 1000px) {
	.purBox {width:30%; margin:3% 1.66%;}
	.purBox .name {font-size:15px;}
	.purBox .price {font-size:18px;}
	.purBox .pv {font-size:14px;}
	.purBox .pBtn {height:40px; font-weight:500; font-size:13px; line-height:40px;}
}



@media all and (max-width: 700px) {
	.purBox {width:48%; margin:3% 1%;}
}


@media all and (max-width: 460px) {
	.purBox {padding:0; border-radius:5px; overflow:hidden;}
	.purBox .pTop img {border-radius:0;}
	.purBox .name {font-size:14px;}
	.purBox .price {font-size:16px;}
	.purBox .pv {font-size:12px;}
	.purBox .pBtn {border-radius:0;}
} 


.titBox {width:100%; padding:10px 2% 20px 2%; line-height:1.4; border-bottom:1px dashed rgba(0,0,0,.1); overflow:hidden;}
.titBox .pic {float:left; width:65px; padding:0 20px 0 0;}
.titBox .pic img {}
.titBox .cont {float:left; width:calc(100% - 65px); word-break:break-all;}
.titBox .fontY {color:#0ea272; font-weight:500;}

@media all and (max-width: 740px) {
	.titBox .pic {display:none;}
	.titBox .cont {float:none; width:100%;}
}

/* ORDER */
	.orderWrap {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.orderBox {
		position: relative;
		width: 49.5%;
		margin: 1% 0 0 0;
		padding: 40px 30px 30px;
		font-weight: 400;
		border: 1px solid #ccc;
		display: flex;
		border-radius:5px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.orderBox .oLeft {width: 57%;}
	.orderBox .oRight {width: 43%; text-align: right;}
	.orderBox .oBtnL {
		float: right;
		margin: 18px 0 0 0;
	}
	.orderBox .oBtnWrap {
		position: absolute;
		top: 0;
		right: 0;
		width: 65px;
	}
	.orderBox .o100 {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
		height: 27px;
		line-height: 27px;
		margin: 20px 0 0 0;
		background: rgba(0, 0, 0, 0.06);
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		overflow: hidden;
	}

	.orderBox .o100.hash {margin:10px 0 0 0;}

	.orderBox .o100 input {
		width: calc(100% - 70px);
		height: 27px;
		line-height: 27px;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
		background: none;
		padding: 0;
		border: 0;
		outline: 0;
	}
	.orderBox .o100 .o100Btn {
		position: absolute;
		bottom: 0;
		right: 0;
		float: right;
		height: 27px;
		line-height: 27px;
		background: #242848;
		color: #fff;
		padding: 0 8px;
		font-size: 10px;
	}
	.orderBox .date {
		font-size: 13px;
		color: rgba(0, 0, 0, 0.7);
		letter-spacing: 0;
		padding: 0 0 5px 0;
	}
	.orderBox .name {
		font-size: 20px;
		color: #000;
		font-weight: 500;
	}
	.orderBox .nameS {
		font-size: 14px;
		color: rgba(0,0,0,.7);
		letter-spacing:0;
	}
	.orderBox .name em {
		font-size: 17px;
	}
	.orderBox .small {
		font-size: 60%;
	}
	.orderBox .nameR {
		font-size: 14px;
		color: #000;
	}
	.orderBox .numR {
		font-size: 22px;
		color: #032258;
		font-weight: 600;
	}
	.orderBox .oBtn {
		width: 100%;
		height: auto;
		background: transparent; /*  margin:2px 0; */
		text-align: center;
		font-size: 10px;
		padding: 3px 7px;
		color: #000;
		font-weight: 400;
		border: 1px solid rgba(0, 0, 0, 0.4);
	}
	.orderBox .oBtn:hover {
		background: #032258;
		border: 1px solid #032258;
		color: #fff;
	}
	.orderBox .status {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.6);
		padding: 3px 8px;
		color: #fff;
		font-size: 11px;
		font-weight: 400;
		display: inline-block;
	}
	.orderBox .status strong {
		color: #22d4de;
		font-weight: 500;
	}
	.orderBox .oRed {
		color: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
	.orderBox .rBtn {
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		background: rgba(0, 0, 0, 0.03);
		padding: 3px 10px;
		color: #000;
		font-size: 10px;
		font-weight: 500;
		display: inline-block;
	}
	.orderBox .oRed:hover {
		background: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
/* ORDER end*/