#mask {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:4; display:none;}
/* 상단영역 */
.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:15px 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:70px; margin:0 0 0 25px; }
.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 .login .mFont {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:60px; margin:7px 0 0 20px;}
	.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; margin:0px 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:165px; margin:10px 0 0 0; border:0px solid red; }
	.topWrap .gnb .col {width:55px;}
	.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:50px; margin:0px 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 {width:150px; margin:8px 0 0 0;}
	.topWrap .gnb .col {width:50px;}
	.topWrap .gnb span {display:none;}
	.topWrap .gnb .lBtn {display:none;}
	
}

@media screen and (max-width: 560px) {
	.topWrap {padding:10px 0 0 0;}
	.topWrap .topLogo {width:45px; margin:0 0 5px 7px;}
	.topWrap .tMenu {margin:3px 0 0 0;}
	.topWrap .search {position:relative; width:100%; left:0; top:0; transform:translateX(0); margin:60px 0 0 0;}
	.topWrap .gnb {position:absolute; top:10px; right:2.5%; width:100px;}
	.topWrap .gnb .col {width:50px; display:none;}
	.topWrap .gnb .col:last-child {display:inline-block;}
	.topWrap .gnb .login img {display:none;}
	.topWrap .gnb .login {width:55px; margin-right:2px; 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 .login .mFont {display:inline-block;}
	.topWrap .gnb .login .lBtn {display:none;}
	.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; */}
   
	.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;} 
}

/* 입금 */
.dWrap {width:95%; margin:2% auto; overflow:hidden;}
.dBox {float:left; width:24%; background:#fff; margin:15px 1.33% 15px 0; padding:10px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:7px;}
.dBox:nth-child(4n+4) {margin:15px 0 15px 0;}
.dBox .img {width:100%;}
.dBox .img img {width:100%; border-radius:5px;}
.dBox .name {padding:15px 0 10px; font-size:22px; font-weight:500;}
.dBox .qty {font-size:12px;}
.dBox input {width:45px; height:28px; background:#f1f1f1; text-align:center; border-radius:3px;}
.dBox .tit {padding:15px 0 0 0; font-size:13px;}
.dBox .price {font-weight:600; font-size:21px;}
.btnB {background:#1c2028; margin-top:15px; padding:11px; color:#fff; text-align:center; font-size:13px; border-radius:3px;}


@media screen and (max-width:920px) {
	.dWrap {width:100%;}
	.dBox {width:31%;}
}

@media screen and (max-width:680px) {
	.dBox {width:48%;}
	.dBox .name {font-size:15px;}
	.dBox .price {font-size:17px;}
	.dBox .btnB {padding:10px; font-size:12px;}
}



.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; /* overflow:hidden; */}

.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:5px;  line-height:48px; font-size:15px; font-weight:400;}
.topNav .topMenu span {padding:0 20px; border-left:1px solid #dee2e7;}
.topNav .topMenu span:first-child {border-left:0;}
.topNav .topMenu img {margin:15px 5px 0 0;}
.topNav .topMenu a {}
.topNav .topMenu .gu {position:relative;}
.topNav .topMenu .gu .tag {position:absolute; top:-54px; left:50%; margin-left:-38px;}

.topNav .navGnb {float:right; font-size:14px; line-height:48px; padding:0 10px 0 0; font-weight:400; }
.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%;}
	.topNav .topMenu {}
}



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

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

@media screen and (max-width: 820px) {
	.topNav .navGnb {display:none;}
	.topNav .topMenu {width:100%; padding:0 5%;  display:flex; justify-content:space-between;}
	.topNav .topMenu span {width:25%; padding:0; text-align:center; }
}

@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 {font-size:12px;}
	.topNav .topMenu img {width:12px; height:auto; margin:14px 3px 0 0;}
	.topNav .navGnb {font-size:14px; padding-right:3%; border-right:0;}
}


@media screen and (max-width: 440px) {
	.topNav {}
	.topNav .topMenu {}
}




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


/* 모바일메뉴 */
.mNav {position:fixed; top:0; left:-620px; width:100%; max-width:420px; height:100%; background:#eee; overflow-y:auto; z-index:999;}
.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:8px 0 8px 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 a {float:left; width:25%; height:77px; border-left:1px solid rgba(255,255,255,.1);}
.mNav .mQuick ul li {padding:50px 0 0 0; text-align:center; font-size:12px; background-size:33px auto;}
.mNav .mQuick ul a: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 {width:100%; 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;}1
.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;}


/*main 레이아웃*/
.section {width: 100%; padding-top: 110px;}
.width1200 {width:1200px; margin:0 auto; overflow:hidden;}

