@charset "utf-8";
@font-face {
    font-family: 'GowunBatang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.mainCon {position:relative;}
.mainCon:after {content:"";display:block;clear:both;}

.main_01, .main_02 {float:left; width:50%;}
.main_04, .main_05 { position:relative;float:left; width:50%; max-height: 600px;}
.main_04 img, .main_05 img {
    max-height: 600px;
}
.main_04 p { position:absolute; 
    width:100%; left:0; top:50%; 
    -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); 
    text-align:center; color:#fff; 
    font-size: 20px; line-height:2em; z-index:2; 
    font-family: 'GowunBatang-Regular'; font-weight: bold;
}

.main_05 img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
}
.main_05 .day {
    opacity: 0;
    animation: fadeIn 8s infinite;
}
.main_05 .night {
    opacity: 1;
    animation: fadeOut 8s infinite;
}
@keyframes fadeIn {
    0% { opacity: 0; }
    33% { opacity: 0; }
    50% { opacity: 1; }
    83% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes fadeOut {
    0% { opacity: 1; }
    33% { opacity: 1; }
    50% { opacity: 0; }
    83% { opacity: 0; }
    100% { opacity: 1; }
}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto; width:100%; max-width:970px;height:0}
#hd_pop h2, .sound_only {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

@media  (max-width: 1480px){
}

@media  (max-width: 1024px){

.main_04 p { font-size:.85em; line-height:1.2em;}
}


@media  (max-width: 768px){
.main_04 p { font-size:0.85em; line-height:1.5em;}
.main_04 p span { display:block; line-height:0.5em;}

}

@media  (max-width: 560px){

}