@charset "utf-8";


/******************************* mall-visual *******************************/

	.mall-visual{position:relative;width:100%;background:#fff;}
	.mall-visual .mall-slide{height:520px;z-index:2;}
	.mall-slide .slick-image{width:100%;}
	.mall-slide .slick-image .big{display:block;height:520px;}
	.mall-slide .slick-image .middle,.mall-slide .slick-image .small{display:none;}
	.mall-slide .slick-image .big.one{background:#dbcabb url('../../../images/mall/mall-visual01.jpg') no-repeat top center;}/*  더리셀화장품*/
	.mall-slide .slick-image .big.two{background:#dbcabb url('../../../images/mall/mall-visual02.jpg') no-repeat top center;}/* 매일만나 */
	.mall-slide .slick-image .big.three{background:#7fabdc url('../../../images/mall/mall-visual03.jpg') no-repeat top center;}/* 메가디에스*/
	.mall-slide .slick-image .big.four{background:#ffdbb3 url('../../../images/mall/mall-visual04.jpg') no-repeat top center;}/*콜라겐C-Q */
	.mall-slide .slick-image .big.five{background:#ffdbb3 url('../../../images/mall/500package-banner_2000x520.png') no-repeat top center;}/*500vozlwl */
	.mall-slide .slick-image img{width:100%;margin:0 auto;}
	.mall-visual .slick-arrow{position:absolute;width:45px;height:45px;margin-top:-22px;box-sizing:border-box;z-index:1000;cursor:pointer;transition:all 0.3s ease-out;}
	.mall-visual .slick-arrow::after{content:'';position:relative;position:absolute;left:0;top:0;width:45px;height:45px;background:url('../../../images/mall/mall-icon.png') no-repeat;transition:all 0.3s ease-out;}
	.mall-visual .slick-prev{left:50px;top:50%;}
	.mall-visual .slick-prev::after{background-position:0 0;}
	.mall-visual .slick-next{right:50px;top:50%;}
	.mall-visual .slick-next::after{background-position:0 -45px;}
	.mall-visual .slick-dots{display:block;width:100%;position:absolute;left:0;bottom:15px;font-size:0;text-align:center;z-index:1000;}
	.mall-visual .slick-dots li{display:inline-block;width:10px;height:10px;margin:0 4px;padding:0;position:relative;background:transparent;border:2px solid #fff;border-radius:6px;transition:background 300ms, width 300ms;-webkit-transition:background 300ms, width 300ms;cursor:pointer;}
	.mall-visual .slick-dots li button{display:none;}
	.mall-visual .slick-dots li:hover{color:#000;}
	.mall-visual .slick-dots li.slick-active{width:25px;background:#fff;}

	@media only screen and (max-width:1200px){
	    .mall-visual .mallup-cont{display:none;}
		.mall-visual .slick-arrow,.mall-visual .slick-arrow::after{display:none;}
		.mall-visual .mall-slide,.mall-slide .slick-image .big{height:auto;}
		.mall-slide .slick-image .middle{display:block;}
		.mall-slide .slick-image .big,.mall-slide .slick-image .small{display:none;}
	}

	@media only screen and (max-width:991px){
		.mall-slide .slick-image .small{display:block;}
		.mall-slide .slick-image .big,.mall-slide .slick-image .middle{display:none;}
	}

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

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

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

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




/******************************* mall-snb *******************************/

	.mall-visual .mallup-cont{position:absolute;top:0px;left:50%;margin-left:-600px;width:200px;height:100%;z-index:10;background:#fff;}
	.mallup-cont .mall-snb{position:relative;}
	.mall-snb .snb-title{width:100%;text-align:center;display:table;height:70px;background:#0b1e60;}
	.mall-snb .snb-title span{display:table-cell;vertical-align:middle;color:#fff;font-size:1.222em;font-family:'NotoSansMedium';}
	.mall-snb ul{}
	.mall-snb ul li{position:relative;}
	.mall-snb ul li a{display:table;width:100%;height:50px;background:#fff;color:#000;}
	.mall-snb ul li a span{font-size:0.938em;color:#333;display:table-cell;vertical-align:middle;padding:0 0 0 10px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;}
	.mall-snb li a:hover,.mall-snb ul li.on a{background:#fff;color:#131313;}
	.mall-snb li .snb-sub{position:relative;z-index:10;box-sizing:border-box;}
	/*
	.mall-snb li .snb-sub::before{position:absolute;top:15px;left:-9px;display:block;width:0;height:0;border-top:8px solid transparent;border-right:9px solid #333;border-bottom:8px solid transparent;box-sizing:border-box;content:'';}
	.mall-snb li .snb-sub::after{position:absolute;top:15px;left:-6px;display:block;width:0;height:0;border-top:8px solid transparent;border-right:9px solid #fff;border-bottom:8px solid transparent;box-sizing:border-box;content:'';}
	.snb-sub ul{padding:5px 0;}
	*/
	.snb-sub ul li{position:relative;border-bottom:none;}
	.snb-sub ul li a{font-size:0.938em;text-align:left;color:#000;line-height:1.4;display:block;padding:10px 0 10px 20px;height:auto;background:#f4f4f4;border-bottom:1px solid #fff;box-sizing:border-box;letter-spacing:0;}
	.snb-sub ul li a:hover{color:#ea5504;background:#fafafa;}




/******************************* mall-banner *******************************/

	#container.mall{position:relative;}
	#container.mall .mall-banner{margin:0;padding:0;width:100%;position:relative;background:url('../../../images/mall/mallbanner-bg.gif') repeat-x;}
	.mall-banner h4{position:absolute;padding-top:50px;font-family:'Open+Sans';font-weight:100;font-size:2.222em;color:#131313;line-height:1;letter-spacing:-0.03em;}
	.mall-banner .banner-slide{width:960px;margin-left:240px;padding-top:40px;}
	.mall-banner .banner-slide .slick-list{width:960px;padding:0 !important;}
	.mall-banner .banner-slide .banner-slick{text-align:center;line-height:1.5em;height:auto;}
	.mall-banner .banner-slide .slick-track{display:flex;display:-webkit-flex;flex-wrap:wrap;-wekit-flex-wrap:wrap;margin-right:-10px;margin-left:-10px;}
	.mall-banner .banner-slide .slick-track .slick-slide{text-align:center;}
	.mall-banner .banner-slide .slick-track .slick-slide a{display:block;width:240px;line-height:1.2;}
	.mall-banner .banner-slide .slick-track .slick-slide a img{margin:0 auto;}
	.banner-slide a h5{font-size:1.111em;color:#131313;padding:10px;}
	.banner-slide a span{font-size:0.889em;color:#727171;padding:0 15px;display:block;word-wrap:break-all;}
	.banner-slide a:hover h5{color:#ea5504;}
	.banner-slide a:hover span{color:#131313;}
	.mall-banner .slick-arrow{position:absolute;opacity:0.3;width:50px;height:50px;margin-top:-25px;box-sizing:border-box;z-index:1;cursor:pointer;transition:all 0.3s ease-out;}
	.mall-banner .slick-arrow::after{content:'';position:relative;position:absolute;left:0;top:0;width:50px;height:50px;background:url('../../../images/mall/mall-icon.png') no-repeat;transition:all 0.3s ease-out;}
	.mall-banner .slick-arrow:hover{opacity:1;}
	.mall-banner .slick-prev{left:-340px;top:35%;}
	.mall-banner .slick-prev::after{background-position:0 -100px;}
	.mall-banner .slick-next{right:-100px;top:35%;}
	.mall-banner .slick-next::after{background-position:0 -150px;}

	@media only screen and (max-width:1200px){
	    .mall-banner h4{padding-top:30px;display:inline-block;width:100%;text-align:center;}
		.mall-banner h4 br{display:none;}
		.mall-banner .banner-slide{width:90%;margin:0 auto;padding-top:80px;}
		.mall-banner .slick-prev{left:-5%;top:50%;}
		.mall-banner .slick-next{right:-5%;top:50%;}
	}

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

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

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

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

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


/******************************* mall : right quickmenu *******************************/


	#qcr{width:150px;padding:0;position:fixed;top:calc(50% - 200px);right:0;bottom:0;z-index:110;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
	#qcr.active{-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
	#qcr .qcr_btn.quick-new{position:absolute;top:0;left:-100px;right:0;z-index:888;width:100px;}
	#qcr .qcr_btn.quick-new .quick-button{position:relative;display:block;margin:0 auto;cursor:pointer;line-height:0;text-align:center;}
	#qcr .qcr_btn.quick-new .quick-button.bg-point03 a.menu-icon{height:90px;}
	.quick-button .menu-icon{display:inline-block;position:relative;width:100%;height:80px;box-sizing:border-box;padding-top:55px;}
	.quick-button .menu-icon::before{content:'';position:absolute;}
	.quick-button .menu-icon span{color:#fff;font-size:0.778em;line-height:1.2;word-break:break-all;}
	.menu-icon.quick-cart::before{top:15px;left:50%;width:35px;height:35px;margin-left:-17px;background:url('../../../images/mall/mall-icon.png') no-repeat;background-position:-60px 0;}
	.menu-icon.quick-card::before{top:20px;left:50%;width:39px;height:26px;margin-left:-20px;background: url('../../../images/mall/mall-icon.png') no-repeat;background-position:-60px -50px;}
	.quick-button .way-icon{display:table;width:100%;height:40px;}
	.quick-button .way-icon i{display:table-cell;vertical-align:middle;color:#fff;font-size:1.667em;}
	.quick-button .way-icon span{text-indent:-9999px;font-size:0;}
	.quick-button .way-icon:first-child{border-bottom:1px solid rgba(255,255,255,0.3);}
	#qcr .qcr_inner{display:none;}
	/*#qcr .qcr_inner{position:relative;width:150px;background:#fff;border:2px solid #5390cd;z-index:1;}*/
	.qcr_inner .inner-cart{position:relative;min-height:235px;max-height:400px;overflow-y:scroll;padding-bottom:60px;}
	.inner-cart .quick-item{padding:10px;border-bottom:1px dotted #ddd;font-size:0.778em;box-sizing:border-box;}
	.quick-item figure{margin:0 auto;border:1px solid #e0e0e0;}
	.quick-item figure img{width:100%;}
	.quick-item figcaption{margin:5px auto;text-align:center;color:#131313;line-height:1.3;}
	.quick-item .quick-item-bottom{position:relative;display:inline-block;width:100%;}
	.quick-item .quick-item-bottom ul{display:flex;}
	.quick-item .quick-item-bottom ul li{}
	.quick-item-bottom .quick-item-price{text-align:right;width:75px;padding-right:5px;}
	.quick-item-price span{display:block;color:#777;line-height:1.3;}
	.quick-item-price span em{padding-left:3px;}
	.quick-item-bottom .quick-item-delete{position:absolute;cursor:pointer;right:0;top:8px;width:30px;height:30px;border-radius:50%;background:#acacac;text-align:center;}
	.quick-item-delete span{color:#fff;font-weight:600;}
	.quick-item-bottom .quick-item-delete:hover{background:#999;}
	.qcr_inner .bottom-cart{position:absolute;bottom:0px;left:0px;background:#5390cd;padding:10px 0;width:100%;z-index:3;color:#fff;font-size:0.833em;}
	.bottom-cart .bottom-cart-total{display:flex;padding:0 5px;}
	.bottom-cart-total strong{text-align:right;width:30%;font-weight:normal;}
	.bottom-cart-total span{text-align:right;width:70%;letter-spacing:0px;}
	.bottom-cart-total span em{padding-left:3px;}

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



/******************************* mall : category, search *******************************/

	.mall-middle-wrap{position:relative;background:#002d7a;padding:1rem;border-radius:0.2rem;}
	.mall-middle-wrap form{display:flex;display:-webkit-flex;}
	.mall-middle-wrap form article{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;display:inline-flex;}
	.mall-middle-wrap .category-title{display:table;color:#fff;width:100px;height:40px;}
	.mall-middle-wrap .category-title em{display:table-cell;vertical-align:middle;}
	.mall-middle-wrap .mall-category-select{width:100%;}
	.mall-middle-wrap .mall-category-select .select-box{height:40px;}

	.mall-middle-wrap article.mall-search{display:block;width:100%;padding-left:2rem;}
	.mall-search .search-input{margin:0;position:relative;border-bottom:2px solid #fff;box-sizing:border-box;}
	.mall-search .search-input input{width:100%;padding:0 50px 0 0;height:40px;line-height:40px;background:none;border:0;color:#fff;caret-color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.25);box-sizing:border-box;}
	.mall-search a{position:absolute;right:0;top:-3px;width:40px;height:40px;}
	.mall-search a:after{content:'';position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;background:url('../../../images/site/common/icon-common.png') no-repeat -200px -420px;}
	.mall-search .search-input input::-webkit-input-placeholder{color:#fff;}
	.mall-search .search-input input::-moz-placeholder{color:#fff;}
	.mall-search .search-input input::-ms-input-placeholder{color:#fff;}


	@media only screen and (max-width:1200px){
	    .mall-middle-wrap .category-title{width:80px;}
	}

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

	@media only screen and (max-width:767px){
	    .mall-middle-wrap{background:#002d7a;padding:1rem 0;border-radius:0;}
		.mall-middle-wrap form{display:block;}
		.mall-middle-wrap form article{width:100%;margin:0;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	    .mall-middle-wrap .mall-category-select{width:100%;}
		.mall-middle-wrap form article.mall-category{padding:0 1rem 1rem 1rem;border-bottom:5px solid #fff;}
		.mall-middle-wrap form article.mall-search{padding:1rem 1rem 0 1rem;}
	}

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

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

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




/******************************* mall : list *******************************/

	.mall .item-inner .item-explain{padding:20px 20px 10px 20px;text-align:left;font-size:1rem;}
	.mall .item-inner .item-count-wrap{display:flex;justify-content:left;align-items:left;padding:10px 20px 20px 20px;}
	.mall .item-explain .itme-name{font-weight:normal;font-size:1.063em;color:#444;font-family:'NotoR';line-height:1.3;max-width:100%;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;min-height:42px;}
	.mall .item-count-wrap .item-count .count-module{display:inline-flex;height:35px;margin:0 auto;position:relative;border:1px solid #e0e0e0;}
	.mall .item-count .count-module .count-input{display:block;width:35px;height:100%;padding:0 10px;margin:0 auto;position:relative;text-align:center;background:#fff;z-index:1;box-sizing:border-box;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
	.mall .item-count .count-module button{width:31px;height:100%;margin:0;padding:0;font-size:0;text-aligns:center;background:#fff;border:none;outline:none;box-sizing:border-box;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	.mall .item-count .count-module button:hover{background:#f4f4f4;}
	.mall .count-module button.count-up{}
	.mall .count-module button.count-down{}
	.mall .count-module button:after{width:100%;height:100%;font-family:'xeicon';font-size:15px;line-height:35px;color:#333;cursor:pointer;}
	.mall .count-module button.count-up:after{content:'\e913'}
	.mall .count-module button.count-down:after{content:'\e91a';}

	@media only screen and (max-width:1200px){
	    /*.mall .item-inner .item-count-wrap{display:flex;justify-content:center;align-items:center;}*/
	}

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

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

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

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

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