@charset "utf-8";

.wrapper{width:1400px; margin:0 auto;}

/* header */
#header{z-index:99; width:100%; height:140px; border-bottom:1px solid #eee; background:#fff; text-align:center; transition:all 0.5s ease-out 0s; top: 0;}
#header h1{position:absolute; top:25px; left:100px; width:195px;}
#header h1 a{display:block;}
#header h1 a img{width:100%;}

#header .header_top{background:#111; text-align:right;}
#header .header_top ul{padding-right:100px;}
#header .header_top ul li{display:inline-block; line-height:40px; height:40px; padding-left:25px;}
#header .header_top ul li a{display:block; font-size:14px; color:#fff; font-weight:500;}
#header .header_bottom{position:relative; background:#f4f4f4}

#header .area_util{box-sizing:border-box; position:absolute; right:100px; top:25px;}
#header .search_wrap{width:190px;}
#header .search_wrap input[type="text"]{width:100%; height:40px; padding-right:40px; background: 0; border:0; border-bottom:1px solid #111; outline:0;}
#header .search_wrap .button{position:absolute; right:0; top:0; min-width:30px; height:40px; line-height:38px; padding-left:25px; background:url(../images/main/icon_search.svg) no-repeat 50% 50%; background-size:18px; border:0; font-size:0;}

#header nav{text-align:center;}
#header .gnb{text-align:center;}
#header .gnb > li{position:relative; display:inline-block;}
#header .gnb > li > a{position:relative; display:block; line-height:101px; height:100px; padding:0 40px; font-size:18px; font-weight:400;}
#header .gnb > li > a:before{content:""; position:absolute; left:0; top:38px; width:1px; height:25px; background:#d2d2d2;}
#header .gnb > li:first-child > a:before{display:none;}
#header .gnb > li > a:hover{color:#1d2088}
#header .gnb > li > .sub_menu{display:none; position:absolute; left:0; top:101px; width:115% !important; background:#fff; z-index:99;}
#header .gnb li:hover .sub_menu{display:block; width:100%;}
#header .gnb .sub_menu{background:#2c3252;animation: submenu 0.3s 1 linear;box-shadow: 5px 7px 10px 4px rgba(0, 0, 0, 0.04);transition: ease all .2s;}
#header .gnb .sub_menu li a{position:relative; display:block; padding:8px 25px; color:#333; font-size:15px; background:#fff; text-align:left}
#header .gnb .sub_menu li a:before{content:""; position:absolute; left:16px; top:20px; width:2px; height:2px; margin-right:5px; background:#929292; border-radius:50%;}

#header .gnb .sub_menu li:last-child a{border-bottom:0}
#header .gnb .sub_menu li a:hover{background:#1d2088 url(../images/main/menu_hover.png) no-repeat 90% 50%; color:#fff;}
.ie #header .gnb > li > .sub_menu{top:100px;}


@keyframes submenu{
	0% { transform:translateX(20px); animation-delay:50s; opacity:0; }
	100% { transform:translateX(0); animation-delay:50s; opacity:1; }
}

