/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: url(../css/font/Pretendard-Thin.woff2) format('woff2'),
         url(../css/font/Pretendard-Thin.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src: url(../css/font/Pretendard-ExtraLight.woff2) format('woff2'),
         url(../css/font/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: url(../css/font/Pretendard-Light.woff2) format('woff2'),
         url(../css/font/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url(../css/font/Pretendard-Regular.woff2) format('woff2'),
         url(../css/font/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url(../css/font/Pretendard-Medium.woff2) format('woff2'),
         url(../css/font/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src: url(../css/font/Pretendard-SemiBold.woff2) format('woff2'),
         url(../css/font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: url(../css/font/Pretendard-Bold.woff2) format('woff2'),
         url(../css/font/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: url(../css/font/Pretendard-ExtraBold.woff2) format('woff2'),
         url(../css/font/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src: url(../css/font/Pretendard-Black.woff2) format('woff2'),
         url(../css/font/Pretendard-Black.woff) format('woff');
}

.dalba_audio_cont{
    font-family: 'Pretendard'; font-weight: 300;
    /* background: #FFEB60; */
    background: url('../img/dalba_audio/bgg_a.jpg') no-repeat 50% 0;
    background-size: cover;
}
.dalba_audio_cont.eng{
    letter-spacing: 0;
}
.dalba_audio_cont .cont_box{
    height: 100vh; overflow: hidden;
}
.dalba_audio_cont .cont_box img{
    height: 100%;
}
.dalba_audio_cont .cont_box h1 img{
    width: 160px;
}
.dalba_audio_cont .content_wrap{
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.dalba_audio_cont .content_wrap .content{
    padding: 50px 80px 90px 80px;
}
.dalba_audio_cont .content_wrap .content .confr_bar{
    background-image: url(../img/dalba_audio/confr_bar.png);
    top: 47px;
    padding: 0;
    font-family: 'Pretendard';
    font-size: 28px;
}
.dalba_audio_cont .content_wrap .content .confr_bar span{
    font-weight: 600; letter-spacing: -1.2px;
    margin: 9px 0 0 28px;
}
.dalba_audio_cont .content_wrap .content .bar{
    top: 285px;
}
.dalba_audio_cont.eng .content_wrap .content .bar{
    top: 320px;
}
.dalba_audio_cont .content_wrap .content .tit{
    font-size: 50px;     margin-top: 25px;
    font-family: 'Pretendard'; font-weight: 600;
}
.dalba_audio_cont.eng .content_wrap .content .tit{
    font-size: 44px; letter-spacing: -1px;
}
.dalba_audio_cont .content_wrap .content .stit{
    margin-top: 25px;
}
.dalba_audio_cont .content_wrap .content .tit .big{
    font-size: 70px;
    font-weight: bold;
}
.dalba_audio_cont .content_wrap .content .tit .point{
    color: #ff7a01;
}
.dalba_audio_cont .content_wrap .content .flfr{
    margin-top: 80px;
}
.dalba_audio_cont .content_wrap .content .flfr .fl .control_box h3{
    background: #040203;
    font-family: 'Pretendard'; letter-spacing: 0;
}
.dalba_audio_cont .content_wrap .content .flfr .fl .l_con .down_btn{
    background-image: url(../img/dalba_audio/down_ico.png);
}
.dalba_audio_cont.eng .content_wrap .content .flfr .fl .l_con .down_btn{
    letter-spacing: -1.1px;
}
.dalba_audio_cont.eng .content_wrap .content .flfr .fl .l_con .player_txt{
    font-size: 15px;
}
.dalba_audio_cont .content_wrap .content .flfr .fr .r_con .detail_box h3{
    border-bottom-color: #040203; font-weight: 500;
    font-family: 'Pretendard'; font-size: 20px; letter-spacing: -1px;
}
.dalba_audio_cont .content_wrap .content .flfr .fr .r_con dl{
    padding: 10px 0;
}
.dalba_audio_cont .content_wrap .content .prov{
    text-shadow: none;
    color: #cecece;
}

.dalba_audio_cont .content_wrap .content .flfr .fr .r_con dl dd .n1{
    display: inline-block; width: 120px;
}

@media all and (max-width:1200px){
    .mobile .dalba_audio_cont{
        background: url('../img/dalba_audio/bgg.jpg') no-repeat 100% 0 / cover;
    }
    .mobile .dalba_audio_cont .content_wrap{
        transform: none;
    }
    .mobile .dalba_audio_cont .content_wrap .content {
        padding: 30px 40px 60px 40px;
    }
    .dalba_audio_cont.eng .content_wrap .content .tit {
        font-size: 32px;
    }
    .dalba_audio_cont .content_wrap .content .tit .point{
        font-size: 32px;
    }
    .dalba_audio_cont .content_wrap .content .flfr_data_wrap {
        margin-top: 10px;
    }
    .dalba_audio_cont .content_wrap .content .flfr {
        margin-top: 50px;
    }
    .dalba_audio_cont .content_wrap .content .tit .big{
        font-size: 32px;
    }
}
@media all and (max-width:800px){
    .mobile .dalba_audio_cont .content_wrap .content {
        padding: 30px 40px 70px 40px;
    }
}
@media all and (max-width:600px){

    .mobile .dalba_audio_cont .content_wrap .content {
        padding: 30px 20px 70px 20px;
    }
    .dalba_audio_cont.eng .content_wrap .content .tit {
        font-size: 28px;
    }
    .dalba_audio_cont .content_wrap .content .tit .big {
        font-size: 28px;
    }
    .dalba_audio_cont .content_wrap .content .tit .point {
        font-size: 28px;
    }
    .dalba_audio_cont .content_wrap .content .flfr .fr .r_con dl dd .n1{
        width: 100px;
    }
}
@media all and (max-width:450px){
    .dalba_audio_cont .cont_box h1 img{
        width: 100px;
    }
    .mobile .dalba_audio_cont .content_wrap .content {
        padding: 30px 20px 50px 20px;
    }
    .dalba_audio_cont .content_wrap .content .tit{
        margin-top: 30px;
    }
    .dalba_audio_cont.eng .content_wrap .content .tit {
        font-size: 22px;
    }
    .dalba_audio_cont .content_wrap .content .tit .big {
        font-size: 22px;
    }
    .dalba_audio_cont .content_wrap .content .tit .point {
        font-size: 22px;
    }
    .dalba_audio_cont .content_wrap .content .flfr .fr .r_con .detail_box h3{
        font-size: 17px;
    }
}
