@charset "utf-8";

/* keyvisual */
.keyvisual{
    position: relative;
    top: 0;
    width: 100%;
    height: 450px;
    overflow: hidden;
    
}
.keyvisual_inner{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 450px;
    background: url(../img/policyImg/epolicy_bg.jpg) no-repeat center center;
}
.visual_txt {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -100px;
    color: #fff;
    font-size: 30px;
    letter-spacing: -2px;
    text-shadow: 3px 4px 6px rgba(0,0,0,.6);
    text-align: center;
    z-index: 20;
    opacity: 0;
	transform: translateY(-200px);
    transition: opacity 0.4s, transform 0.6s;

}
.visual_txt.active{
    opacity: 1;
    transform: translateY(0);
}
.visual_txt h2{
    margin-top: 85px;
    font: 60px 'NBGothicB', sans-serif, '돋움';
    letter-spacing: 2px;
    /* font-weight: 600; */
}
.visual_txt p{
    font: 24px 'NBGothicL', sans-serif, '돋움';
    letter-spacing: 2px;
}

.e_contents{
    width: 1100px;
    margin: 0 auto;
}
.e_contents .epolicy_txt{
    width: 960px;
    height: 400px;
    margin: 50px auto;
    font: 16px 'NBGothicR', sans-serif, '돋움';
    color: #777;
    line-height: 22px;
    padding: 0 70px;
    word-break: break-word;

}
.e_contents .epolicy_txt p{
    word-break: break-word;
    border: 1px solid #e1e1e1;
    padding: 20px;
    /* letter-spacing: 2px; */
}
.e_contents .epolicy_txt p span{
    color: #7aa32a;
    font: 15px 'NBGothicR', sans-serif, '돋움';
    line-height: 30px;
}
.e_contents .epolicy_txt strong{
    display: block;
    padding: 50px 20px 15px 0px;
}
.e_contents .epolicy_txt strong .block{
    display: none;
}
.e_contents .epolicy_txt em{
    font-style: normal;
    font: 15px 'NBGothicR', sans-serif, '돋움';
    line-height: 30px;

}

/* 반응형 */
@media (max-width: 767px) { 
    .keyvisual{
        height: 400px;
        
    }
    .keyvisual_inner{
        height: 400px;
        background: url(../img/m/epolicy_bg.jpg) no-repeat center center;
    }

    .visual_txt h2{
        font: 2.7rem 'NBGothicB', sans-serif, '돋움';
    }
    .visual_txt p{
        font: 1.6rem 'NBGothicL', sans-serif, '돋움';
    }
    
    .e_contents{
        width: 100%;
    }
    .e_contents .epolicy_txt{
        width: 100%;
        height: auto;
        font: 0.9rem 'NBGothicR', sans-serif, '돋움';
        padding: 0 50px;
       
    
    }
    
    .e_contents .epolicy_txt p span{
        font: 0.9rem 'NBGothicR', sans-serif, '돋움';
    }
    
    .e_contents .epolicy_txt em{
        word-break: break-word;
        font: 0.9rem 'NBGothicR', sans-serif, '돋움';
    
    }
}


@media (max-width: 579px) {
    .visual_txt h2{
        font: 2.3rem 'NBGothicB', sans-serif, '돋움';
    }
    .visual_txt p{
        font: 1.2rem 'NBGothicL', sans-serif, '돋움';
    }
    .e_contents .epolicy_txt{
        width: 100%;
        height: auto;
        font: 0.825rem 'NBGothicR', sans-serif, '돋움';
        word-break: keep-all;
        padding: 0 20px;
    }
    .e_contents .epolicy_txt strong .block{
        display: block;
    }
    .e_contents .epolicy_txt p span{
        font: 0.825rem 'NBGothicR', sans-serif, '돋움';
        word-break: keep-all;
    }
    
    
    .e_contents .epolicy_txt em{
        word-break: break-word;
        font: 0.825rem 'NBGothicR', sans-serif, '돋움';
        word-break: keep-all;
        line-height: 0.7rem
    
    }
}
