.mod-text--main{
    line-height:1.8;
}
.butterfly-img img{
    width:100%;
    height:auto;
}
.mod-text--sub{
    color: #555555;
}

.mod-text--sub{
    line-height:1.5;
}

.research-title{
    line-height:1.3;
    width:100%;
    border-bottom:solid 1px #d1d1d1;
}

.procedure-img img{
    width:100%;
    height:auto;
}
.map-img img{
    width:100%;
    height:auto;
}

.mod-list--2col ul{
    list-style-type: disc;
}
.word-detail{
    color:#555555;
}

.result-img img{
    width:100%;
}
.result-text{
    color:#555555;
    line-height:1.5;
}
p.bottom{
    line-height: 1.8;
}


@media screen and (min-width:768px){
    .container.butterfly {
        width: 100%;
        max-width:1050px
    }
    .butterfly-img{
        width:400px;
        height:336px;
        margin:0 auto 66px;
    }

    .mod-text--main.no-under{
        margin-bottom: 0px;
    }

    .mod-text--main.butterfly{
        margin-bottom: 60px;
    }

    .mod-text--sub{
        margin-top: 2px;
        margin-bottom:28px;
        font-size: 14px;
    }

    .butterfly .under .mod-text--main.bottom{
        margin-bottom: 63px;
    }
    .research-title{
        font-size:30px;
        margin-top: 75px;
    }
    .procedure-img{
        width:660px;
        height:538px;
        margin:0 auto 66px;
    }
    .map-img{
        width:650px;
        height:885px;
        margin:57px auto 103px;
    }
    .mod-list--2col ul{
        margin-top: 23px;
        margin-left: 25px;
    }

    .under .module__inner .mod-list--2col tr{
        width:100%;
    }
    .under .module__inner .mod-list--2col th {
        font-size: 16px;
        color:#222222;
       
    }
   .td-right{
        padding-left:30px !important;
    }
    .mod-h2.result{
      margin-top: 104px;
    }
    .word-detail{
        font-size: 14px;
    }

    .result-img{
        width: 473px;
        margin:69px auto;
    }
    .result-text{
        margin-top: 15px;
        font-size: 14px;
    }
    .mod-text--main.pdf{
        margin-bottom: 23px;
    }
    .research-title{
        margin-top: 0px;
    }
    .research-title2{
        margin-top: 60px;
    }
    .arrow-sm:hover {
        text-decoration: underline;
    }
    
}

@media screen and (max-width:767px){
    .butterfly-img{
        width:270px;
        height:227px;
        margin:0 auto 36px;
    }
    .mod-text--main.no-under{
        margin-bottom: 0px;
    }

    .mod-text--main.butterfly{
        margin-bottom: 30px;
    }

    .mod-text--sub{
        margin-top: 2px;
        margin-bottom:28px;
        font-size: 14px;
    }
    .butterfly .under .mod-text--main.bottom{
        margin-bottom: 40px;
    }
    .under .module__inner .mod-linkArea--anchor ul{
        padding-bottom: 52px;

    }
    .research-title{
        font-size:30px;
        margin-top: 45px;
    }
    .procedure-img{
        width:100%;
        margin:0 auto 35px;
    }
    .map-img{
        width:100%;
        margin:47px auto 50px;
    }
    .mod-list--2col ul{
        margin-top: 35px;
        margin-left: 20px;

    }

    .under .module__inner .mod-list--2col th {
        font-size: 14px;
        color:#222222;
        width:25.5%;
    }
    .td-right{
        padding-left:10px !important;
    }
    .word-detail{
        position:relative;
        font-size: 12px;
        margin-left: 14px;
    }
    .mod-h2.result{
        margin-top: 52px;
      }
    .word-detail span{
        position: absolute;
        top:0;
        left:-14px;
    }
    .research-title{
        margin-top: 0px;
    }
    .result-img{
        width:100%;
        margin:44px auto;
    }
    .result-text{
        margin-top: 18px;
        font-size: 13px;
    }
    .mod-text--main.pdf{
        margin-bottom: 20px;
    }
    .research-title2{
        margin-top: 40px;
    }
}