/* ================================================================================
    서브페이지 공통
   ================================================================================ */
.sub_header_wr {width:100%;}
.sub_header_wr .sub_header_txt {position: absolute;width:100%;left:0;top:0;text-align:center;}
.sub_header_wr .sub_header_txt h1 ,
.sub_header_wr .sub_header_txt .hx1 {font-family:"BMDOHYEON";font-size:40px;font-weight:400;color:#fefefe;margin-top:247px;}
.sub_header_wr .sub_header_txt p {font-size:18px;font-weight:500;line-height:1.7rem;color:#e1e1e1;margin-top:30px;}
.sub40_topbg{
    background-image:url(/theme/basic/img/ER_hd_bg.jpg.webp);
    background-repeat:no-repeat;
    width: 100%;
    height: 567px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1;
}


@media (max-width: 768px){
    .sub_header_wr .sub_header_txt h1 ,
    .sub_header_wr .sub_header_txt .hx1 {
        font-size: 17px;
        font-family: BMDOHYEON;
        color: #fefefe;
        margin-top: 90px;
        margin-bottom: 0;
        display: none;
    }
    .sub_header_wr .sub_header_txt p{
        display: none;
    }
    .sub40_topbg{height: 150px;}
}

/*---------------------
    *서브 제일 큰 영역
--------------------- */
.sub_all_container{
    position: relative;
    max-width: 1340px;
    margin: 0 auto;
}


.sub_container_box{
    display: inline-block;
    width: 100%;

}

@media (max-width: 1300px){

    .sub_all_container{
        padding:0 50px;
    }
}

@media (max-width: 768px){

    .sub_all_container{
        padding:0 15px;
    }
}


/*---------------------
    *서브 제목 및 로케이션
--------------------- */


.sub_all_container .sub_top_title{
    padding: 50px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sub_all_container .sub_top_title h2,

.sub_all_container .sub_top_title h1{
    font-family: "BMDOHYEON";
    font-size: 28px;
    color: #363636;
    font-weight: normal;
    line-height: 23px;
}

.sub_all_container .sub_top_title #sct_location a{
    font-size: 15px;
    color: #959595;
}

@media (max-width: 768px){

    .sub_all_container .sub_top_title h2,

    .sub_all_container .sub_top_title h1{
        font-size: 20px;
        line-height: 23px;
    }

    .sub_all_container .sub_top_title #sct_location a{
        display: none;
    }
}





/*----------------------
    *라운드 네모 모양 페이지 이동 버튼
-----------------------*/

.board_nav{
    width: 100%;
    display: inline-block;
    padding-bottom: 20px;
}
.board_nav ul li{
    padding:15px 30px;
    font-size: 16px;
    border-radius: 50px;
    background-color: #e1e1e1;
    width: 170px;
    letter-spacing: -1px;
    color:#636363;
    text-align: center;
    float: left;
    margin:0 5px 0 0;
}

.board_nav ul .rs_button_on{
    background-color: #0076ff;
    color:#fff;
}


/*----------------------------
    부설질병관리원
----------------------------- */

.sub4010_conbox04_wrap{
    padding-top:30px;
}

.pdt0{
    padding-top:0;
}

.sub4010_conbox04_box01{
    float: left;
    width: 50%;
    padding-right:40px;
}

.sub4010_conbox04_box02{
    float: left;
    width: 50%;
    padding-left:40px;
}
.sub4010_conbox04_box01 .box01_tit{
    padding:8px 20px;
    background-color: #0076FF;
    color:#fff;
    font-size:16px;
    width: max-content;
}
.sub4010_conbox04_box02 .box01_tit{
    padding:8px 20px;
    background-color: #0076FF;
    color:#fff;
    font-size:16px;
    width: max-content;
}

.sub4010_conbox04_box01 .box01_img {
    padding-top:10px;
}
.sub4010_conbox04_box02 .box01_img {
    padding-top:10px;
}


.sub4010_conbox04_box01 .box01_img li{
    float: left;
    border : none;
    width: 45%;
}

.sub4010_conbox04_box02 .box01_img li{
    float: left;
    border : none;
    width: 45%;
}

/*----------------------------
    서식지 외 보전기관
----------------------------- */

.sub4010_conbox01{
    overflow: hidden;
}

.sub4010_imgbox01{
    width: 50%;
    float: left;
}

.sub4010_txtbox01{
    width: 50%;
    float: left;
    padding-left:30px;
}

.sub4010_txtbox01 p{
    font-size: 17px;
    line-height: 28px;
    word-break: keep-all;
}

.sub4070_txtbox01 p{
    font-size: 17px;
    line-height: 28px;
    word-break: keep-all;
}

.sub4010_txtbox02 p{
    font-size: 17px;
    line-height: 28px;
    word-break: keep-all;
}

.bulettit{
    list-style: none;
    position:relative;
    padding-left:18px;
    font-size: 25px;
    font-weight: 600;
    margin-bottom:20px;
}

.bulettit:after{
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    width: 8px;
    height: 8px;
    background-color: #0076FF;
    border-radius: 50%;
}

.sub4010_conbox02{
    padding:50px 0 0 0;
    overflow: hidden;
}

.sub4010_conbox02 li{
    float: left;
    padding: 0 10px;
    width: 33.33333333333333%;
}

.sub4010_conbox02 img{
    width: 100%;
}
.sub4010_conbox02 p{
    font-size: 17px;
    line-height: 28px;
    word-break: keep-all;
}

.sub4010_conbox03{
    overflow: hidden;
    padding:40px 0;
}

.sub4010_conbox03 ul{
    width: 100%;
    list-style: none;
    display: flex;
}
.sub4010_conbox03 ul li{
    float: left;
    width: 33.33333333333333%;
    display: inline-block;
}
.sub4010_conbox04{
    overflow: hidden;
    /*padding:40px 0;*/
}

.sub4010_conbox04 ul{
    width: 100%;
    list-style: none;
    display: flex;
}
.sub4010_conbox04 ul li{
    float: left;
    width: 33.33333333333333%;
    display: inline-block;
}

.sub4010_conbox05{
    padding:50px 0 0 0;
    overflow: hidden;
}

.sub4010_conbox05 li{
    float: left;
    padding: 0 10px;
    width: 25%;
}

.sub4010_conbox05 img{
    width: 100%;
}


.pdzero{padding: 0;}
.mgt50{margin: 50px 0 0 0;}



/*----------------------------------
    아코디언 메뉴
----------------------------------- */
.que{
    position: relative;
    padding: 20px 30px;
    cursor: pointer;
    font-size: 16px;
    color:#0076FF;
    border: 1px solid #0076FF;
    width: 207px;
}

.que.on>span{
    font-weight: 600;
}

.que img{
    padding:0 0 0 8px;
}

.anw {
    display: none;
    overflow: hidden;
    font-size: 17px;
    background-color: #fff;
    padding: 27px 0 0 0;
    line-height: 27px;
    word-break: keep-all;
}

.anw h2{
    font-size: 25px;
}

.anw li{
     border:1px solid #CCCCCC;
     width: 23%;
     float: left;
     margin-right:2%;
    margin-bottom:40px;
 }

.anw li:nth-child(4n){
    margin-right:0;
}

.anw li img{
    width: 100%;
}

.anw li p{
    text-align: center;
    padding:20px;
}



/*----------------------
    *제휴 및 유관시설 업체 로고 정렬
-----------------------*/

.sub4060_partner_list{

}

.sub4060_partner_list li{
    float: left;
    margin-right: 28px;
}

.sub4060_partner_list li:nth-child(4n){
    margin-right: 0px;
}

.sub4060_partner_list li .imgbox{
    margin-bottom:17px;
    border: 1px solid #cccccc;
}

.sub4060_partner_list li .imgbox img{
    width: 100%;
}

.sub4060_partner_list li .txt{
    font-size: 17px;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}


/* ----------------------------
 반응형 css
-------------------------------- */
@media (max-width: 1300px){

    .sub4010_imgbox01{
        width: 100%;

    }
    .sub4010_imgbox01 img{
        margin: 0 auto;
        display: block;
    }

    .sub4010_txtbox01{
        width: 100%;
        padding:30px 0 0 0 ;
    }

    .sub4060_partner_list li{
        margin-right: 5%;
        width: 30%;
    }

    .sub4060_partner_list li .imgbox{
        width: 100%;
        display: block;
    }

    .sub4060_partner_list li:nth-child(4n){
        margin-right: 5%;
    }

    .sub4060_partner_list li:nth-child(3n){
        margin-right: 0px;
    }
}

@media (max-width: 768px){

    .bulettit{
        font-size: 19px;
    }

    .bulettit:after{
        top: 8px;
    }

    .sub4010_imgbox01 img{
        width: 100%;
    }

    .sub4010_txtbox01 p{
        font-size: 15px;
        line-height: 25px;
    }

    .sub4010_conbox02 li{
         padding: 0;
         width: 100%;
     }
    .sub4010_conbox03 ul li{
        padding: 0;
        width: 100%;
    }
    .sub4010_conbox04 ul li{
        padding: 0;
        width: 100%;
    }
    .sub4010_conbox05 li{
        padding: 0;
        width: 100%;
    }

    .sub4060_partner_list li{
        width: 45%;
        margin-right: 10%;
    }

    .sub4060_partner_list li:nth-child(4n){
        margin-right: 0px;
    }

    .sub4060_partner_list li:nth-child(3n){
        margin-right: 10%;
    }

    .sub4060_partner_list li:nth-child(2n){
        margin-right: 0px;
    }
    .sub4060_partner_list li .txt{
        font-size: 15px;
    }

    .que{
        padding: 15px 20px;
        font-size: 15px;
        width: 180px;
    }
    .anw {
        font-size: 15px;
        line-height: 25px;
    }

    .anw h2{
        font-size: 19px;
    }

    .anw li{
        width: 48%;
        margin-bottom:20px;
    }

    .sub4010_conbox04_box01 .box01_tit{
        font-size:15px;
        padding:8px 10px;
    }
    .sub4010_conbox04_box01{
        padding-right:0;
    }
    .sub4010_conbox04_box02{
        padding-left:0;
    }

}