/* BASIC css start */
/* BASIC css start */
.header {position:fixed;top:0px;left:0px;z-index:1001;width:100%;height:auto;background:transparent;font-size:0px;}
.header .top-header {position:relative;height:55px;background:transparent;text-align:center;transition:all 0.3s ease-in-out;}
.header .top-header .menu-btn {position:absolute;top:0px;left:0px;width:52px;line-height:55px;}
.header .top-header .menu-btn img {width:22px;}
.header .top-header .lang-btn {position:absolute;top:0px;left:52px;width:30px;line-height:55px;}
.header .top-header .lang-btn img{width:22px}
.header .top-header .logo {display:inline-block;line-height:55px;}
.header .top-header .logo img {height:30px;}
.header .top-header .search-btn {position:absolute;top:0px;right:0px;width:40px;line-height:55px;}
.header .top-header .search-btn img {width:20.5px;}
.header .top-header .cart-btn {position:absolute;top:0px;right:30px;width:40px;line-height:55px;}
.header .top-header .cart-btn img {width:24px;}
.header .top-header .cart-btn span {position:absolute;top:23px;left:6px;width:36px;color:white;font-size:11px;line-height:14px;text-align:center;}
.header.gnb-active .top-header { height:45px;background:rgba(255, 255, 255, 0.9);}
.header.gnb-active .top-header .menu-btn,
.header.gnb-active .top-header .search-btn,
.header.gnb-active .top-header .cart-btn,
.header.gnb-active .top-header .lang-btn,
.header.gnb-active .top-header .logo {line-height:45px;}
.header.gnb-active .top-header .cart-btn span { top:19px;color:#fff;}
.page-location-wrap { top:45px !important;}

.header .bot-header { display:none;position:relative;height:50px;padding-right:50px;background:white;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;box-sizing:border-box;}
.header .bot-header .gnb-slide { padding:0px 5px;}
.header .bot-header .gnb-slide .swiper-slide { width:auto;padding:0px 10px;color:#2f2f2f;font-size:12px;line-height:48px;height:48px; }
.header .bot-header .gnb-btn { position:absolute;top:0px;right:0px;width:50px;height:48px;background:url('/design/storia0720/mk/img/m/gnb_open.png') no-repeat center center;background-size:50px 50px;border-left:1px solid #e6e6e6;font-size:0px;text-indent:-999em;overflow:hidden;box-sizing:border-box;}

.menu-wrap { display:none;position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:5001;width:80%;background:#fff; }
.menu-wrap .head { background:white;font-size:0px;text-align:center;}
.menu-wrap .head .logo-wrap { position:relative;padding-top:30px;padding-bottom:25px;background:#f6f6f6; }
.menu-wrap .head .logo-wrap input { display:inline-block;width:80%;background:#f6f6f6;border:0 none;color:#747474; }
.menu-wrap .head .logo-wrap a.btn_search { display:inline-block; }
.menu-wrap .head .logo-wrap a.btn_search img { height:25px; }
.menu-wrap .head .head-list { border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.menu-wrap .head .head-list ul {}
.menu-wrap .head .head-list ul li { display:inline-block;width:25%;border-left:1px solid #e6e6e6;box-sizing:border-box;}
.menu-wrap .head .head-list ul li:first-child { border-left:none;}
.menu-wrap .head .head-list ul li a { display:inline-block;width:100%;height:90px;}
.menu-wrap .head .head-list ul li a .img { position:relative;display:block;width:28px;margin:0 auto;margin-top:19px;line-height:28px;}
.menu-wrap .head .head-list ul li a .img img { height:28px;}
.menu-wrap .head .head-list ul li a .img span { position:absolute;bottom:3px;right:0px;width:12px;color:#fff;font-size:10px;line-height:14px;text-align:center;}
.menu-wrap .head .head-list ul li a p { font-family:"futura-pt";color:#222222;font-size:13px;line-height:30px;font-weight:700;}

.menu-wrap .body { height:calc(100% - 225px);padding:10px 20px;font-size:0px;overflow-y:auto;}
.menu-wrap .body .menu-list-wrap { margin-top:25px;}
.menu-wrap .body .menu-list-wrap h3 { margin-bottom:10px;color:#666666;font-size:12px;font-weight:normal;line-height:20px;}
.menu-wrap .body .menu-list-wrap ul {}
.menu-wrap .body .menu-list-wrap ul.mt10 { margin-top:10px;}
.menu-wrap .body .menu-list-wrap ul li { display:block;box-sizing:border-box;}
.menu-wrap .body .menu-list-wrap ul li a { display:inline-block;width:100%;color:#222222;font-size:14px;line-height:37px;box-sizing:border-box;}
.menu-wrap .body .menu-list-wrap.text { margin-bottom:45px;}
.menu-wrap .body .menu-list-wrap.text h3 { margin-bottom:0px;}
.menu-wrap .body .menu-list-wrap.text .tel { display:inline-block;color:#2f2f2f;font-size:24px;line-height:35px;}
.menu-wrap .body .menu-list-wrap.text p { margin-top:10px;color:#999999;font-size:12px;line-height:18px;}

.menu-wrap .body .community { border-top:1px solid #000000;padding-top:25px; }
.menu-wrap .body .community ul li a { color:#7d7d7d; }

.menu-wrap .body .asidesns { text-align:center; }
.menu-wrap .body .asidesns li { display:inline-block;padding:0 10px; }
.menu-wrap .body .asidesns li img { height:20px; }

.all-gnb {    max-height: 252px; display:none;position:fixed;top:45px;left:0px;z-index:1000;width:100%;background:white;box-shadow:0px 5px 20px rgba(0, 0, 0, 0.3);}
.all-gnb .bot-header { position:relative;height:50px;padding-right:50px;background:white;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;box-sizing:border-box;}
.all-gnb .bot-header .text { padding:0px 15px;color:#a3a3a3;font-size:13px;line-height:48px;}
.all-gnb .bot-header .gnb-btn { position:absolute;top:0px;right:0px;width:50px;height:48px;background:url('/design/storia0720/mk/img/m/gnb_close.png') no-repeat center center;background-size:50px 50px;border-left:1px solid #e6e6e6;font-size:0px;text-indent:-999em;overflow:hidden;box-sizing:border-box;}

.all-gnb .gnb-content {padding: 5px;}
.all-gnb .gnb-content .menu-list-wrap {font-size:0px;}
.all-gnb .gnb-content .menu-list-wrap ul {}
.all-gnb .gnb-content .menu-list-wrap ul li {height: 38px;display:inline-block;width:25%;margin-top:2.5px;padding:0px 1.5px;box-sizing:border-box;}
.all-gnb .gnb-content .menu-list-wrap ul li a { display:inline-block;width:100%;border:1px solid #e5e5e5;color:#222222;font-size:12px;line-height:36px;text-align:center;box-sizing:border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius:5px;}

.all-gnb .gnb-content .foot { margin-top:25px;background:#f2f2f2;font-size:0px;text-align:center;}
.all-gnb .gnb-content .foot a { display:inline-block;padding:0px 10px;color:#2f2f2f;font-size:13px;line-height:45px;}



.header.sub .bot-header { display:block;}
.header-area {display:none;height:95px;}


.menu-wrap .head{position:relative;}
.head .langWrap{position:absolute;right:10px;top:68px;font-size:13px;}

.bot-header .swiper-container { height:50px; }
#container { margin-top:95px; }

.header.sub .bot-header {
    display:block;
}








/* BASIC css end */