@charset "utf-8";

/* 내용관리 */
@media only screen and (max-width:767px){ /*M*/
#content {padding-bottom: 50px;margin-bottom: 50px;background: #131516;padding-top: 100px;}
.ab_vdo_div{overflow: hidden;height: 200px;position: absolute;left: 0;top: 0;width: 100%;}
.sub_int_arw:after{content: "+";
    position: absolute;
    left: 48%;
    z-index: 2000;
    top: 0;
    font-size: 40px;
    font-weight: 100;}
}
@media only screen and (min-width: 768px){ /*P*/
#content {padding-bottom: 50px;margin-bottom:180px;background: #131516;padding-top: 280px;}
.ab_vdo_div{overflow: hidden;height: 500px;position: absolute;left: 0;top: 0;width: 100%;}
.sub_int_arw:after {content: "+";position: absolute;top: 40%;right: 0px;font-size: 40px;
    font-weight: 100;}
}
#ctt {padding: 10px 0 30px;}
.ctt_admin {position: absolute;top: 220px;right: 10px;}
.ctt_admin .btn_admin {font-size: 0.85em;padding: 0.2rem 0.5rem}

.ab_vdo_bg{min-height: 100%;
    min-width: 100%;
    height: auto!important;
    width: auto!important;
    /*position: absolute;*/
    left: 0;
    top: 0;
    z-index: -1;}

/* ctt_page */
header h1::before {content: '';position: absolute;display: block;width: 120px;height: 1px;background: #ddd;bottom: 1px;left: calc(50% - 60px);}
header h1::after {content: '';position: absolute;display: block;width: 40px;height: 3px;background: #007bff;bottom: 0;left: calc(50% - 20px);}
header h1 {font-size: 1.5rem;color: #111;text-transform: uppercase;text-align: center;font-weight: 700;position: relative;padding-bottom: 15px;}