@charset "utf-8";

/* 배너존 */
#main_banner{
    border:1px solid #ddd;
    border-width:1px 0 0 0;    
}
.banner-wrap {
    display:flex;
    max-width:var(--max-width);
    padding:30px 0;
	margin:0px auto;
    align-items: center;
}
.banner-wrap .m_tab_titbox {
    margin-bottom: 0px;
}
.banner-wrap .tit_box > h2 {
    font-size: 1rem;
    display: flex;
    align-items: baseline;
}
.banner-wrap .owl-carousel .owl-item img{
    border:1px solid #cdcdcd;    
}
.banner-wrap .tit_box > h2 > strong {
    color: #000000;
    font-size: 0px !important;
    font-weight: 600;
    position:absolute;
}
.banner-wrap .m_control_box{
    width:135px;
}
.banner-wrap .m_tab_bannerbox{
    width:calc(100% - 135px);
	overflow:hidden;
}
.banner-wrap .m_tab_bannerbox .m_tab_banner{
    height:65px;
	overflow:hidden;
}
.banner-wrap .m_tab_bannerbox .m_tab_banner a{
    font-weight:700;
    letter-spacing:-0.05em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25em;
    background-color: #f9f9f950;  
    width:100%;
    height:100%;
    border:2px solid #ddd;
    flex-direction:column;
    transition:all 0.3s;
    word-break:keep-all;
    line-height:1.2;  
    color:#1748a4;
}
.banner-wrap .m_tab_bannerbox .m_tab_banner a:focus,
.banner-wrap .m_tab_bannerbox .m_tab_banner a:hover{
    border-color:#1748a4;
    background-color:#9ab9f1;
    color:#ffffff;
    text-shadow:1px 1px 3px #1748a4;
    border-radius:6px;
    border-style:dashed;
    transition:all 0.3s;
}

#m_banner {
    font-size: 0px;
    position:absolute;
}

#m_banner strong {
    color: #29a289;
    font-weight: 700;
}

#m_banner span {
    color: #333333;
    font-weight: 500;
}

#m_banner_play {
    background-size: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 16'%3E%3Cg%3E%3Crect width='3' height='16' style='fill:%23010101; '/%3E%3Crect x='8' width='3' height='16' style='fill:%23010101; '/%3E%3C/g%3E%3C/svg%3E");
}

#m_banner_play.on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14.8'%3E%3Cg id='uuid-ba4b8825-65de-4568-9cc2-4400323b3495'%3E%3Cpolygon points='0 14.8 0 0 11 7.4 0 14.8' style='fill:%23010101; '/%3E%3C/g%3E%3C/svg%3E");
}

@media all and (max-width:505px){
	.banner-wrap {
        flex-direction: column;
        margin:20px auto;
    }
    .banner-wrap .m_tab_titbox {
        margin-bottom: 10px;
    }
}