@media (max-width:1700px){
    .prohibition .tit{    background: #ba252a; /* Old browsers */
    background: -moz-linear-gradient(left,  #ba252a 0%, #ba252a 18%, #f4f4f4 18%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ba252a), color-stop(18%,#ba252a), color-stop(18%,#f4f4f4), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ba252a 0%,#ba252a 18%,#f4f4f4 18%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ba252a 0%,#ba252a 18%,#f4f4f4 18%,#f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ba252a 0%,#ba252a 18%,#f4f4f4 18%,#f4f4f4 100%); /* IE10+ */
    background: linear-gradient(to right,  #ba252a 0%,#ba252a 18%,#f4f4f4 18%,#f4f4f4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba252a', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */; color: #fff; font-size: 36px; font-weight: 700; margin-bottom: 50px;}
}
@media (max-width:1280px){
    .inner{padding-left: .938rem; padding-right: .938rem;}
    #logo{left:0}
    #gnb{right:0.938rem}
    #gnb > li{margin-left:20px;}
  .inner{padding-left: 0.938rem;padding-right:  0.938rem;}
  br.block-pc{display: inline;}
    /* #lnb > li{margin-left: 30px;}
    #header > .inner{padding-left: 0;} */
    #path .inner{padding-left: 0; padding-right: 0;}
    .prohibition .tit{background: #f4f4f4; font-size: 1.875em;}
    .prohibition .tit .inner{padding: 0}
    .prohibition .tit strong{padding: .87em 1.5em .87em .938rem}
}
@media (max-width:1180px){
    #path .home{border-left: 0;}
    #btn-share{border-right: 0;}
}
@media (max-width:1024px){
    html{font-size: 15px}
    .tablet{display: block;}
       #header{background: #ac2f30;border-bottom: 0; height: 5em}
       #header > .inner{padding-left: 0;position: static;}
       #lnb{display: none;}
       #logo{width: 14.5em;
    height: 3.125em;
    background: url(../img/common/logo_m_big.png) left center no-repeat; background-size: 100%; top:50%;margin-top: -1.5em; position: absolute; left: .938rem !important}
       #logo a{display: block;white-space: nowrap;overflow: hidden;text-indent: -999px;width: 100%;height: 100%}
       #btn-menu{display: block;}
       #sub_visual{height: auto; padding: 8.125rem .938rem 3.125rem}
       #sub_page{padding-top: 3.5em !important; padding-bottom: 5em;}
       .tit-st1{margin-bottom: 1em;}
       .box-st1{padding: 30px}
       .guide{padding-left: 0;}
       .guide .l{width: 100%;position: static; margin-bottom: 20px;}
       .guide .btns,.guide .link{margin: 0 0 -1% -1%;}
       .guide .btns li,.guide .link li{float: left; width: 49%;margin: 0 0 1% 1%;}
       .guide .link li:nth-child(2){border-top: 0;}
       .guide .link li a:after{right: .938rem}
       .guide .r{height: 50em}
       .box-agree_w .box{padding: 1.5em}
       #header.on{background: #ac2f30; color: #fff}
       #hd_pop{padding: 0 10px}
       .hd_pops{left: 0 !important; max-width: 96%;margin: 0 2%;}
       .hd_pops_con{height: auto !important}
      #footer{text-align: center;}
       #footer .top{line-height: 1.15;border-bottom: 0;}
       #footer .top .inner{padding:0}
       #footer .top .l,#footer .top .r{float: none;}
       #footer .top .l{border-bottom: 1px solid #ddd; padding: 1.4em .938rem; margin-bottom: 2em;}
       #footer .top .l li{display: inline-block; float: none;padding-left: 1em;margin-left: 1em;}
       #footer .top .r li{display: inline-block; float: none}
       #footer .add{padding: 2em 0 1.8em}
       #footer .top .r > li:first-child{border:1px solid #ddd;display: block;float: none; margin: 0 auto 1.8em; width: 210px;}
       #footer .top .r li:nth-child(2){margin-left: 0;}
       
}
@media (max-width:720px){
    #path .home{display: none;}
    #path .in >li{width: 50%;min-width: 1px}
    #path, #path .in > li{height: 3.5rem}
    #path .home, #path .depth > a{line-height: 3.5rem;}
    #btn-share span{padding-left: 1.4em;}
    #path .in > li:last-child{border-right: 0;}
    #path .sub{top:3.5rem}
    #path .sub li{height: 3.3rem;}
    #path .depth > a{padding: 0 2em 0 .938rem}
    #path .depth > a:after{width: 14px;height: 14px;right: .938rem;background-size: 100%}
    #path .sub a{padding: 0 .938rem}
    #btn-share{top: -3rem;border-left: 0; padding-right: .938rem;}
    .box-st1,.box-st2{padding: 1.5rem}
    .guide .btns a{padding: 15px 3rem 15px .938rem}
    .guide .btns li:after{right: .938rem}
    .guide .link a{padding: 15px .938rem}
    .guide .r{height: 30em}
    .prohibition .tit{background: #f4f4f4; font-size: 1.5em;margin-bottom: 3.3rem;}
    #bbs-survey textarea,.box-agree_w .box{height: 18em}
  .app-search__table tr th{width: 100%;border-right: 0; border-top: 1px solid #000;; border-bottom: 1px solid #ccc;}
    .app-search__table tr th, .app-search__table tr td{padding: 10px;display: block;}
    .app-search__table tr:first-child th{border-top: 0;}

    #footer .add span{display: block;}

}
@media (max-width:640px){
    html{font-size: 14px}
       .f14{font-size: .938rem;}
    .block-m{display: block;}
       .mobile{display: block !important}
       .total_calendar .sect dt{width: 7.1em}
}
@media (max-width:480px){
    #bbs-write .form-st1 label{width: auto}
    .form-st1 .etc{display: block;margin: 3px 0 0 18px;}

}
@media (max-width:400px){
    #footer .top .l li{padding-left: .5em; margin-left: .5em;}
    #footer .top .l > li:before{height: 10px; margin-top: -5px;}

}
@media (max-width:380px){
html{font-size: 13px;}
}
@media (max-width:320px){
html{font-size: 12px;}
}



/* 2023.08.23 추가 */
@media (max-width:1180px){
    #header .util {right:50px;}
    #header .util > button {width:40px; height:40px}
    #header .util > button.btn-hotissue {font-size:8px}
    .search-layer {top:75px; height:250px}
    .search-layer .search-layer__title {font-size:24px}
    .search-layer .search-layer__txt {font-size:14px}
    .search-layer .search-layer__input input[type="text"] {width:calc(100% - 50px); height:50px;}
    .search-layer .search-layer__input input[type="text"] + button {width:50px; height:50px}
    .hotissue-layer {top:75px; height:calc(100vh - 75px); padding:40px 0 20px}
    .hotissue-layer .inner { justify-content:flex-start}
    .hotissue-layer .hotissue-layer__title {font-size:16px}
    .hotissue-layer .hotissue-layer__title strong {font-size:32px}
    .hotissue-layer .hotissue-list {width:102%; margin:-6px 0 0 -2%}
    .hotissue-layer .hotissue-slide {width:100%}
    .hotissue-layer .hotissue-list__item {width:48%; height:140px; margin:6px 0 0 2%}
    .hotissue-layer .hotissue-list__item a {padding:12px}
    .hotissue-layer .hotissue-list__item .item__title {font-size:16px}
    .hotissue-layer .hotissue-list__item .item__badge {font-size:12px}
    .hotissue-layer .hotissue-list__item .item__subtitle {font-size:14px}
    .hotissue-layer .btn-go {height:50px; font-size:14px}
}

@media (max-width:1024px){
    .search-layer {top:5em}
    .hotissue-layer {top:5em; height:calc(100vh - 5em)}    
}