@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:#8fc9d6 url('../../../images/mall/mall-visual01.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.two{background:#e7ebcc url('../../../images/mall/mall-visual04.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.three{background:#dbeaf9 url('../../../images/mall/mall-visual03.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.four{background:#dbeaf9 url('../../../images/mall/mall-visual05.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.five{background:#dbeaf9 url('../../../images/mall/mall-visual06.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.six{background:#dbeaf9 url('../../../images/mall/mall-visual07.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.seven{background:#dbeaf9 url('../../../images/mall/mall-visual08.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.eight{background:#dbeaf9 url('../../../images/mall/mall-visual09.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.ten{background:#dbeaf9 url('../../../images/mall/mall-visual10.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.eleven{background:#dbeaf9 url('../../../images/mall/mall-visual11.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.twelve{background:#dbeaf9 url('../../../images/mall/mall-visual12.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.thirty{background:#dbeaf9 url('../../../images/mall/mall-visual13.jpg') no-repeat top center;}
	.mall-slide .slick-image .big.event{background:#dbeaf9 url('../../../images/mall/mall-event.jpg') no-repeat top center;}
	.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;z-index:10;}
	.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:70px;background:#f4f4f4;color:#727171;}
	.mall-snb ul li a span{font-size:1.1rem;color:#333;display:table-cell;vertical-align:middle;padding:0 0 0 30px;border-bottom:1px solid #e0e0e0;}
	.mall-snb li a:hover,.mall-snb ul li.on a{background:#fff;color:#131313;}
	.mall-snb li .snb-sub{display:none;position:absolute;min-width:170px;left:190px;top:0px;z-index:10;box-sizing:border-box;background:#fff;border:2px solid #333;box-shadow:3px 3px 3px rgba(0,0,0,0.3);}
	.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:1rem;color:#000;line-height:1.4;display:block;padding:7px 0 7px 20px;height:auto;background:#fff;box-sizing:border-box;}
	.snb-sub ul li a:hover{color:#ea5504;}




/******************************* 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:'Roboto';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 .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{}
	.banner-slide a h5{font-size:1.111em;color:#131313;padding-top:20px;}
	.banner-slide a span{font-size:0.889em;color:#727171;}
	.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;}
	.quick-button .menu-icon{display:inline-block;position:relative;width:100%;height:80px;box-sizing:border-box;padding-top:60px;}
	.quick-button .menu-icon::before{content:'';position:absolute;}
	.quick-button .menu-icon span{color:#fff;font-size:0.778em;}
	.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{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;}
	}


	/******************************* ALL : right quickmenu *******************************/


	#fast_menu{width:150px;padding:0;position:fixed;top:calc(100% - 300px);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;}
	#fast_menu.active{-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
	#fast_menu .fastmenu_btn.fast-new{position:absolute;top:0;left:-100px;right:0;z-index:888;width:70px;}
	#fast_menu .fastmenu_btn.fast-new .quick-menu{position:relative;display:block;margin:0 auto;cursor:pointer;line-height:0;text-align:center;}
	.quick-menu .qmenu-icon{display:inline-block;position:relative;width:100%;height:80px;box-sizing:border-box;padding-top:60px;}
	.quick-menu .qmenu-icon::before{content:'';position:absolute;}
	.quick-menu .qmenu-icon span{color:#fff;font-size:0.778em;}
	.qmenu-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;}
	.qmenu-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-menu .way-icon{display:table;width:100%;height:40px;}
	.quick-menu .way-icon i{display:table-cell;vertical-align:middle;color:#fff;font-size:1.667em;}
	.quick-menu .way-icon span{text-indent:-9999px;font-size:0;}
	.quick-menu .way-icon:first-child{border-bottom:1px solid rgba(255,255,255,0.3);}
	#fast_menu .qcr_inner{display:none;}
	/*#qcr .qcr_inner{position:relative;width:150px;background:#fff;border:2px solid #5390cd;z-index:1;}*/	
	@media only screen and (max-width:1200px){
	    /*#fast_menu{display:none;}*/
	}	


	/******************************* ALL : BOTTOM quickmenu *******************************/
    .fixed-bottom-menu{display:none;}

	@media only screen and (max-width:1600px){
		.fixed-bottom-menu{display:block;}
		.fixed-bottom-menu {overflow: hidden;background-color: #0747A6;position: fixed;bottom: 0;width: 100%;z-index:110;}	
		.fixed-bottom-menu .table {display:table;margin: 0 auto;width:100%;}	
		.fixed-bottom-menu ul {list-style-type:none;margin: 0;padding: 0;}	
		.fixed-bottom-menu li {float:left;width:20%;}	
		.fixed-bottom-menu li a {display:block;color: white;text-align: center;padding:10px 0px;margin: 5px 5px;text-decoration: none;}	
		.fixed-bottom-menu li span {display:block;}	
		.fixed-bottom-menu i a:hover:not(.active) {background-color: #043379;border-radius: 50%;}
		/*.fixed-bottom-menu .active {background-color: #043379;border-radius: 50%;}*/
	
	}	

	@media only screen and (max-width:1200px){
		.fixed-bottom-menu{display:block;}
		.fixed-bottom-menu {overflow: hidden;background-color: #0747A6;position: fixed;bottom: 0;width: 100%;z-index:110;height:72px;}	
		.fixed-bottom-menu .table {display:table;margin: 0 auto;width:100%;}	
		.fixed-bottom-menu ul {list-style-type:none;margin: 0;padding: 0;}	
		.fixed-bottom-menu li {float:left;width:20%;}	
		.fixed-bottom-menu li a {display:block;color: white;text-align: center;padding:10px 0px;margin: 5px 5px;text-decoration: none;}	
		.fixed-bottom-menu li span {display:block;}	
		.fixed-bottom-menu i a:hover:not(.active) {background-color: #043379;border-radius: 50%;}
		/*.fixed-bottom-menu .active {background-color: #043379;border-radius: 50%;}*/
	
	}	

/******************************* ALL : BOTTOM welcome *******************************/
	.fixed-bottom-welcome{display:none;}

	@media only screen and (max-width:1200px){
		.fixed-bottom-welcome{display:block;}
		.fixed-bottom-welcome {overflow: hidden;background-color: #0747A6;position: fixed;bottom: 80px;width: 100%;z-index:110;}	
		.fixed-bottom-welcome .table {display:table;margin: 0 auto;width:100%;height:100px;}			
}		

/******************************* 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){
	}