/* section */
#wrap section{
    width: 80%; margin: auto; margin-top: 8%;
    /*border: 1px solid red;*/ 
}
#wrap section div{
    /*height: 100px; border: 1px solid blue;*/
    text-align: center; 
}
#wrap section div h3{
    color: #333;
    font-size: 1.5rem; font-weight: 700;
    padding: 10px 0;
}
#wrap section div hr{width: 90%; height: 3px; background-color: #333; border: 0;}
#wrap section div img{
   /* display: block;*/
    width: 100%;
}
#wrap section div .txt{
    width: 100%;
    margin: auto;
    margin-bottom: 5%;
}
#wrap section div .txt span{
    display: block;
    text-align: justify;
    line-height: 1.1;
    padding-bottom: 2%;
    color: #333;
}
#wrap section div .txt span b{
    font-weight: bold;
}

/* 태블릿 */
@media screen and (min-width:768px){    
    /* section */
    #wrap section{width: 95%;}
    #wrap section div h3 {font-size: 2rem;}
    #wrap section div {margin-bottom: 10%;}
    #wrap section div .box {display: flex; margin: 5% 0; flex-wrap: wrap;}
    #wrap section div .box a {display: block; width: 50%;}
    #wrap section div .box a img {
        /* display: block;*/
        width: 100%;
    }
    #wrap section div .txt{
        width: 90%;
        margin: auto;
    }
}

/* PC */
@media screen and (min-width:1024px){
    /* section */
    #wrap section{width: 85%;}
    #wrap section div h3 {
        font-size: 3rem; padding-bottom: 1.5%;
    }
    #wrap section div .box a {display: block; width: 33.33%;}
    #wrap section div .box a img {
        width: 100%;
    }
    #wrap section div .txt{
        width: 80%;
        margin: auto;
    }
}