@media screen and (max-width: 1279px){
    #header{
    	width:100%;
    }

    #header .top{
    	width:100%;
    	padding:15px 3%;
    	background:#011209;
    	box-sizing:border-box;
    	text-align:Right;
    	position:relative;
    	z-index:99;
    	display:none;
    }

    
    #header .bottom{
    	width:100%;
    	transition:all 0.5s;
    	box-sizing:border-box;
    	position:absolute;
    	z-index:9;
    }
    
    #header .bottom .btCt{
    	width:100%;
    	justify-content:space-between;
    	display:flex;
    	padding:15px 3%;
    }
    
    
    #header .bottom .logo{
    	width:135px;
    	place-self:center;
    }
    
    #header .bottom .logo img{
    	width:100%;
    }
    
    #header .bottom .menu{
    	display:none;
    }
    
    #header .bottom .allMenu{
    	width:44px;
    	place-self:center;
    	cursor:pointer;
    }
    
    #header .bottom .allMenu img{
    	width:100%;
    }
    
    #header .bottom .allMenu .menuClose{
    	display:none;
    }
    
    
    .dropMenu{
    	width:100%;
    	padding:0px 3%;
    	box-sizing:border-box;
    	display:block;
    	border-top:1px solid #d9d9d9;
    	border-bottom:1px solid #d9d9d9;
    	position:absolute;
    	top:-500%;
    	transition:all 0.5s;
    	background:#fff;
    }
    
    .dropMenu dd{
    	width:100%;
    	border-right:0px solid #d9d9d9;
    	padding:20px;
    	box-sizing:border-box;
    	text-align:center;
    }
    
    .dropMenu dd:first-child{
    	border-left:0px solid #d9d9d9;
    }
    
    .dropMenu dd .menuTit{
    	font-size:16px;
    	color:#222;
    	font-weight:500;
    }
    
    .dropMenu dd .menuList{
    	width:100%;
    	margin-top:15px;
    }
    
    .dropMenu dd .menuList li{
    	width:100%;
    	margin-top:12px;
    	font-size:14px;
    	color:#444;
    }
    
    .dropMenu dd .menuList li a{
    	color:#444;
    }

    #footer{
    	width:100%;
    }
    
    #footer .topA{
    	width:100%;
    	padding:15px 3%;
    	box-sizing:border-box;
    	border-top:1px solid #d9d9d9;
    	border-bottom:1px solid #d9d9d9;
    	display:flex;
    	justify-content:space-between;
    }
    
    #footer .topA .logo{
    	width:100px;
    }
    
    #footer .topA .logo img{
    	width:100%;
    }
    
   
    
    #footer .topA .topFootMenu li{
    	display:inline-block;
    	font-size:14px;
    	color:#777;
    	margin-right:30px;
    	line-height:46px;
    	position:Relative;
    }
    
     #footer .topA .topFootMenu li:last-child{
    	margin-right:0px;
    }
    
    
    
    #footer .topA .topFootMenu li a{
    	color:#777;
    }
    
    #footer .topA .topFootMenu li:before{
    	position:absolute;
    	width:4px;
    	height:4px;
    	background:#777;
    	border-radius:50%;
    	content:'';
    	top:50%;
    	transform:translateY(-50%);
    	left:-16px;
    }
    
    #footer .topA .topFootMenu li:first-child:before{
    	display:none;
    }

    #footer .btmA{
    	width:100%;
    	padding:40px 3%;
    	box-sizing:border-box;
    }
    
    #footer .btmA .top{
    	width:100%;
    	display:flex;
    	justify-content:space-between;
    }
    
    #footer .btmA .top .comNm{
    	font-size:18px;
    	color:#222;
    	font-weight:bold;
    }
    
    #footer .btmA .top .snsMenu{
    	text-align:Right;
    	display:none;
    }
    
    #footer .btmA .top .snsMenu li{
    	width:40px;
    	display:inline-block;
    	margin-left:25px;
    }
    
    #footer .btmA .infoA{
    	width:100%;
    	margin-top:20px;
    	display:block;
    }
    
    #footer .btmA .infoA .info{
    	width:100%;
    	font-size:14px;
    	color:#777;
    	line-height:28px;
    	place-self:end;
    }
    
    #footer .btmA .infoA .copy{
    	width:100%;
    	font-size:14px;
    	color:#777;
    	line-height:28px;
    	place-self:end;
    	text-align:left;
    	margin-top:20px;
    }
    
}

