@media screen and (max-width:800px){
    
    .header h1 a {padding-left:40px;}
    .header h1 a img {width:160px;}
    .header .nav_open {display:inline-block;position:absolute;top:50%;left:20px;margin-top:-7px;z-index:10;}
    .header .nav_open img {width:22px;}

    .contents_wrap {display:block;padding-top:80px;}

    .navi {display:block;position:fixed;top:0;left:-300px;bottom:0;}
    .navi.on {left:0;}
    .nav_close_wrap {display:block;height:80px;line-height:80px;text-align:right;}
    .nav_close {margin-right:20px;}
    .nav_close img {width:20px;}
    .navi .navi_inner > ul {padding-top:0;}

    
    .wrap .contents {width:100%;margin-left:0;}
    .wrap_admin .contents {width:100%;margin-left:0;}
}


@media screen and (max-width:600px){
    /*공통버튼*/
    .top_button {padding:0 18px;line-height:28px;font-size:0.875rem;}
    .middle_line_btn {font-size:0.9375rem;line-height:30px;padding:0 15px;}
    .dark_btn {font-size:0.9375rem;line-height:30px;padding:0 15px;}


    /*어드민관리 보기,수정*/
    .small_btn {font-size:0.75rem;line-height:22px;height:22px;padding:0 10px;}


    select {font-size:0.8125rem;height:30px;line-height:30px;}
    input[type="text"], input[type="password"]  {font-size:0.8125rem;padding:0 5px;height:30px;}
    
    select {font-size:0.9375rem;height:30px;line-height:30px;}

    /*헤더*/
    .header .nav_open {top:23px;margin-top:0;}
    .header h1 {width:100%;height:60px;line-height:60px;}
    .header .root {line-height:60px;padding-left:20px;font-size:0.9375rem;}
    .header .topbutton_wrap {padding-right:20px;line-height:60px;}

    .contents_wrap {display:block;padding-top:120px;}
    /*네비*/
    .nav_close_wrap {height:60px;line-height:60px;}
    .navi .navi_inner > ul > li {line-height:36px;}
    .navi .navi_inner > ul > li > a {font-size:1rem;line-height:36px;padding-left:20px;}
    .navi .navi_inner > ul > li > ul  {padding:5px 0;}
    .navi .navi_inner > ul > li > ul > li {line-height:36px;}
    .navi .navi_inner > ul > li > ul > li > a {font-size:0.875rem;line-height:26px;padding-left:40px;}

    .navi .navi_inner dl {width:260px;}
    .navi .navi_inner dl dt {line-height:40px;font-size:1rem;}
    .navi .navi_inner dl dd {padding:10px 20px;}
    .navi .navi_inner dl dd ul li {padding:6px 0;}
    .navi .navi_inner dl dd ul li span {font-size:0.8125rem}
    .navi .navi_inner dl dd ul li strong {font-size:0.8125rem}
    .navi .navi_inner dl dd ul li .progress {height:4px;margin-top:7px;}
    .navi .navi_inner dl dd ul li .progress .bar {height:4px;}

    
    .wrap .contents {padding:20px;}
    .wrap_admin .contents {padding:20px;}

}
@media screen and (max-width:680px){
    /*공통버튼*/
    .top_button {padding:0 12px;line-height:30px;font-size:0.9375rem;}
    .top_button span {top:-5px;right:-5px;width:18px;height:18px;line-height:18px;font-size: 0.6875rem;}

    .middle_line_btn {font-size:0.875rem;line-height:30px;padding:0 8px;}
    .dark_btn {font-size:0.875rem;line-height:30px;padding:0 8px;}

    /*레이아웃*/
    .header h1 {height:50px;line-height:50px;}
    .header h1 a img {width:120px;}
    .header .root {width:35%;line-height:70px;}
    .header .root span {display:none;}
    .header .topbutton_wrap {width:65%;line-height:70px;}
    .header .topbutton_wrap .top_button {vertical-align:middle;}

    .contents_wrap {padding-top:130px;}

    .nav_close_wrap {height:50px;line-height:50px;}
    .nav_close img {width:17px;}
    .header .nav_open {top:18px;}
    .navi .navi_inner dl {width:260px;bottom:10px;}

    .header .topbutton_wrap .notice_wrap {top:100%;right:5%;width:330px;height:400px;margin-top:20px;}
    .header .topbutton_wrap .notice_wrap  .notice_list {height:300px;}
    .header .topbutton_wrap .notice_wrap  .notice_list  ul  li {padding:10px 20px;}
    .header .topbutton_wrap .notice_wrap  .notice_list  ul  li  h5 {width:80%;font-size: 0.8125rem;}
    .header .topbutton_wrap .notice_wrap  .notice_list  ul  li .read_btn {position:absolute;width:19%;height:28px;line-height:28px;}
    .header .topbutton_wrap .notice_wrap  .notice_list  ul  li .read_btn a {display:inline-block;font-size: 0.8125rem;width:100%;height:28px;line-height:28px;}
    .header .topbutton_wrap .notice_wrap .all_notice_view {line-height:40px;}
    
}
@media screen and (max-width:480px){
    .contents_wrap {padding-top:110px;}
    .top_button {padding:0 5px;line-height:28px;font-size:0.8125rem;}
    .top_button span {top:-8px;right:-8px;width:15px;height:15px;line-height:15px;font-size:0.6875rem;}

    .header .root {width:37%;font-size:0.8125rem;line-height:60px;}
    .header .topbutton_wrap {line-height:60px;width:63%;}
    .header .topbutton_wrap .top_button {margin-left:3px;}
    select {font-size:0.6875rem;padding:0 20px 0 3px;}
}