@charset "utf-8";

/* ---------- .sub_top ---------- */
.sub_top_wrap { margin-top: 160px; height: 520px; }
.sub_top_wrap.scroll { margin-top: 80px; height: 520px; }
.sub_top { position: relative; height: 100%; background: url(/theme/jahye/images/img/subTop_01.jpg) no-repeat center/cover; }
.sub_top > .text_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: auto; }
.sub_top > .text_wrap > h2 { font-size: 40px; font-weight: 700; color: #fff; }
.sub_top > .text_wrap > .text { margin-top: 15px; font-size: 18px; font-weight: 300; color: #fff; } 

/*** responsive ***/ 
/* 1720px or less */
@media all and (max-width : 1720px){
    
}

/* 1200px or less */
@media all and (max-width : 1200px){
    .sub_top_wrap { margin-top: 75px; height: 500px; }
    .sub_top > .text_wrap > h2 { font-size: 36px; }
    .sub_top > .text_wrap > .text { font-size: 16px; } 
}

/* 767px or less */
@media all and (max-width : 767px){
    .sub_top_wrap { height: 400px; }
    .sub_top > .text_wrap > h2 { font-size: 26px; }
    .sub_top > .text_wrap > .text { font-size: 14px; } 
}