@media screen and (max-width: 767px){
    #header{
    	width:100%;
    }

    #header .top{
    	width:100%;
    	padding:15px 3%;
    	background:#011209;
    	box-sizing:border-box;
    	text-align:Right;
    	position:relative;
    	z-index:99;
    	display:none;
    }

    
    #header .bottom{
    	width:100%;
    	transition:all 0.5s;
    	box-sizing:border-box;
    	position:absolute;
    	z-index:9;
    }
    
    #header .bottom .btCt{
    	width:100%;
    	justify-content:space-between;
    	display:flex;
    	padding:15px 3%;
    }
    
    
    #header .bottom .logo{
    	/* width:115px; */
    	place-self:center;
    }
    
    #header .bottom .logo img{
    	width:100%;
    }
    
    #header .bottom .menu{
    	display:none;
    }
    
    #header .bottom .allMenu{
    	width:35px;
    	place-self:center;
    	cursor:pointer;
    }
    
    #header .bottom .allMenu img{
    	width:100%;
    }
    
    #header .bottom .allMenu .menuClose{
    	display:none;
    }
    
    
    .dropMenu{
    	width:100%;
    	padding:0px 3%;
    	box-sizing:border-box;
    	display:block;
    	border-top:1px solid #d9d9d9;
    	border-bottom:1px solid #d9d9d9;
    	position:absolute;
    	top:-600%;
    	transition:all 0.5s;
    	background:#fff;
    }
    
    .dropMenu dd{
    	width:100%;
    	border-right:0px solid #d9d9d9;
    	padding:20px;
    	box-sizing:border-box;
    	text-align:center;
    }
    
    .dropMenu dd:first-child{
    	border-left:0px solid #d9d9d9;
    }
    
    .dropMenu dd .menuTit{
    	font-size:16px;
    	color:#222;
    	font-weight:500;
    }
    
    .dropMenu dd .menuList{
    	width:100%;
    	margin-top:15px;
    }
    
    .dropMenu dd .menuList li{
    	width:100%;
    	margin-top:12px;
    	font-size:14px;
    	color:#444;
    }
    
    .dropMenu dd .menuList li a{
    	color:#444;
    }

    #footer{
    	width:100%;
    }
    
    #footer .topA{
    	width:100%;
    	padding:15px 3%;
    	box-sizing:border-box;
    	border-top:1px solid #d9d9d9;
    	border-bottom:1px solid #d9d9d9;
    	display:flex;
    	justify-content:space-between;
    }
    
    #footer .topA .logo{
    	width:100px;
    }
    
    #footer .topA .logo img{
    	width:100%;
    }
    
   
    
    #footer .topA .topFootMenu li{
    	display:inline-block;
    	font-size:14px;
    	color:#777;
    	margin-right:30px;
    	line-height:46px;
    	position:Relative;
    	display:none;
    }
    
     #footer .topA .topFootMenu li:last-child{
    	margin-right:0px;
    }
    
    
    
    #footer .topA .topFootMenu li a{
    	color:#777;
    }
    
    #footer .topA .topFootMenu li:before{
    	position:absolute;
    	width:4px;
    	height:4px;
    	background:#777;
    	border-radius:50%;
    	content:'';
    	top:50%;
    	transform:translateY(-50%);
    	left:-16px;
    }
    
    #footer .topA .topFootMenu li:first-child:before{
    	display:none;
    }

    #footer .btmA{
    	width:100%;
    	padding:40px 3%;
    	box-sizing:border-box;
    }
    
    #footer .btmA .top{
    	width:100%;
    	display:flex;
    	justify-content:space-between;
    }
    
    #footer .btmA .top .comNm{
    	font-size:18px;
    	color:#222;
    	font-weight:bold;
    }
    
    #footer .btmA .top .snsMenu{
    	text-align:Right;
    	display:none;
    }
    
    #footer .btmA .top .snsMenu li{
    	width:40px;
    	display:inline-block;
    	margin-left:25px;
    }
    
    #footer .btmA .infoA{
    	width:100%;
    	margin-top:20px;
    	display:block;
    }
    
    #footer .btmA .infoA .info{
    	width:100%;
    	font-size:12px;
    	color:#777;
    	line-height:21px;
    	place-self:end;
    	word-break:keep-all;
    }
    
    #footer .btmA .infoA .copy{
    	width:100%;
    	font-size:12px;
    	color:#777;
    	line-height:21px;
    	place-self:end;
    	text-align:left;
    	margin-top:20px;
    	word-break:keep-all;
    }
    
}