/* 메뉴 */
.front .headerWrap{background:none !important;}
.headerWrap{   background:#fff;}
.headerWrap{
    position: fixed;
   /*  height: 90px; */
    z-index: 1000;
    width: 100%;
    left: 0;top:0;
    right: 0;}
.pcView{display:block;}
.moView{display:none;}
/* .gnb{position:absolute;top:5px;z-index:10} */
.gnb{display: inline-block;margin-left: 10%;}
#gnb { /* width: 40%;  */height:75px;overflow: hidden;transition: all 1.5s;}
#gnb.on{height:250px;transition: all 1.5s;    }
.logo{display: inline-block; width: 150px; margin: 13px 0 13px 6%;vertical-align: top;}
.logo a img{max-width: 100%; height: auto;}
.front .gnb .li_menu a{color:#fff}
@media (max-width:1440px){
    .gnb {margin-left: 0;}
}
.gnb .li_menu.on{/* border-bottom:3px solid #000;    */font-weight:bold;}
.gnb .li_menu{
	margin-top:30px;height: 48px;cursor:pointer;
	}
.gnb .li_icon{
	width: 50px;
    margin-top: 20px;
    padding: 10px 0;
	}
.gnb .li_icon.cart{
	margin : 0 20px;margin-top: 20px;
	}
.gnb .li_icon.all_menu img{float:right;}
.gnb ul:after{content:"";display:block;clear:both}
.gnb li{float:left;font-size:22px;font-weight:650;width:200px;text-align:center;}
.gnb li.menu7{margin:0}
/* .gnb ul ul{display:none;} */
/*.g_hover{display:block !important; width:150px; position:absolute;top:78px;background:#fff;border-top:3px solid #48cae0;font-weight:normal;text-align:center;z-index:10;}
.g_hover li{
	text-align:left;
	padding:10px 0;margin:0;/* text-indent:15px;text-align:center
	} */
#gnb.on .downmenu{display:block;}
.downmenu{ margin:20px 0; box-sizing:border-box;display:none;transition:0.3s all;}
.downmenu.on{border-top:1px solid #48cae0;box-sizing:border-box; margin-top:19px; }
.downmenu a li{font-size:17px;}
.downmenu li{padding:8px 0;}
/* .downmenu li:hover{
	background:#f0f6f7;
	} */
.downmenu li:hover a{color:#blue !important;}
.front .gnb .downmenu li:hover a{text-decoration: none;color:#000 !important;}
.gnb ul li.menu3 ul{width:182px}
.gnb ul li.menu6 ul{width:194px}
.gnb ul ul li{float:none;margin:0px 0;}
.gnb_li{font-size:15px !important;}

.sitemap_wrap{display: none; width: 500px; position: relative; margin:0 auto; background:#fff; z-index:4;}
.black_bg{display: none; position: fixed; content: ""; width: 100%; height: 100%; background-color:rgba(0, 0,0, 0.5); top:0; left: 0; z-index:3;}
.sitemap_close{width: 42px; height: 28px; position: absolute; bottom: 0; right: 0;}
.sitemap_close> a{display: block; width: 100%; height: 100%; background:url("../../mgmt/common/images/popup/btn_close.gif"); text-indent: -9999px;}

@media(max-width:1200px){
	.header{
		width:100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: white;
		z-index: 10000;
		height: auto;
		border:0;
	}
	.headerWrap{width:100%;}
	.headerWrap .moMenu{
		    position: absolute;
    top: 18px;
    right: 5%;
    width: 40px;
    height: 40px;
    overflow: hidden;
	}
	.headerWrap button{    background: url(/common/images/menu_all.png) no-repeat;cursor: pointer;
    width: 100%;
    height: 100%;
    font-size: 0;
    display: block;
    background-size: 100%;
	border: 0;}
	.headerWrap .memMenu{
		    position: absolute;
    top: 18px;
    right: 5%;
	}
	.headerWrap .memMenu a:nth-child(1){ margin-right: 7px;}
	.headerWrap .headTop{
		border-bottom:1px solid #eee;
	}
	.headerWrap .headTop h1{
		text-align: center;
    	padding: 10px 0;
	}
	.headerWrap .headTop h1 img {
		display: inline-block;
		width: 100px;
		margin-left:5%;		
	}
	.headerWrap .headBot{
		padding: 15px 0;
    border-bottom: 1px solid #EEE;
    background: #fff;
	}
	.headerWrap .headBot .headMenu {
		display: inline-flex;
		width: 100%;
	}
	.headerWrap .headBot .headMenu li{
		width:25%;
		padding: 0 3vw 0 3vw;
		text-align: center;
		font-size: 18px !important;
	}
	.headerWrap.pcView{display:none;}
    .headerWrap.moView{display:block;}
    .headerWrap .menu_on{
        position:fixed;
        top:0;
        width:80%;
        height:100%;
        background:#fff;   
        z-index:100;
        overflow-y:scroll;
        right:-100%;
    }
    .headerWrap .menu_on .menu_util{
        padding: 15px 0;
            padding-top: 70px;
        height: auto;
        width: 100%;
        border-bottom: 1px solid #a9a9a9;
	}
    .headerWrap .menu_on .menu_util .login_menu{text-align:center;margin-bottom:30px;}
    
    .headerWrap .menu_on .menu_util li {float:none}
    .headerWrap .menu_on .menu_util .login_li, .headerWrap .menu_on .menu_util .join_li {
    display: inline-block;
    width: 45%;
    padding: 11px 0px;
    font-size: 3vw;
    text-align: center;
    border: 1px solid #000;
    }
    .headerWrap .menu_on .menu_util .join_li:after{clear:both; float:none;}
    .headerWrap .menu_on .menu_util .log_li{margin-right:5%;}
    .menu_close{
        position: absolute;
        top: 10px;
		right: 10px;
		cursor: pointer;
    }
    .headerWrap .menu_on .menu_util .other_menu {text-align:center;width:100%;}
    .headerWrap .menu_on .menu_util .other_menu p{width: 32%;
    display: inline-block;
    padding-top: 11vw;
    background-repeat: no-repeat !important;
    background-size: 34% !important;
    background-position: center top !important;
    font-size: 3vw;}
    .headerWrap .menu_on .menu_util .other_menu p.my_li{
        background:url(../images/menu_mypage.png)
    }
    .headerWrap .menu_on .menu_util .other_menu p.order_li{
        background:url(../images/menu_order.png);
        background-size: 45% !important;
    }
    .headerWrap .menu_on .menu_util .other_menu p.cart_li{
        background:url(../images/menu_cart2.png)
    }
    .headerWrap .menu_li .menuList  p.menu_1dept{
        color:#000;
        font-size:18px;
        padding:15px 0;
        padding-left: 15px;
        border-bottom: 1px solid #a9a9a9;font-weight: 600;
    }
	.headerWrap .menu_li .menuList p.menu_1dept i{    color: #000;
    float: right;
    margin-right: 5%;    line-height: inherit;transform: rotate(0);}
	.headerWrap .menu_li .menuList p.menu_1dept i.rotation{
	-webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);}
    .headerWrap .menu_li .menuList  div.menu_2dept p{
        padding:15px 25px;font-size:18px;
        background:#eee;
        border-bottom: 1px solid #fff;;
    }
}

@media(max-width:800px){
	.headerWrap .headBot{
		padding: 12px 0;
    overflow-x: scroll;
	}
	.headerWrap .headBot .headMenu {
		display: inline-flex;
		width: 110%;
	}
	.headerWrap .headBot .headMenu li{
		padding: 0 3vw 0 3vw;
		text-align: center;
		font-size:20px !important;
		font-weight: bold;
    }
    .headerWrap .menu_on{
        width:90%;
    }
}

@media(max-width:500px){
	.headerWrap .headTop h1 img {
		width: 80px;
	}
	.headerWrap .moMenu {top: 15px;width:35px;height:35px;right:3%;}
	.headerWrap .memMenu {top:15px;right: 3%;}
	.headerWrap .memMenu img{width:35px;height:35px;}
	.headerWrap .headBot .headMenu li{
		padding: 0 2%;
		text-align: center;
		font-size: 15px !important;
	}

}

@media(max-width:360px){
	.headerWrap .headBot .headMenu li {
		width:30%;
		padding:0;
	}
}