header{
    position: fixed; 
    z-index:5;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 54px; /*헤더 높이 값*/
    background: #FFF;
    transition: top 0.2s ease-in-out;
}
.nav-down{
    top:0px; /*헤더 높이와 같게 (자바스크립트로 추가될 클래스)*/
}
.nav-up{
    top:-54px; /*헤더 높이와 같게 (자바스크립트로 추가될 클래스)*/
}
.side-nav {
    height: calc(100% + 54px); /*데스크탑 모드에서 헤더 높이 변경되면 반영할것*/
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 54px; /*헤더 아래단부터 시작하기 위하여 헤더 높이값 입력*/
    left: -100%;
    background-color: #369;
    overflow-x: hidden;
    transition: .5s;
    padding-top:0px;
}
.side-nav a{
    color:white;
    padding:12px 25px;
}
#navClose{
    width:0%;
    height:0%;
    background:rgba(100,100,100,0.5);
    position:absolute;
    z-index:5;
}
#cswLogoBgBlue{
    width:40px;
    margin:5px 30px;
    float:left;
}
.navToggle{
    padding:15px;
    display: inline-block;
}
.navToggle a{
    cursor: pointer;
}
#searchForm{
    text-align: center;
}
#navGoTop{
    width:40px;
    height:40px;
}
#popup {
    position: fixed;
    right: 7%;
    bottom: 50px;
    z-index: 999;
    width:180px;
    padding:20px;
    background:#FFF;
    transition:opacity .5s ease;
    border-radius:6px;
}
#MOVE_TOP_BTN {
    position: fixed;
    right: 2%;
    bottom: 50px;
    /*display: none;*/
    z-index: 999;
    opacity:0;
    rotate: 270deg;
    width:40px;
    transition:opacity .5s ease;
}
.navOpen{
    left:0 !important;
}
/*반응형*/
@media(min-width:480px){

}
@media(min-width:720px){
  
}
@media(min-width:960px){
  
}
@media(min-width:1280px){

}
@media(min-width:1600px){

}