/* mobile-menu */
.mobile_header{background:#008790; color:#fff; text-align:center; padding:35px 0 10px 0;}
.btn_menu{position:absolute; z-index:90; width:50px; height:45px; right:10px; top:8px;}
.btn_menu{display:none;}
.btn_menu span{display:block; width:24px; height:1px; margin:0 auto; background:#222; text-align:center;}
.btn_menu span:nth-child(1){margin-top:14px;}
.btn_menu span:nth-child(2){width:24px; margin-top:7px;}
.btn_menu span:nth-child(3){margin-top:7px;}

.menu_top p{margin-top:10px; color:#949494;}
.m_area_util{margin-top:40px;overflow:hidden;  padding:20px; box-sizing:border-box; background:#4c4c4c;}
.m_area_util a{display:inline-block; width: 49%; height:31px; box-sizing: border-box; padding:5px 0; margin:2px 0px; border:1px solid #fff; vertical-align:middle; color:#fff; text-align:center; font-size:14px;}
.m_gnb{overflow-y:auto; position:fixed; top:0px; right:-100%; width:80%; height:100%; background: #fff; transition:all 0.5s ease-out 0s;z-index:999;}
.m_gnb > ul > li > a{display:block; position:relative; padding:18px 25px; border-bottom:1px solid #ececec; color:#333; text-align:left; transition:all 0.3s ease 0s;}
.m_gnb > ul > li > a.open:before{content:''; display:block; position:absolute; top:30px; right:10px; width:15px; height:1px; background:#333; transition:all 0.4s ease 0s;}
.m_gnb > ul > li > a.open:after{content: ''; position: absolute; top:23px; right:17.5px; width:1px; height:15px; background:#333;}
.m_gnb > ul > li > a.active{}
.m_gnb > ul > li > a.active:before{}
.m_gnb > ul > li > ul{display:none; padding:20px; background:#f5f5f5;}
.m_gnb > ul > li > ul > li > a{position:relative; display:block; padding:10px; font-size:14px; color:#000; text-align:left;}
.m_gnb .btn_close{opacity: 0; display: block; position:absolute; top:25px; right:-100%; width:24px; height:23px; font-size:0px; transition:0.8s;}
.m_gnb.active{right:0px;}
.m_gnb.active .btn_close{opacity:1; right:10px;}
.m_gnb_top{box-sizing:border-box; }
.m_gnb_top p{background:#ddd;}
.m_gnb_top h1{padding-left:10px;}

#header .m_gnb_top .search_wrap{position:relative; width:60%; margin:40px 20px;}

.m_gnb_top .gnb_member{overflow:hidden; background: #222;}
.m_gnb_top .gnb_member ul li{box-sizing:border-box; float:left; width:25%; border-left:1px solid #666;}
.m_gnb_top .gnb_member ul li:first-child{border-left:0;}
.m_gnb_top .gnb_member ul li a{display:block; width:100%;color:#fff; padding:10px 0;}

.m_gnb .btn_close:before{content: ''; display:block; position:absolute; top:9px; left:0px;  width:100%; height:2px; background:#333; transform:rotate(45deg);}
.m_gnb .btn_close:after{content: ''; display:block; position:absolute; top:9px; left:0px; width:100%; height:2px; background:#333; bottom: 9px; transform:rotate(-45deg);}
.m_gnb p{padding:30px 20px; background:#004d82 url(../images/sub/lnb_bg.png) no-repeat 90% 80%; color:#fff;}

.cover{position: fixed; width: 100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.8); z-index:995; display:none;}
.cover.active{display:block;}
.cover.active{display:block;}

/* footer */
footer{padding:60px 0 110px 0; background:#000;}
footer .wrapper{position:relative;}
footer .wrapper > ul{margin-bottom:25px;}
footer .wrapper > ul > li{display:inline-block; padding-right:20px;}
footer .wrapper ul li a{color:#fff}
footer .wrapper address span{padding-right:15px; color:#b4b4b4}
footer .wrapper address span a{color:#b4b4b4}

footer .wrapper > div{position:absolute; right:0; top:0;}
footer .wrapper > div h3{margin-bottom:8px; font-size:16px; color:#fff;}
footer .wrapper > div h3 > a{display:block; line-height: 1.2; font-size:40px;}
footer .wrapper > div ul li{margin-bottom:20px;}
footer .wrapper > div ul li p{color:#999;}
footer .wrapper > p{margin-top:100px;}
footer .btn_info{display:block;  margin-top:15px; }
footer .btn_info a{display:inline-block; padding:7px 15px; border:1px solid #383838;}

.area_shopList *[data-category-location="tab"] .web{text-align:center;}
.area_shopList *[data-category-location="tab"] .web > li > a{padding:10px 30px 10px 10px; border:1px solid #cfcece;}
.area_shopList *[data-category-location="tab"] .web > li > ul li a{text-align:left;}
.area_shopList *[data-category-location="list"]{display:none;}
.area_shopList .total{margin-top:30px !important;}

@media all and (max-width:1400px){
	.wrapper{width:98%;}
	#header h1{left:10px;}
	#header .area_util{right:10px;}
	#header .header_top ul{padding-right:10px;}
 }

@media all and (max-width:1200px){
	#header .gnb > li > a{padding:0 30px;}
 }

@media all and (max-width:1100px){
	#header{height:100px;}
	#header h1{top:10px; width:150px;}
	#header nav{display:none;}
	#header .area_util{display:none;}
	.btn_menu{display:block;}
 }

@media all and (max-width:1024px){	
	.area_shopList *[data-category-location="tab"] .mob .title{display:none !important; margin-top:0px;}
	.area_shopList *[data-category-location="tab"] .mob > ul{margin-top:0px !important;}
	.area_shopList *[data-category-location="list"]{display:block !important; margin-bottom:20px !important;}
}

@media all and (max-width:860px){
	footer{text-align:center;}
	footer .wrapper > div{position:static;}
	footer .wrapper > div h3 a{font-size:23px;}
}

@media all and (max-width:767px){
	.wrapper{width:96%}

}
@media all and (max-width:600px){
	#header{height:60px;}
	#header .header_top{display:none;}
	footer .wrapper address span{display:block; padding-right:0;}
	footer .wrapper > p{margin-top:40px;}

}