.tbtb,.mbmb { display:none; }


@media screen  and (max-width:1200px){
.sub-link ul li.link-box { height: 330px; }
.sub-link ul li.link-box .img-box div img { width:40px; }
.main-bnr .bnr-ani div img { width:100px; }
.sub-link ul li.link-box .img-box {margin-top: -20px;}
}
@media screen  and (max-width:1024px){
    /* tablet */
    .main .con-box { padding:3em 0; }
    .tbtb {display: block;}
    .pcpc {display: none;}
    .main-bnr::before { background-position:0% 20%; }
    .main-bnr .bnr-img img { width:540px; }
    .main .con-box h2 { font-size: 2rem;}
    .main .con-box h3 { font-size: 2.5rem;}
    .sub-link ul { flex-direction: column;}
    .sub-link ul li.link-box { padding:50px 30px; }
    .sub-link ul li.link-box .img-box { background:url(../../images/tb-wave.png) 50% 30% no-repeat;}
    .sub-link ul li.link-box .arr-box img { width:150px; }
    

    /*서브배너*/
    .sub-bnr>li {width: calc(100%/2); height: 160px; }
    .sub-bnr li.sub-center { order:3; }
    .sub-bnr span { font-size:1.6rem; }
    .sub-bnr li.sub-center h2 span { font-size:2rem; }
    .sub-bnr li i { font-size:3rem; }

    /*한강생태경관*/
    .sub3 .tab-page .item { height: 100%; }
    .sub3 .tab-page .item-box-left { flex-direction: column; }
    .sub3 .tab-page .item-box-right { flex-direction: column-reverse; }
    .sub3 .tab-page .item >div { width: 100%; }
    .sub3 .tab-page .item-l { height: 500px;}
    .tab-page .item-r {padding: 30px;}
    .sub3 .tab-page h3 {font-size: 4rem;}
    .sub3 .bg {background-position: 50% 50%;}
    .tab-page dl { font-size:1rem; }
}
@media screen and (max-width:991px){
    /* mobile */
    .mbmb {display: block!important;}
    .pcpc1 {display: none!important;}
    .main-bnr .bnr-img img { width:430px; }
    .main .con-box h3 {font-size: 2rem;}
    
    /*서브공통*/
    .sub-bnr ul.sub-menu { flex-wrap:wrap; }
    .sub-bnr ul.sub-menu li button { height: 50px; border-bottom: 1px dashed #e1e1e1; font-size: .9rem;}
    .sub-bnr ul.sub-menu li:nth-child(odd) button { border-right: 1px dashed #e1e1e1; }
    .sub-bnr ul.sub-menu li {width: calc(100%/2); border-right: none; }
    .tab-pages .inner:first-child { padding-top:150px; }
    #sub1 .sub-bnr ul.sub-menu ,#sub2 .sub-bnr ul.sub-menu  { bottom: -124%; }
    #sub3 .sub-bnr ul.sub-menu { bottom: -62%; }
    .sub-box.tab-pages  { margin-top:80px; }
    .sub-link ul li.link-box {  width: 100%; height:120px; padding: 30px;}
    .sub-link ul li.link-box .title {display: flex; margin-bottom: 30px; gap: 2rem; align-items: center; justify-content: space-around;}
    .sub-link ul li.link-box .img-box { opacity: 0!important; }
       
    /*한강의생명*/
    .shrink-box{ flex-wrap:wrap; }
    .shrink-box>div{ width:calc(100%/3); height:330px; }
    .shrink-box>div:hover { width:calc(100%/3); }
    .back-txt {width: 250px;}
    .back-txt p {font-size: 1rem;}

    /*한강생태경관*/
    .sub3 .tab-page .item-l {height: 300px;}
}

@media screen and (max-width:768px){
    /* mobile */
    html, body{font-size: 80%!important;}
    .main-bnr .bnr-ani div img {width: 50px;}
    .main-bnr .bnr-ani {z-index: 5;}
    .sub-bnr li.sub-center h2 span{ font-size:1.6rem; }
    .sub-bnr span { font-size:1.4rem; }
    .tab-pages h2 { font-size:2.8rem; }
    .tab-page .button { width:100px; height:40px; }
    .mt50 {margin-top: 50px;}

    #sub1 .txt-box {margin: 40px 0 60px 0; padding: 40px 15px;}
    #sub1 .sec-wrap a.current-img span {height: 340px;}

    /*한강의생명*/
    .shrink-box>div{ width:calc(100%/2); }
    .shrink-box>div:hover { width:calc(100%/2); }
    .back-txt h5 {font-size: 1.1rem;} 
    .back-txt span {font-size: .7rem;}
    .back-txt p {font-size: .9rem;} 
    .tit-box>*, .graph-wrap>div {width: 100%;}
    .graph-wrap >div:last-child { margin-top: 50px!important;}
    .graph-wrap div:first-child { margin-top: 0px;}
    #sub2 .tab-pages .inner {padding-bottom: 0!important;}
    #sub2 .tab-pages h2 {margin-bottom: 40px!important;}
    #sub2 .graph-wrap.boxs {margin:20px 0; }
    #sub2 #tab-2 .graph-wrap div:first-child h3.sub-tit {margin-bottom: 0;}
    .shrink-box3 .shrink.srk7 ,.shrink-box12 .shrink.srk5{width: 100%;}
    .shrink-box3 div:last-child:hover ,.shrink-box12 div:last-child:hover {width: 100%;}
    

    /*한강생태경관*/
    .sub3 .tab-page h3 {font-size: 3rem;}
    .tab-page .item-r {padding: 20px;}
    .magnifier {width: 100px;height: 100px;}
}
@media screen and (max-width:480px) {
    /* mobile */
    .main-bnr .bnr-img img { width:360px; }
    .main .con-box h2 { font-size: 1.3rem;}
    .main .con-box h3 { font-size: 1.5rem;}
    .accordion .table th:last-child, td:last-child {max-width:100%;}
    .accordion .table th,.accordion .table td {font-size: 0.9rem;}
}
@media screen and (max-width:360px) {
    /* mobile */
    .main-bnr .bnr-img img { width:270px; }
}