@charset "utf-8";

/*-----------------------------------------*/
/*menu10*/
/*-----------------------------------------*/
.menu10{padding-bottom: 20px;}
.menu10 .block_10{margin-bottom: 30px;}
.menu10 .block_10 img{max-width: 100%;}
.menu10 .block_20{overflow: hidden;}
.menu10 .block_20 p{
    color: #707070;
    line-height: 26px;
    font-size: 16px;
    margin-bottom: 30px;
    text-align: justify;
    letter-spacing: -0.5px;
}
.menu10 .block_20 span{float: right;}

@media (max-width: 768px) {
    .menu10{padding-bottom: 0;}
    .menu10 .block_20 p{font-size: 14px;line-height: 22px;}
    .menu10 .block_20 span img{height: 20px;}
}

/*-----------------------------------------*/
/*menu20*/
/*-----------------------------------------*/
.menu20{}
.menu20 .block_10 .row_10{overflow: hidden;}
.menu20 .block_10 .row_10 .col_lay{float: left;width: 50%;}
.menu20 .block_10 .row_10 .col_lay.idx1 img{max-width: 100%;}
.menu20 .block_10 .row_10 .col_lay.idx2{padding-left: 30px;}
.menu20 .block_10 .row_10 .col_lay .title_lay{
    font-family:'NanumSquareRound', dotum, sans-serif;
    font-weight: 800;
    font-size: 50px;
    color: #e1e1e1;
    margin-bottom: 30px;
    letter-spacing: -2px;
}
.menu20 .block_10 .year_box{margin-bottom: 50px;letter-spacing: -0.5px;}
.menu20 .block_10 .year_box .p_10{font-size: 28px;color: #363636;padding-left: 30px;position: relative;font-family:'NanumSquareRound', dotum, sans-serif;font-weight: 800;margin-bottom: 30px;}
.menu20 .block_10 .year_box .p_10:before{content: "";position: absolute;top: 50%;left: 0;width: 17px;height: 17px;margin-top: -10px; border: 4.5px solid #197b30;border-radius: 30px;}
.menu20 .block_10 .year_box .bk_10{overflow: hidden;margin-bottom: 10px;}
.menu20 .block_10 .year_box .bk_10 > div{float: left;font-size: 16px;line-height: 25px;color: #7d7d7d;font-weight: 500;}
.menu20 .block_10 .year_box .bk_10 > div span{display: inline-block;}
.menu20 .block_10 .year_box .bk_10 > div:first-child{width: 85px;font-family:'NanumSquareRound', dotum, sans-serif;font-weight: 800;color: #86aa23;font-size: 18px;line-height: 28px;}
.menu20 .block_10 .year_box .bk_10 > div:last-child{width: calc(100% - 85px);}

@media (max-width: 768px) {
    .menu20 .block_10 .row_10 .col_lay{width: 100%;}
    .menu20 .block_10 .row_10 .col_lay.idx1{text-align: center;margin-bottom: 20px;}
    .menu20 .block_10 .row_10 .col_lay.idx2{padding-left: 0;}
    .menu20 .block_10 .row_10 .col_lay .title_lay{font-size: 25px;margin-bottom: 20px;}
    .menu20 .block_10 .year_box{margin-bottom: 30px;}
    .menu20 .block_10 .year_box .p_10{font-size: 15px;padding-left: 15px;margin-bottom: 10px;}
    .menu20 .block_10 .year_box .p_10:before{width: 10px;height: 10px;border: 2.5px solid #197b30;margin-top: -6px;}
    .menu20 .block_10 .year_box .bk_10 > div:first-child,
    .menu20 .block_10 .year_box .bk_10 > div:last-child{width: 100%;font-size: 14px;line-height: 25px;}
}

/*-----------------------------------------*/
/*menu30*/
/*-----------------------------------------*/
.menu30{}
.menu30 .block_10{margin-bottom: 30px;}
.menu30 .block_10 .row_10{position: relative;width: 100%;height: 220px;background: url("img/30_bg1.jpg");border: 1px solid #cccccc;}
.menu30 .block_10 .row_10 img{
    position: absolute;top: 50%;left: 50%;width: 180px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.menu30 .block_20 .bk_10{font-weight: 500;margin-bottom: 20px;overflow: hidden;letter-spacing: -0.5px;}
.menu30 .block_20 .bk_10 > div{float: left;font-size: 16px;line-height: 25px;}
.menu30 .block_20 .bk_10 > div:first-child{position: relative;padding-left: 10px;width: 110px;}
.menu30 .block_20 .bk_10 > div:first-child:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -2px;width: 4px;height: 4px;background-color: #86aa23;}
.menu30 .block_20 .bk_10 > div:last-child{width: calc(100% - 110px);color: #7d7d7d;}
.menu30 .block_20 .bk_10 > div:last-child p{padding: 10px 0 0;}
.menu30 .block_20 .bk_10 > div:last-child span{display: inline-block;margin-right: 10px;color: #ffffff;text-align: center;width: 100px;line-height: 30px;margin-bottom: 10px;}

.menu30 .block_30 .row_10{overflow: hidden;margin-bottom: 50px;}
.menu30 .block_30 .row_10 > div{float: left;width: 50%;}
.menu30 .block_30 .row_10 .col_10 > div{
    position: relative;max-width: 425px;width:100%;height: 209px;
    background: url("img/30_bg2.jpg");border: 1px solid #cccccc;
}
.menu30 .block_30 .row_10 .col_10 > div img{
    position: absolute;top: 50%;left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.menu30 .block_30 .row_10 .col_20{padding: 20px 30px 0;}
.menu30 .block_30 .row_10 .col_20 ul{}
.menu30 .block_30 .row_10 .col_20 ul li{line-height: 30px;font-size: 16px;color: #7d7d7d;margin-bottom: 15px;}
.menu30 .block_30 .row_10 .col_20 ul li span{width: 100px;display: inline-block;margin-right: 20px;color: #ffffff;text-align: center;}
.menu30 .block_30 .row_20{text-align: center;}
.menu30 .block_30 .row_20 ul{overflow: hidden;display: inline-block;}
.menu30 .block_30 .row_20 li{float: left;padding: 0 5px;}
.menu30 .block_30 .row_20 .btn_download{width: 160px;height: 45px;display: block;}
.menu30 .block_30 .row_20 .btn_download img{max-width: 100%;}
.menu30 .block_30 .row_20 .btn_download img.on,
.menu30 .block_30 .row_20 .btn_download:hover img{display: none;}
.menu30 .block_30 .row_20 .btn_download:hover img.on{display: block;}

@media (max-width: 768px) {
    .menu30 .block_10 .row_10{height: 118px;}
    .menu30 .block_10 .row_10 img{width: 100px;}
    .menu30 .block_20 .bk_10 > div:first-child,
    .menu30 .block_20 .bk_10 > div:last-child{width: 100%;}
    .menu30 .block_20 .bk_10 > div{font-size: 14px;}
    .menu30 .block_20 .bk_10 > div:last-child span{width: 80px;}

    .menu30 .block_30 .row_10 > div{width: 100%;}
    .menu30 .block_30 .row_10 .col_10 > div{max-width: 100%;height: 144px;}
    .menu30 .block_30 .row_10 .col_10 > div img{width: 51px;}
    .menu30 .block_30 .row_10 .col_20{padding: 20px 0 0;}
    .menu30 .block_30 .row_10 .col_20 ul li{font-size: 14px;}
    .menu30 .block_30 .row_20{display: none;}
}


/*-----------------------------------------*/
/*menu40*/
/*-----------------------------------------*/
.menu40{}
.menu40 .block_10{}
.menu40 .block_10 .ul_10{margin: 0 -15px;}
.menu40 .block_10 .ul_10 li{width: 33.3333%;padding: 0 15px 50px;}
.menu40 .block_10 .li_content{text-align: center;}
.menu40 .block_10 .li_content .img_box{border: 1px solid #cccccc;}
.menu40 .block_10 .li_content .img_box img{max-width: 100%;}
.menu40 .block_10 .li_content .p_10{padding: 25px 0 20px;font-size: 17px;color: #252525;font-weight: bold;}
.menu40 .block_10 .li_content .p_20{font-size: 16px;line-height: 24px;height: 48px;color: #7d7d7d;}
.menu40 .block_10 .li_content .p_20 span{display: inline-block;}

@media (max-width: 768px) {
    .menu40 .block_10 .ul_10{margin: 0 -7.5px;}
    .menu40 .block_10 .ul_10 li{width: 50%;padding: 0 7.5px 30px;}
    .menu40 .block_10 .li_content .p_10{font-size: 15px;padding: 15px 0;}
    .menu40 .block_10 .li_content .p_20{font-size: 14px;line-height: 22px;}
}


/*-----------------------------------------*/
/*menu50*/
/*-----------------------------------------*/
.menu50{}
.menu50 .block_10{}
.menu50 .block_10 .row_10{text-align: center;margin-bottom: 50px;}
.menu50 .block_10 .row_10 img{max-width: 100%;}

.menu50 .block_10 .row_10 .bk_10{padding-top: 30px;overflow: hidden;display: inline-block;max-width: 910px;width: 100%;}
.menu50 .block_10 .row_10 .bk_10 > div{float: left;text-align: left;line-height: 22px;}
.menu50 .block_10 .row_10 .bk_10 > div:first-child{width: 67px;position: relative;padding-left: 10px;font-size: 17px;color: #252525;font-weight: bold;}
.menu50 .block_10 .row_10 .bk_10 > div:first-child:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -2px;width: 4px;height: 4px;background-color: #86aa23;}
.menu50 .block_10 .row_10 .bk_10 > div:last-child{width: calc(100% - 67px);font-size: 16px;color: #7d7d7d;font-weight: 500; letter-spacing: -0.5px;}

@media (max-width: 768px) {
    .menu50 .block_10 .row_10 .bk_10{padding-top: 15px;}
    .menu50 .block_10 .row_10 .bk_10 > div:first-child,
    .menu50 .block_10 .row_10 .bk_10 > div:last-child{width: 100%;font-size: 14px;}
}


/*-----------------------------------------*/
/*menu60*/
/*-----------------------------------------*/
.menu60{}
.menu60 .block_10{}
.menu60 .block_10 .ul_10{margin: 0 -15px;}
.menu60 .block_10 .ul_10 li{width: 33.3333%;padding: 0 15px 50px;}
.menu60 .block_10 .ul_10 li:nth-child(4){clear: both;}
.menu60 .block_10 .li_content{text-align: left;}
.menu60 .block_10 .li_content .img_box{text-align: center;}
.menu60 .block_10 .li_content .img_box img{max-width: 100%;}
.menu60 .block_10 .li_content .p_10{padding: 25px 0 20px;font-size: 17px;color: #252525;font-weight: bold;}
.menu60 .block_10 .li_content .p_10 span{display: inline-block;}
.menu60 .block_10 .li_content .p_20{position: relative;padding-left: 10px;font-size: 16px;line-height: 24px;color: #7d7d7d;letter-spacing: -0.5px;}
.menu60 .block_10 .li_content .p_20:before{content: "";position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background-color: #86aa23;}

@media (max-width: 768px) {
    .menu60 .block_10 .ul_10{margin: 0 -7.5px;}
    .menu60 .block_10 .ul_10 li{width: 50%;padding: 0 7.5px 30px;}
    .menu60 .block_10 .ul_10 li:nth-child(3){clear: both;}
    .menu60 .block_10 .ul_10 li:nth-child(4){clear: none;}
    .menu60 .block_10 .li_content .p_10{font-size: 15px;padding: 15px 0;line-height: 20px;}
    .menu60 .block_10 .li_content .p_20{font-size: 14px;line-height: 22px;}
    .menu60 .block_10 .li_content .p_20:before{top: 8px;}
}


/*-----------------------------------------*/
/*menu70*/
/*-----------------------------------------*/
#map{width: 100%;height: 350px;border: 1px solid #cccccc;}

.menu70{}
.menu70 .block_10{margin-bottom: 35px;}
.menu70 .block_20{margin-bottom: 35px;}
.menu70 .block_20 .row_10{margin-bottom: 15px;}
.menu70 .block_20 .row_20 .bk_10{overflow: hidden;}
.menu70 .block_20 .row_20 .bk_10 > div{float: left;font-size: 16px;line-height: 30px;color: #7d7d7d;font-weight: 500;letter-spacing: -0.5px;}
.menu70 .block_20 .row_20 .bk_10 > div:first-child{position: relative;padding-left: 15px;width: 135px;}
.menu70 .block_20 .row_20 .bk_10 > div.full{width: 100%;}
.menu70 .block_20 .row_20 .bk_10 > div:first-child:before{content: "";position: absolute;left: 0;top: 50%;width: 4px;height: 4px;margin-top: -2px;background-color: #86aa23;}
.menu70 .block_20 .row_20 .bk_10 > div:last-child{width: calc(100% - 135px);}
.menu70 .block_30 .row_10{margin-bottom: 15px;}
.menu70 .block_30 .row_20 .bk_10{overflow: hidden;margin-bottom: 10px;}
.menu70 .block_30 .row_20 .bk_10 > div{float: left;font-size: 16px;line-height: 30px;color: #7d7d7d;font-weight: 500;letter-spacing: -0.5px;}
.menu70 .block_30 .row_20 .bk_10 > div:first-child{width: 135px;}
.menu70 .block_30 .row_20 .bk_10 > div:first-child span{display: block;width: 104px;line-height: 35px;text-align: center;border-radius: 30px;background-color: #007236;color: #ffffff;font-weight: normal;}
.menu70 .block_30 .row_20 .bk_10 > div:last-child{width: calc(100% - 135px);}
.menu70 .block_30 .row_20 .bk_10 > div:last-child span{display: block;}

.menu70 .block_20 .row_10 img,
.menu70 .block_30 .row_10 img{width: 110px;}

@media (max-width: 768px) {
    #map{height: 200px;}
    .menu70 .block_10 {margin-bottom: 20px;}
    .menu70 .block_20 .row_20 .bk_10{margin-bottom: 10px;}
    .menu70 .block_20 .row_20 .bk_10 > div{font-size: 14px;line-height: 20px;}
    .menu70 .block_20 .row_20 .bk_10 > div:first-child,
    .menu70 .block_20 .row_20 .bk_10 > div:last-child{width: 100%;padding-left: 10px;word-break: keep-all;}
    .menu70 .block_30 .row_20 .bk_10{margin-bottom: 20px;}
    .menu70 .block_30 .row_20 .bk_10 > div{font-size: 14px;line-height: 22px;}
    .menu70 .block_30 .row_20 .bk_10 > div:first-child,
    .menu70 .block_30 .row_20 .bk_10 > div:last-child{width: 100%;word-break: keep-all;}
    .menu70 .block_30 .row_20 .bk_10 > div:first-child{margin-bottom: 20px;}
    .menu70 .block_30 .row_20 .bk_10 > div:last-child span{margin-bottom: 10px;}
}