@charset "utf-8";

.wrap{
    .contents{
        .contents_inner{
            .detail{
                p.body{
                    font-size: 2rem;
                    font-weight: 500;
                    border-bottom: dotted #1FC4CB 3px;
                    padding-bottom: 5px;
                    margin-bottom: 30px;
                    line-height: 1.5;
                }
            }
            .img{
                text-align: center;
                img{
                    width: 80%;
                }
            }
        }
    }
}

@media screen and (max-width:1200px){

    section{
        .wrap{
            .contents{
                .contents_inner{
                    &.ver1{
                        grid-template-columns: 1fr 240px;
                    }
                }
            }
        }
    }
}

@media screen and (max-width:1024px){

    section{
        .wrap{
            .contents{
                .contents_inner{
                    &.ver1{
                        grid-template-columns: 1fr 160px;
                        grid-column-gap: 20px;
                    }
                    .detail{
                        p.body{
                            font-size: 1.8rem;
                            line-height: 1.5;
                            margin-bottom: 15px;
                        }
                    }
                    .img{
                        img{
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

}

@media screen and (max-width:768px){
    
    section{
        .wrap{
            .contents{
                .contents_inner{
                    &.ver1{
                        grid-template-columns: 1fr;
                        grid-row-gap: 10px;
                        justify-content: center;
                    }
                    .detail{
                        p.body{
                            font-size: 1.5rem;
                            margin-bottom: 15px;
                        }
                    }
                    .img{
                        img{
                            width: 50%;
                            margin: 0 auto;
                        }
                    }
                }
            }
        }
    }
    
}