@media only screen and (max-width: 1200px) {
	.width1200 {width:95%;}
}
@media only screen and (max-width: 1150px) {
	body {background: #fff;}
}
@media only screen and (max-width: 1100px) {
	.mb {display:block;}
	.width1200 {}
	
}
@media only screen and (max-width: 768px) {
	.width1200 {margin: 0 auto;}
	.section {padding-top: 70px;}
}

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


.main_visual_wrap {width:100%; overflow:hidden; position:relative; margin-top:-1px; z-index:1; height:580px; }
.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 0px; display:block;}
	.mainVisualM img {width:100%;}
	.mainVisualM button {display:none !important;}
}

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

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

.mainTit {font-size: 30px; font-weight: 700;  text-align:center; padding-bottom:20px;}
.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;}
}


.prod {float:left; width:23%; height:400px; background: #fff; margin:0 0 30px 2.66%;  }
.prod:nth-child(4n+1) {margin:0 0 30px 0;}

.pic2 {width:100%; max-height:288px; overflow: hidden; margin: 0 auto; border-radius:5px; border:1px solid rgba(0,0,0,.1);}
.pic2 img{width:100%; display: block; margin: 0 auto; }
.prodWrap {width:100%; color:#222; text-align: center; position: relative;}
.prodWrap .tag {color:#fff; font-size:15px; font-weight: 600;background: #ff0000; border-radius: 20px; padding: 5px 12px 6px; position: absolute;bottom: 0;left: 5px;}
.prodWrap .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;}
.prodWrap .logprice {font-size:14px; color:red; font-weight:bold;}
.todayName .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;}
.todayName .logprice {font-size:14px; color:red; font-weight:bold;}
.txtWrap .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;}
.txtWrap .logprice {font-size:14px; color:red; font-weight:bold;}
.prodName {padding:15px 8px 5px 8px; font-size:16px; font-weight: 400; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding: 5px 0 0; margin: 0 auto;}
.prodSpan {height:18px; padding:0 8px; font-size:13px; color:rgba(0,0,0,.6); overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.prodWrap .ST {font-size:15px;}
.prodPrice {padding:10px 0 0 0; font-size:20px; font-weight:700;}
.prodPoint {background:#fff; padding:3px 13px; font-size:12px; font-weight:600; border:1px solid rgba(0,0,0,.3); border-radius:50px; display:inline-block;}
.prodPoint img {width:11px; vertical-align:middle;}
.won {font-weight:300; font-size:14px;}
.pvbv {font-weight:300; font-size:14px;}
/* .tabMenu {width:100%; text-align:center;}
.tabMenu li{float:left; width:12.5%; font-size:16px; line-height:30px; border-left:1px solid rgba(0,0,0,.1); }
.tabMenu li:nth-child(1) {border:none;} */

@media only screen and (max-width: 1300px) {
	.pic2 {max-height:223px;}

	.todayName {font-size: 20px;}
	.todayPrice {font-size:18px;}

	.prod {}


	/* .banner {height: 375px;} */
	/* .bannerWrap {width:435px; padding:85px 0 0;} */
	/* .bannerTit {font-size:30px;}
	.bannerTit span {font-size:35px;}
	.bannerTxt {font-size:16px;} */
}
@media only screen and (max-width: 1100px) {
	.prod {height:330px;}
	.pic {}
	.prodWrap .tag {font-size:12px; padding: 4px 6px 5px;}

	/* .banner {height: 375px;} */
	/* .bannerWrap {width:375px;padding:90px 0 0;} */
	/* .bannerTit {font-size:28px;}
	.bannerTit span {font-size:32px;}
	.bannerTxt {font-size:16px; padding:20px 0;} */
	/* .moreBtn {width:110px; height:35px;} */
	
	.prod {}
	.prodName {font-size:15px;}
	.prodSpan {font-size:12px;}
	.prodPrice {font-size:17px;}
	.pic2 {}
	/* .tabMenu li {width:12.5%; font-size: 14px;} */
}

@media only screen and (max-width: 768px) {
	.pic2 {max-height:212px;}

	/* .banner {height: 225px; background:url(/image/banner1_2.jpg) no-repeat center/100%; text-align:right;} */
	/* .bannerWrap {width:90%; padding:45px 0 0;} */
	.banner {
		padding-top: calc(550 / 1280 * 100%);
	}
	.bannerWrap {
		top: -50%;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		padding-top: calc(550 / 1280 * 100%);
		background: none;
		align-items: flex-end;
		text-align: right;
		font-size: 2.3vw;
	}
	.bannerWrap::before {
		display: none;
	}
	/* .bannerTit {font-size:24px;}
	.bannerTit span {font-size:28px;}
	.bannerTxt {font-size:16px; padding:10px 0;} */
	.moreBtn {display:none;}
	
	/* .prod {width:31%; margin-bottom:20px;} */
	
	/* .tabMenu li {width:25%; font-size: 15px;}
	.tabMenu li:nth-child(4) {border-right:1px solid rgba(0,0,0,.1);} */

	.prod {width:31%; margin:0 0 30px 3.3%;}
	.prod:nth-child(3n+1) { margin:0 0 30px 0;}
	.prod:nth-child(3n+2) { margin:0 0 30px 3.3%;}
	.prod:nth-child(4n+1) { }
}

@media only screen and (max-width: 640px) {
	.prodPrice {font-size:16px;}
	.prodName {font-size:14px;}

	
}

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

	/* .banner {height: 195px;} */
	/* .bannerWrap {width:90%; padding:35px 0 0;} */
	/* .bannerTit {font-size:20px;}
	.bannerTit span {font-size:24px;}
	.bannerTxt {font-size:14px; padding:10px 0;} */

	.prod {width:48%; margin:0 0 30px 0;}
	.prod:nth-child(even) {float:left;}
	.prod:nth-child(odd) {float:right;}
	.prod:nth-child(3n+1) {margin:0 0 30px 0;}
	.prod:nth-child(3n+2) {margin:0 0 30px 0;}
	.prod:nth-child(4n+1) {margin:0 0 30px 0;}	
}


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

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

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


/*하단영역*/
/*section6 bottom*/
.section6 {padding:110px 0;}
.section6 .width1200 > div {width:400px; height:200px; float:left; padding:0 20px;}
.btTit {font-size: 19px; color: #333; font-family: malgun gothic; font-weight: bold; margin-bottom: 15px;}
.btTit span {font-size:12px; color:#3f3f3f; padding-left:10px; font-weight:normal;}
.btQucik {border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.qucikWrap {width:80%; height:auto; margin:0 auto !important; overflow:hidden;}
.btQucik p {float:left;width:50%; height:78px; text-align:center; font-size:12px; padding:51px 0 0 0;}
.tel {font-size:35px; font-family:'NerisBlack','Noto Sans KR'; font-weight: 700; color:#dc3843; margin:10px 0; letter-spacing:-0.8px;}
.telInfo {font-size:14px; font-weight: 400;}

.menu01 {background:url(/image/icon01.jpg) no-repeat; background-position:center top;}
.menu02 {background:url(/image/icon02.jpg) no-repeat; background-position:center top;}
.menu03 {background:url(/image/icon03.jpg) no-repeat; background-position:center top; }
.menu04 {background:url(/image/icon04.jpg) no-repeat; background-position:center top;}


/* 하단영역 */
.footWrap {width:100%; height:250px; background:#1c2028;  padding:40px 0 50px 0; }
.footWrap .inner {width:1200px; margin:0 auto; font-size:13px; font-weight:300; color:rgba(255,255,255,.5);}
.footWrap .fNav {padding:0 0 25px 0; border-bottom:1px solid rgba(255,255,255,.1);}
.footWrap .fNav span {margin:0 15px 0 0; color:#fff;}
.footWrap .fNav .link {float:right;}
.footWrap .fNav .link span {width:50px; height:35px; margin:-7px 15px; background-size:auto; opacity:.6; display:inline-block;}
.footWrap .fNav .link span:hover {opacity:1;}
.footWrap .addr {float:left; width:60%; padding:25px 0 0 0; }
.footWrap .addr .space {margin:0 15px;}
.footWrap .addr .copy {font-size:13px; padding:15px 0 0 0; letter-spacing:0.5px;}
.footWrap .addr .copy .com {color:#fcb517;}
.footWrap .bar {margin:0 10px;}
.footWrap .fam {float:right; position:relative; height:53px; margin:25px 0 0 0; background:url(/image/arrow_fa.png) no-repeat 90% center; padding:0 65px 0 28px; line-height:53px; border:1px solid rgba(255,255,255,.2); display:inline-block;}
.footWrap .fam ul {position:absolute; top:-120px; left:-1px; width:101%; background:#fff; color:#000; line-height:35px; padding:10px 28px; border:1px solid rgba(0,0,0,.2); opacity:0; display:none;}
.footWrap .fam:hover, .footWrap .fam:active {background:url(/image/arrow_fa_on.png) no-repeat 90% center #fff; color:#000;}
.footWrap .fam:hover ul {opacity:1; top:-127px; display:block;}
.footWrap .fLogo {float:right; width:150px; height:43px; margin:20px 0 0 0; background:url(/image/logo_arex_gray.png) no-repeat; background-size:100%;}



@media all and (max-width:1200px) {
	.footWrap .inner {width:95%; font-size:13px;}
	.footWrap .addr {width:78%; }

	.footWrap .fam {padding:0 55px 0 20px;}
}

@media all and (max-width:960px) {
	.footWrap .addr .space {margin:0 5px;}
	.footWrap .fam {height:50px; line-height:50px; padding:0 30px 0 15px;}
}

@media all and (max-width:820px) {
	.footWrap .inner {font-size:12px;}
	.footWrap .addr {width:70%;}
	.footWrap .fNav .link span {width:40px; height:28px; background-size:auto 100%;}
}

@media all and (max-width:768px) {
	.footWrap .addr {width:65%;}
	.footWrap .addr .copy {font-size:12px;}
	.footWrap .fLogo {width:100px; height:34px;}
}

@media all and (max-width:700px) {
	.footWrap .addr {width:100%;}
	.fLogo {display:none;}
}



@media all and (max-width:540px) {
	.footWrap {height:330px;}
	.footWrap .inner {width:90%;}
	.footWrap .addr {width:100%;}

	.footWrap .fam {float:left; height:40px; margin:20px 0 0 0; line-height:40px; padding:0 65px 0 28px; border:1px solid rgba(255,255,255,.3);}
}

@media all and (max-width:480px) {
	.footWrap .fNav span {margin:0 7px 0 0; word-wrap:break-word}
	.footWrap .inline {width:100%; display:block;}
}

@media all and (max-width:440px) {
	.footWrap .fNav span {width:45%; margin:0; display:inline-block;}
}

@media all and (max-width:416px) {
	.footWrap .fNav span {}
}



/* 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:600;
	color:rgba(0,0,0,.3);
	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_b.png) center 16px no-repeat #fcb517;
	color:#000;
	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;}
}





.btnLine {float:right; width:90px; height:30px; line-height:28px; text-indent:8px; background:url(/image/arrowR.png) no-repeat 95% center; font-size:12px; color:rgba(0,0,0,.7); border:1px solid rgba(0,0,0,.3);}
.btnLine:hover {color:#000; border:1px solid #000;}

.btNotice dl { overflow:hidden;}
.btNotice dl dd {float:left; padding:3px 0;}
.btNotice .cont {width:calc(100% - 90px);}
.btNotice .date1 {width:90px; text-align:right; font-size:13px; color:rgba(0,0,0,.6);}


@media only screen and (max-width: 1300px) {
	.section6 .width1200 > div {width:33%;}
	.telInfo .mb {display: block;}


}
@media only screen and (max-width: 1100px) {
	.section6 .width1200 > div {padding: 0 20px;}
	.btTit {font-size: 16px;}
	.tel {font-size:30px;}
}
@media only screen and (max-width: 980px) {
	.section6 {padding:40px 0;}


}

@media only screen and (max-width: 860px) {
	.section6 .width1200 > div {width:auto;}
	.btNotice {width:100% !important; }
	.btQucik {width:50% !important; border-left:0;}
	.btCs {width:50% !important; padding:0 5% !important;}
}





@media only screen and (max-width: 560px) {
	.section6 .width1200 > div {}
	.btNotice {height:auto !important; min-height:100px;}
	.btQucik {border-left:none; }
	.tel {font-size:22px;}
	.telInfo {font-size:12px;}
}


@media only screen and (max-width: 460px) {
	.btQucik {display:none;}
	.btCs {display:none;}
}




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


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

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


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

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

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

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


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

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



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

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

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

	.loginInfo {width:70%; margin:25px auto; font-size:14px; letter-spacing:-0.5px;}
	.cirAlert {float:left; width:26px; height:26px; border-radius:13px;   font-size:21px; text-align:center; line-height:24px; display:inline-block;}
	.loginInfo p.txt {float:left; line-height:1.8; margin-left:7px;}


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

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


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


/* table */

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

.gray_list table td img.gal {min-width:100%; max-width:100%; width:auto;}
.gray_list table .borR {border-right:1px solid #e0e0e0;}

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


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

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

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

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

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



/* 회원등록 동의 */
/* .midTit {font-weight:bold; font-size:18px; color:#000;} */
.agreeBox1 {width:100%; height:190px; border:1px solid #e0e0e0; overflow-y:auto; margin:7px 0;}
.agreeBox {width:100%; height:190px; border:1px solid #e0e0e0; background:#fcfcfc; padding:50px; overflow-y:auto; margin:5px 0;}
.agree {font-size:16px; font-weight:bold; text-align:right; color:#333; margin-bottom:35px;}
.tAgree {font-size:20px; font-weight:bold; text-align:center; border-top:2px solid #545454; padding:8px 0; color:#333;  margin-bottom:45px;}
.tAgree input {width:20px; height:20px;}
.checkcheck {background:rgba(0,0,0,.008); margin-top:30px; padding:20px 40px; font-weight:400; border:1px solid rgba(0,0,0,.15);}


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

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


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

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


/* 상품상세보기 */
.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 .price .pvbv {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 .sTotal .pvbv {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; }

@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 .price .pvbv {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 .sTotal .pvbv {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;}
	.proDetail .info .price .pvbv {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 ul li.auto {height:auto; line-height:1.2;}
.orBox ul.bor {margin-top:20px; padding-top:15px; border-top:1px dashed rgba(0,0,0,.15);}
.orBox .tit {width:130px;}
.orBox .con {width:calc(100% - 130px);}
.orBox .con.flex {display:flex; justify-content:space-between;}
.orBox .con p {padding:5px 0;}
.orBox .con .tSub {padding:10px 0 3px 0; font-size:13px; font-weight:500;}
.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 .radio {width:auto; height:auto;}
.orBox input.addr {width:25%;}
.orBox input.phone {width:33%;}
.orBox select.addr {width:25%; height:38px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.orBox select.bank {width:100%; 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;}
.orBox .flex {display:flex; justify-content:space-between;}

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

@media screen and (max-width: 420px) {
	.orBox .tit {width:70px;}
	.orBox .con {width:calc(100% - 70px);}
}

.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 .pvbv {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 dl dd.auto {height:auto; line-height:1.3;}
.cRight .tit {width:32%; font-size:14px; font-weight:400;}
.cRight .content {width:68%; text-align:right; font-size:16px; font-weight:600; letter-spacing:0;}
.cRight .content .cardInfo {padding:10px 0; font-weight:400; font-size:12px;}
.cRight .content .won {font-size:13px; font-weight:400;}
.cRight .content .pvbv {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 .content .pvbv {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 .orCenter .price .pvbv {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;}
}


/* 상품리스트 */
.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 .active {font-weight:500; 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;
} 

.subLeft li.ly {overflow:hidden; width:100%; padding:10px; border-bottom:1px solid #eee; background:#fcfcfc; font-size:14px;} 
.subLeft li.ly {display:none;}
.subLeft li.ly ul {padding:0;}
.subLeft li.ly dd {padding:3px 0;}
.subLeft li.ly::after {width:0; height:0; border-width:0;}


.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.line {padding:0 0 5px 0; border-bottom:1px solid rgba(0,0,0,.6);}
.cateBox .allTit {padding:0 10px 0 0; font-size:25px; font-weight:500;}
.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; }

/* 브랜드스토리 */
.brandWrap {width:100%; font-size:15px; font-weight:400;}
.brandWrap img {width:100%;}
.brandWrap .tImage {position:relative;}
.brandWrap .tImage .tit {position:absolute; bottom:0; left:0; background:#fff; font-weight:700; font-size:25px; padding:20px 25px 0 30px;}
.brandWrap .tImage .tit img {height:18px;}
.brandWrap .tText {padding:40px 30px 100px 30px; line-height:1.6; font-size:15px;}
.brandWrap .tText .strong {font-size:19px; font-weight:500;}
.brandWrap .tText .strong.green {position:relative; font-size:19px; font-weight:500;}
.brandWrap .tText .strong.green:before {content:''; position:absolute; left:0; bottom:-5px; width:100%; height:90%; background:#d4efb5; border-radius:12px; display:inline-block; z-index:-1;}
.brandWrap .tvWrap .col {float:left; width:33%; margin:15px 0 15px 0.5%;}
.brandWrap .tvWrap .col:nth-child(3n+1) {margin:15px 0 15px 0; }

.map {padding:;}
.mapAdd {margin:10px 0 100px 0; padding:20px; border:5px solid rgba(0,0,0,.05);}


@media screen and (max-width: 980px) {
	.brandWrap .tImage .tit {padding:25px 35px 0 25px;}
	.brandWrap .tImage .tit img {height:13px;}
	.brandWrap .tText {padding:30px 25px 80px 25px; font-size:13px;}
	.brandWrap .tText .strong {font-size:16px;}
}

@media screen and (max-width: 560px) {
	.brandWrap .tImage .tit {padding:25px 35px 0 10px;}
	.brandWrap .tText {padding:30px 10px 50px 10px; }
}


.busiWrap {width:100%;}
.busiWrap .midTit {padding:20px 0 5px 0; font-size:18px; font-weight:500;}
.busiWrap .midTit1 {padding:20px 0 5px 0; font-size:16px; font-weight:500;}
.busiWrap .gBox {margin:0 0 15px 0; padding:20px; font-size:13px; border:1px solid rgba(0,0,0,.2); border-radius:5px;}
.busiWrap .oIcon {width:100%; overflow:hidden;}
.busiWrap .oIcon .sec {float:left; width:32%; min-height:250px; margin:10px 0 10px 2%; padding:20px 25px; font-size:13px; text-align:center; border:2px dotted rgba(0,0,0,.15); border-radius:10px;}
.busiWrap .oIcon .sec:first-child {margin:10px 0 10px 0;}
.busiWrap .oIcon .sec img {width:100px; height:auto;}
.busiWrap .oIcon .sec strong {margin:0 0 10px 0; padding:0 0 10px 0; font-size:17px; border-bottom:1px solid rgba(0,0,0,.15); display:inline-block;}


/* 회원가입 */
.selJoin {width:750px; margin:40px auto 100px; overflow:hidden;}
.selJoin ul {float:left; width:48%; margin:0 0 0 4%; padding:50px 0; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:20px;}
.selJoin ul:hover {border:1px solid rgba(0,0,0,.7); transition:all .8s;}
.selJoin ul:first-child {margin:0;}
.selJoin ul li {font-size:15px; color:rgba(0,0,0,.8); line-height:1.4;}
.selJoin strong {padding:20px 0 15px 0; color:#000; font-size:25px; font-weight:400; display:block;}
.joinTit {font-size:18px; font-weight:500;}


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

/* 판매원조회 */
.memberWrap {width:500px; margin:90px auto 250px;}
.memberWrap .memTit {margin-bottom:15px; padding-bottom:10px; text-align:center; font-size:27px; font-weight:600; border-bottom:1px solid rgba(0,0,0,.1);}
.memberWrap .name {padding:15px 0 5px 0; font-size:17px; font-weight:400;}
.memberWrap input {width:100%; height:50px; background:#fdfdfd;}
.memberWrap select {height:50px;}
.memberWrap .radio {width:auto; height:auto;}
.memberWrap .checkMem {width:100%; height:50px; background:#dc3843; margin:20px 0 0 0; text-align:center; line-height:50px; color:#fff; font-weight:500; display:block;} 
.memberWrap .result {width:100%; margin-top:20px; padding:20px 40px;  border:1px solid rgba(0,0,0,.2); border-radius:10px;}

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


/* 레벨현황 */
.sec {width:100%; margin:40px 0 0 0;}

.levelWrap {width:100%; display:flex; flex-wrap:wrap; /* justify-content:space-between; */}
.lSec {width:16%; height:110px; margin:0 0 7px 0.8%; text-align:center; border:1px solid #e0e0e0; border-radius:10px; overflow:hidden;}
.lSec:nth-child(6n+1) {margin:0 0 7px 0;}
.lSec .lTop {background:#0d439d; padding:10px; color:#fff; font-weight:600; font-size:15px;}
.lSec .lMid {padding:15px 0 0 0; font-size:15px; font-family:'gilroybold', 'Noto Sans KR';}
.lSec .lCont {font-size:14px;}

.nTab {margin:0;}
.nTab ul.tabs {margin:0 0 60px 0; overflow:hidden;}
.nTab ul.tabs li {float:left; background:rgba(0,0,0,.01); padding:13px 0; text-align:center; font-size:15px; color:rgba(0,0,0,.7); border-left:0; border-radius:7px 7px 0 0; border-top:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2); border-bottom:1px solid #0d439d; cursor:pointer;}
.nTab ul.tabs li.w04 {width:20%; }
.nTab ul.tabs li.on {background:#0d439d; color:#000; font-weight:600;  border-left:1px solid #0d439d; border-top:1px solid #0d439d; border-right:1px solid #0d439d; border-bottom:1px solid #0d439d;}


.nTab section {display: none; padding: 20px 0 0;}
.nTab input {display:none; padding-left:0; height:0 !important;}
.nTab label {display:inline-block; width:11.11%; height:40px; line-height:40px; margin:0 !important; text-align:center; font-weight: 600; color:#bbb; border-radius:7px 7px 0 0; border-left:1px solid rgba(0,0,0,.2); border-top:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2); border-bottom:2px solid #0d439d;}
.nTab label:hover {cursor: pointer;}
.nTab label.step7 {width:14.28%;}
 
/*input 클릭시, label 스타일*/
.nTab input:checked + label {color: #555; border: 1px solid #ddd; border-radius:7px 7px 0 0; border-left:2px solid #0d439d; border-top:2px solid #0d439d; border-right:2px solid #0d439d; border-bottom: 1px solid #fff;}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {display: block;}

@media only screen and (max-width: 600px) {
	.nTab label {font-size:11px;}
	
	.lSec .lTop {font-size:12px;}
	
}

@media only screen and (max-width: 520px) {
	.lSec {height:95px;}
	.lSec .lMid {font-size:12px;}
	.lSec .lCont {font-size:11px;}
}


.lTable {width:100%; padding:20px; border:1px solid rgba(0,0,0,.1); border-radius:5px; overflow:hidden;}
.lTable ul {float:left; width:33.3%; border-left:1px dashed rgba(0,0,0,.1);}
.lTable ul:first-child {border-left:0;}
.lTable ul li {text-align:center;}
.lTable strong {font-size:16px;}



.lTable .tr {overflow:hidden; border-bottom:1px solid rgba(0,0,0,.1);}
.lTable .tr:last-child {border-bottom:none;}
.lTable .thead {background:#fcfcfc;}
/* .lTable P {width:33.33%; float:left; font-weight:500; color:#000; text-align:center;  padding:15px 0; border-right:1px solid rgba(0,0,0,.1);} */
.lTable span {margin:0 5px;}
.lTable span:first-child:after {content:'/'; padding-left:10px;}
.lTable div.td {float:left; width:100%; font-weight:500; color:#000; text-align:center;  padding:15px 0; }
.lTable .tr p:last-child {border-right:none;}
.lTable .th {font-size:15px; display:block; text-transform:uppercase;}
.lTable .td {font-size:14px;}


/* 주민등록번호 */
.juminWrap {width:528px; background:#fff; margin:0 auto;}
.juminWrap img {width:100%;}
.juminWrap .jTit {width:90%; margin:0 auto 2px; font-size:15px; font-weight:500;}
.juminWrap .inWrap {width:90%; margin:0px auto; line-height:45px; display:flex; justify-content:space-between;}
.juminWrap .inWrap input {width:48%; height:45px; padding:0 5px; border:3px solid rgba(0,0,0,.1); border-radius:7px;}
.juminWrap .inWrap input:hover {border:3px solid #afda49;}
.juminWrap .btnWrap {width:100%; margin:30px auto 0; display:flex; justify-content:space-between;}
.juminWrap .btnSend {width:50%; background:#304098; padding:17px 0; color:#fff; font-weight:500; text-align:center; font-size:15px; display:inline-block;}
.juminWrap .btnSend1 {width:50%; background:#888; padding:17px 0; color:#fff; font-weight:500; text-align:center; font-size:15px; display:inline-block;}

@media only screen and (max-width: 528px) {
	.juminWrap {width:100%;}
}
#jMask {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:99;}

/* 20201120 popup */
	.popM {display:none;}
	.popW {}

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

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

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

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

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

	#divpop .inputBox,
	#divpop2 .inputBox,
	#divpop3 .inputBox
	{
		width: 100%;
		/* max-width: 500px; */
		background: #333;
		color: #fff;
		padding: 5px 0;
		overflow: hidden;
		text-align: right;
		font-size: 12px;
		letter-spacing: -1px;
	}
	#divpop .inputBox input,
	#divpop2 .inputBox input,
	#divpop3 .inputBox input{
		width: 12px;
		height: 18px;
		letter-spacing: -0.5px;
		vertical-align: sub;
	}
	#divpop .inputBox b,
	#divpop2 .inputBox b,
	#divpop3 .inputBox b 
	{
		color: #fff;
		margin-left: 5px;
		margin-right: 15px;
		letter-spacing: -0.5px;
	}
	
	@media all and (max-width: 1000px){
		#popup-wrap {
			width:95%;
			top:12%;
			transform: translateX(-50%);
			flex-wrap: wrap;
		}
		#divpop .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 350px;
		}
	}
	
	@media screen and (max-width: 680px) {
		#popup-wrap {width:95%;}
	}

	@media screen and (max-width: 620px) {
		.popW {display:none;}
		.popM {display:block;}
		#popup-wrap {width:;}
	}

	@media screen and (max-width: 520px) {
		#popup-wrap {width:;}
	}

	@media screen and (max-width: 400px) {
		#divpop .popInner,
		#divpop2 .popInner,
		#divpop3 .popInner{
			/* padding: 20px; */
		}
		#divpop .title,
		#divpop2 .title,
		#divpop3 .title{
			font-size: 5vw;
		}
		#divpop1 .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 250px;
			padding: 20px 15px;
		}
	
		 #divpop3 .inputBox {/* padding-right: 30px; */}
		#popup-wrap {width:95%;}
	}

	
/* 20201120 popup end */


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

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


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



/* faq 탭메뉴 */
.faqTab {width:100%; margin:20px 0 0 0;}
.faqTab ul li {float:left; width:20%; height:30px; font-size:12px; background:#fdfdfd; line-height:30px; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3;  border-bottom:1px solid #333;}
.faqTab ul li:first-child {border-left:1px solid #e3e3e3;}
.faqTab ul li.active {background:#fff; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff; font-size:13px; color:#000; font-weight:bold;}

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


/* 구독신청 */
.guWrap {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between;}
.guBox {position:relative; width:24%; background:#fff; padding:15px; text-align:center; border-radius:15px; border:1px solid rgba(0,0,0,.2);}
.guBox .per {position:absolute; top:5px; left:5px; width:62px; height:62px; background:#da5252; padding:12px 0 0 0; text-align:center; color:#fff; line-height:1; font-size:10px; font-weight:600; border-radius:50%; box-shadow:0 3px 5px rgba(0,0,0,.2);}
.guBox .per strong {font-size:22px;}
.guBox .pic {width:100%; border-radius:5px;}
.guBox .name {padding:13px 0; font-size:20px; font-weight:400;}
.guBox .name strong {font-size:25px;}
.guBox .text {width:90%; margin:0 auto; padding:13px 0; font-size:15px; font-weight:400; border-top:1px dashed rgba(0,0,0,.2);}
.guBox .text .redfont {color:#d11a1a;}
.guBox .btnR {width:100%; height:47px; background:rgba(0,0,0,.3); font-size:17px; color:#fff; line-height:47px; font-weight:600; border-radius:5px; display:inline-block;}
.guBox .btnR:hover {background:#da5252;}

@media only screen and (max-width: 1100px) {
	.guBox .per {width:55px; height:55px;}
	.guBox .per strong {font-size:18px;}
	.guBox .name {font-size:15px;}
	.guBox .name strong {font-size:20px;}
	.guBox .text {font-size:13px;}
	.guBox .btnR {height:40px; line-height:40px; font-size:14px;}
}


@media only screen and (max-width: 860px) {
	.guBox {width:48%; margin-bottom:20px;}
	.guBox .text {width:100%; }
}

@media only screen and (max-width: 460px) {
	.guBox {padding:10px;}
}


/* nSEARCH */
	.nSearch {
		background: #f8f8f8;
		border-radius:5px;
		border: 1px solid rgba(0,0,0,.1); 
		margin: 15px 0 10px 0;
		padding: 20px;
		font-size: 14px;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.nSearch .intxt01 {height:28px; background:#fff; border:1px solid rgba(0,0,0,.1); vertical-align:middle;}
	.nSearchFlex {
		justify-content: space-between;
	}
	.nSearch label {
		margin-right: 5px;
	}
	.nSearch label span {
		vertical-align: inherit;
	}
	.nSearch input {
		width: 70px;
		height: 33px;
		font-size: 12px;
	}
	.nSearch .input_date {
		margin-left: 10px;
	}
	.nSearch .nRight > li {
		margin-top: 10px;
	}
	.nSearch .bBlack {
		height: 33px;
		background: #333;
		padding: 0 10px;
		color: #fff;
		font-size: 11px;
		font-weight: 500;
		line-height: 33px;
		display: inline-block;
		text-transform: uppercase;
	}
	.nSearch .bBlackOk {
		border: 0;
		background: #1b5fbd;
	}
	.nSearch .strong {
		font-size: 17px;
		font-weight: 500;
	}

	@media screen and (max-width:410px) {
		.nSearch {padding:15px;}
	}

	@media screen and (max-width:380px) {
		.nSearch {padding:15px; flex-wrap:wrap; justify-content:center;}
		.nLeft {}
		.nRight {}
	}


/* nSEARCH end */






/* 공지사항 */
.boardWrap {width:100%;}
.boardWrap ul {margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,.2); overflow:hidden;}
.boardWrap ul li {float:left; padding:12px 0; }
.boardWrap .tag {width:45px;}
.boardWrap .subject {width:calc(100% - 45px); padding:12px 5px; font-size:16px; font-weight:500; text-align:left; overflow:hidden;}
.boardWrap .date {text-align:left; color:rgba(0,0,0,.6); font-size:14px;}

.boardWrap .title {background:rgba(0,0,0,.02); padding:10px; font-size:16px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.2); }
.boardWrap .name {padding:10px; font-size:13px; color:rgba(0,0,0,.6); border-bottom:1px dashed rgba(0,0,0,.2);}
.boardWrap .cont {min-height:400px; margin-bottom:10px; padding:10px; border-bottom:1px solid rgba(0,0,0,.2);}
.boardWrap .cont img {max-width:100%;}

#notice_list {width:100%; border-top:1px solid #1c2028; }
#notice_list th {background:rgba(0,0,0,.02); padding:10px 0; border-bottom:1px solid rgba(0,0,0,.1);}
#notice_list td {background:#fff; padding:10px 0; text-align:center; border-bottom:1px solid rgba(0,0,0,.1);}