/* CZ */
.header.main .btn-basket .some {background: #0065b1!important;}

/*로그인*/
.cate-tit-pop {display: flex; justify-content: space-between; background-color: #fff; padding-top: 35px;padding-left:20px;}
.cate-tit-pop .btn-hide-pop{position: sticky; top: 0; right: 0;}
.vertical.top-exposed {top: 0px; height:100%!important;}

.detail-img-list .swiper-scrollbar-drag{background-color:#0065b1 !important;}
.detail-inform-price .inform .ty-price2,
.detail-inform-price .inform .offPer{color:#0065b1 !important;}

.bnb-ty2 {background-color:#0065b1 !important;}

.header.main .top-category {  position: absolute; width: 40px; text-align: center; left:12px; }
.header.main .top-category a { display: block; width: 100%; height: 40px; background-image: url(/images/ico/ico_bnb_menu.png?ver=<%=U_TIME%>); background-position: 0 3px;  background-size: 40px auto; overflow: hidden; line-height: 42px; background-repeat: no-repeat; }
.header.main .top-category .txt { position: absolute; display: inline-block; width: 100%; line-height: initial; left: 0; bottom: -2px; font-size: 0.75rem; color: #333333; }
.header .primary-logo { float: none; position: absolute; top: 7px; margin:0 !important; left: 50%; transform: translateX(-50%); }
.header.main .topsearch { width:25px; border:0; }


/*2024 cloud zero*/
@font-face {font-family: 'Pretendard-Regular';src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400;font-style: normal;}
/*li,a,p,h1,h2,h3,h4,h5,span {font-family: "pretendard";}*/
li,a,p,h1,h2,h3,h4,h5,span {font-family: "Spoqa Han Sans Neo";}
/*header*/
.header .primary-logo{height: 30px;font-size: 1.8em; float: none; position: absolute; top: 7px; margin: 0 !important; left: 50%; transform: translateX(-50%);}
.header.main .primary-logo a {background: url('/Images/CloudZero/logo_bk_cz.png') no-repeat 0 0;background-size: 100%; width: 100%; margin-top: 9px;}
.header.main .topsearch {position: absolute;top: 9px;right: 50px;width: 150px;height: 24px; border-bottom:0; overflow: hidden;} 
.header.main .btn-srch {top: 0px;right: 3px;background: url('/Upload/shoemarker/sample/BOGI.png') no-repeat center;background-size: 20px auto;}
.header.main .top-category {position: absolute; width: 40px; text-align: center; left: 12px;}
.header.main .top-category a {display: block; width: 100%; height: 40px; background-image:url(/images/ico/ico_bnb_menu.png); background-position: 0 3px; background-size: 40px auto; overflow: hidden; line-height: 42px; background-repeat: no-repeat;}

/*nav gnb*/
.czgnb {position: absolute; top: 42px; left: 0; right: 0; background:#fff; border-bottom: 1px solid #EFEFEF; display: block;}
.czgnb.fixed {position:fixed; top: 0px;z-index: 99;}
.czgnb .wrap-gnb {overflow: hidden; height: 50px;}
.czgnb .czgnb-list {text-align: center; width: 100%; height: 100%; white-space: nowrap; /*overflow: hidden;overflow-x: auto;*/}
/*.czgnb .czgnb-list li {display:inline-block;font-size: 1.3em; margin-right: 30px; float: left; line-height: 50px;}*/
.czgnb .czgnb-list li {display:inline-block;width:auto;font-size: 1.3em;margin-right: 30px; float: left; line-height: 50px;}
.czgnb .czgnb-list li:last-child{margin-right: 0;}
/*.czgnb .czgnb-list li>a{font-weight: 400; position: relative; display: inline-block; height: 100%; padding: 0 5px; margin: 0 5px; line-height: 50px;}*/
.czgnb .czgnb-list li.current>a:after { width: 100%; font-weight: 800; position: relative; display: inline-block; height: 100%; padding: 0 5px; margin: 0 5px; line-height: 50px;}
.czgnb .czgnb-list li>a:after {font-weight: 800; position: relative; display: inline-block; height: 100%; padding: 0 5px; margin: 0 5px; line-height: 50px;}
.czgnb .czgnb-list li.on>a {font-weight: 800 !important;color:#0065b1;}

#counsultStartBtn {position: fixed; width: 40px; height: 40px; bottom: 55px; left: 10px; z-index:97; background: url(/images/ico/icon_talk.png) no-repeat; background-size: 100%; background-position: center center;}
.move-top {bottom: 80px !important;z-index: 98;}
.move-top button {right: 8%;width: 30px;height: 30px;background: url(/Upload/shoemarker/sample/top.png) no-repeat;margin: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;background-size: 30px;}
.move-bottom {bottom: 80px !important;z-index: 98;}
.move-bottom button {right:0;width: 30px;height: 30px;background: url(/Upload/shoemarker/sample/top.png) no-repeat;margin: 12px;-webkit-box-sizing: border-box;box-sizing: border-box;background-size: 30px;}

.ShopCategoryDiv { overflow:hidden; margin-top:51px; margin-bottom:0 !important; padding:0 10px;box-sizing:border-box; }
.ShopCategoryDiv li { padding: 0 10px; font-size:1.3em; width: auto; line-height:50px; }
.ShopCategoryDiv li a {font-size: 16px; color: #9D9D9D; font-weight: 500; line-height: 1.8;}
.ShopCategoryDiv li a.active:after { color:#000000; font-weight: 500;}

/*#font-active a{font-weight: 600; color: #000;}*/
.container .content {min-height: 100%;padding: 0 0 195px;}
.area-gnb {position: relative;width: 100%;height: 50px;padding: 0 20px;background-color:#fff;border-bottom: 1px solid #EFEFEF;  overflow-x:auto;-ms-overflow-style: none;scrollbar-width: none;box-sizing:border-box;}
.area-gnb::-webkit-scrollbar {display: none;}
.czgnb .czgnb-list {text-align: center;width: 100%;height: 100%;white-space: nowrap;/*overflow: hidden;overflow-x: auto;*/display: flex;justify-content: space-between;   min-width:400px;}
/*.czgnb .czgnb-list li > a {font-weight: 400;font-size:16px;position: relative;display: inline-block;height: 100%;padding:0;margin:0;line-height: 50px;font-family:Pretendard;font-weight:500;}*/
.czgnb .czgnb-list li > a {font-size:16px;position: relative;display: inline-block;height: 100%;padding:0;margin:0;line-height: 50px;font-family:Pretendard;font-weight:500;font-family:'Spoqa Han Sans Neo';}


/* product list */
.wrap-CZshop .thumbnail {background-color: #ebebeb; display: grid; align-content: flex-end;aspect-ratio: 80 / 109;}
.prod-info {padding-top: 10px;}
.prod-info .prod {/*display: flex;*/ overflow: hidden;/*justify-content: space-between; align-items: baseline;*/}
.prod-info .prod .product-name_back {/*flex:  0 0 auto;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 16px; color: #282828;    width:80%;     display:inline-block; font-family:Pretendard;}
.prod-info .prod .product-name {/*flex:  0 0 auto;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 16px; color: #282828;    width:80%;     display:inline-block; font-family:'Spoqa Han Sans Neo';font-weight:500;}
.prod-info .prod .weight-info{/*flex: 0 0 auto;*/ padding-left: 2px; color: #646464; font-weight: 400;box-sizing:border-box;    float:right;}
.prod-info .price {display: flex;}
/*.prod-info .price em{font-weight: 500; color:#888888; text-decoration: line-through; margin-right:6px;}*/
.prod-info .price em{font-weight: 500; color:#888888; text-decoration: line-through; margin-right:6px;font-family: "Spoqa Han Sans Neo";}
.prod-info .price span{margin-left: 6px; color: #0BB2B2;}
.area-sorting { position: relative; display: flex; right: 10px; justify-content: center;}
.area-sorting .label {display: flex; flex-flow: row; -webkit-box-pack:content; justify-content: center; align-items: center; cursor: pointer;}
.area-sorting .label .txt{font-size: 3.46667vw; line-height: 4.26667vw; color: #282828;}
.area-sorting .label .arrow {/*width:4.26667vw;height: 4.26667vw;*/}
.gfCQan {width: 16px; height: 16px;}
/*.item-filter {padding: 10px 0 0 10px; display: flex; justify-content: space-between;}*/
.item-filter {padding: 20px 10px 10px 20px; display: flex; justify-content: space-between;}
.item-filter span {color: #646464; font-weight: 500;}
.filter_bar{position: relative; display: inline-block;}
.filter_bar button {border:1px solid #eee; border-radius: 20px; padding: 6px 10px; font-size: 13px;}
.filter_bar .label {display: flex; flex-flow: row; -webkit-box-pack:content; justify-content: center; align-items: center; cursor: pointer;}

/*#font-active a{font-weight: 600;font-size:16px; color: #0065b1;}*/
#font-active a{font-weight: 600;font-size:16px; color: #0065b1;font-family:'Spoqa Han Sans Neo';}
		
.header.main .btn-basket .some {background: #0065b1!important;}

.filteron{background-color:#0065b1 !important;}
.filteron > span{color:#fff !important;}
.listview>li{box-sizing: border-box;}



/* product list */

/* product list */

.wcnt1, w100p{width:100% !important;}
.wcnt2, w50p{width:50% !important;}
.wcnt3{width:33.333333% !important;}
.wcnt4, w25p{width:25% !important;}
.wcnt5, w20p{width:20% !important;}

.w49p{width:49% !important;}
.w32p{width:32.333333% !important;}
.w24p{width:24% !important;}
.w19p{width:19% !important;}

.dp_ib{display:inline-block;}

.cz_btn_1 {height: 35px;border: 1px solid #0065b1;font-size:12px;}


#msgPopup .area-dim {z-index: 1100 !important;}
#msgPopup .area-pop > div {z-index: 1200 !important;     /**/border-radius:4px;}


.footer .quick-link1 li {position: relative;display: inline-block;width: 33.33%;box-sizing: border-box;text-align: center;vertical-align: top;}
.footer .quick-link1 img {width: 40%;margin: 4px auto;display: block;}
.footer .quick-link1 .noticeCount {left: 60%;}

.no_scroll {-ms-overflow-style: none;scrollbar-width: none;}
.no_scroll::-webkit-scrollbar {display: none !important;}




/* product list item */
.bprodlist{padding: 0 20px;box-sizing:border-box;}
.bprodlist>ul{overflow:hidden;}
.bprodlist>ul>li {float: left;width: 48%;vertical-align: top;margin:30px 0 0 0;box-sizing:border-box;}
.bprodlist>ul>li .prodimg {position: relative;}
.bprodlist>ul>li .prodimg .listitems {position: relative;display: block;margin-top: 0;}

.bprodlist > ul > li .prodimg .prodwish {position: absolute;top: 12px;right: 12px;width: 24px;height: 24px;overflow: hidden;}
.bprodlist > ul > li .prodimg .prodwish:before {content: '';display: inline-block;width: 24px;height: 24px;background-image: url(/Images/like_off.svg);background-size: 100%;background-position: top;vertical-align: bottom;margin-right: 0;}
.bprodlist > ul > li .prodimg .prodwish.on:before {background-image: url(/Images/like_on.svg);}

.bprodlist > ul > li .prodimg .prodwish img {width:24px; height:24px;}
.bprodlist > ul > li .prodimg .sizeplus {position:absolute;bottom:0;right:0;width:20px;height:20px;background-color:rgba(29,29,29,0.5);text-align:center;vertical-align:middle;cursor:pointer;}
.bprodlist > ul > li .prodimg .sizeplus img {width:10px;height:10px;}
.bprodlist > ul > li .prodimg .sizeminus {position:absolute;bottom:0;right:0;width:20px;height:20px;text-align:center;vertical-align:middle;cursor:pointer;}
.bprodlist > ul > li .prodimg .sizeminus img {width:10px;}
.bprodlist > ul > li .prodimg .sizelist{position:absolute;bottom:0;left:0;right:0;display:none;width:100%;padding:2px 12px 18px 12px;background-color:rgba(29,29,29,0.5);box-sizing:border-box;}
.bprodlist > ul > li .prodimg .sizelist > ul > li{float:left;width:25%;font-size:10px;font-weight:600;color:#fff;margin-top:16px;}
.bprodlist > ul > li .prodimg .sizelist > ul > li.snone{color:#a1a1a1;}

.bprodlist>ul>li:nth-child(2n) {margin:30px 0 0 4%;box-sizing:border-box;}
.bprodlist>ul>li:nth-child(1){margin:0;}
.bprodlist>ul>li:nth-child(2){margin:0 0 0 4%;}
.bprodlist>ul>li .prodimg img {width: 100%;}
.bprodlist_item_more{width:100%;height:48px;font-size:16px;font-weight:600;font-family:"Spoqa Han Sans Neo";color:#0065b1;line-height:44px;margin-top:30px;border:2px solid #0065b1;text-align:center;letter-spacing:-1px;}
.bprodlist_item_more:after {content: '';display: inline-block;width: 8px;height: 12px;margin-left: 9px;background: url(/Images/right_arrow.svg) no-repeat 50% 50%;background-size: 8px auto;}


.bprodlist > ul > li .prod-info {padding-top: 10px;}
.bprodlist > ul > li .prod-info .prod_name {display: inline-block;width: 100%;height: 20px;font-family: 'Spoqa Han Sans Neo';font-size: 16px;font-weight: 500;color: #151515;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: -0.05em;margin-bottom: 7px;}
.bprodlist > ul > li .prod-info .prod_price {font-size: 18px;font-weight: 500;color: #151515;}
.bprodlist > ul > li .prod-info .prod_price em {margin-right: 2px;font-weight:600;color: #0065b1;}

/* product icon */
.bprodlist > ul > li .prod-info .p_icon_area{height:20px;margin-top:16px;}
.bprodlist > ul > li .prod-info .p_icon_new{display:inline-block;font-size:12px;font-weight:400;color:#fff;line-height:20px;padding:0 10px;background-color:#55b4ff;border-radius:10px;}
.bprodlist > ul > li .prod-info .p_icon_best{display:inline-block;font-size:12px;font-weight:400;color:#fff;line-height:20px;padding:0 10px;background-color:#0065b1;border-radius:10px;}
.bprodlist > ul > li .prod-info .p_icon_restock{display:inline-block;font-size:12px;font-weight:400;color:#fff;line-height:20px;padding:0 10px;background-color:#00adba;border-radius:10px;}


.mt4{margin-top:4px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt16{margin-top:16px !important;}
.mt20{margin-top:20px !important;}
.mt32{margin-top:32px !important;}
.p3 {width: 28% !important;}
.w70p{width:70% !important;}

@media(min-width:602px) {
	.header.main .headline {max-width:600px;background: #fff;}

	.czgnb {position: absolute;top: 42px;left:0;background: none;border-bottom: none;display: block;}
	.czgnb.fixed {position: fixed;top: 0px;z-index: 99;left: 50%;transform: translate(-50%, 0);width:600px;}
	.czgnb .wrap-gnb {display:flex;justify-content:center;overflow: hidden;height: 50px;}
	.czgnb .czgnb-list li {margin-right: 0;}

	.ShopCategoryDiv { overflow:hidden; margin-top:51px; margin-bottom:0 !important; padding:0;box-sizing:border-box; }
	.ShopCategoryDiv li {padding: 0 20px;font-size: 1.3em;width: auto;line-height: 50px;}

	/* Menu Layer 
	.top-exposed .container-pop {padding-top: 40px;height: initial;}*/


	/* product list item */
	.bprodlist>ul>li {width: 270px;}
	.bprodlist>ul>li:nth-child(2n) {margin:30px 0 0 20px}
	.bprodlist>ul>li:nth-child(1){margin:0;}
	.bprodlist>ul>li:nth-child(2){margin:0 0 0 20px;}

	.bprodlist > ul > li .prod-info .prod_name {height: 23px;font-size: 18px;}
	.bprodlist > ul > li .prod-info .prod_price {font-size: 24px;}

	/* product icon */
	.bprodlist > ul > li .prod-info .p_icon_area{height:25px;margin-top:16px;}
	.bprodlist > ul > li .prod-info .p_icon_new{display:inline-block;font-size:13px;font-weight:400;color:#fff;line-height:25px;padding:0 15px;background-color:#0065b1;border-radius:15px;}
	.bprodlist > ul > li .prod-info .p_icon_best{display:inline-block;font-size:13px;font-weight:400;color:#fff;line-height:25px;padding:0 15px;background-color:#55b4ff;border-radius:15px;}
	.bprodlist > ul > li .prod-info .p_icon_restock{display:inline-block;font-size:13px;font-weight:400;color:#fff;line-height:25px;padding:0 15px;background-color:#00adba;border-radius:15px;}
}