@charset "utf-8";
/* 새글 스킨 (latest) */

#sect03-slider {position:relative;margin-bottom:160px;}
#sect03-slider .slider-item {}
#sect03-slider .slider-item .img__wrap {margin:0 20px;}
#sect03-slider .slider-item .img__wrap img {width:100%;height: auto;}
#sect03-slider .slider-item .text__wrap {margin:0 20px;}

#sect03-slider .slick-arrow {position:absolute;width:20px;height:45px;top:50%;;z-index: 2000;border:0;background:transparent;font-size:0;}
#sect03-slider .slick-prev {left:-5%;background:url(/theme/basic/img/main/main01_arrow_img.svg) no-repeat 100% / 100%;transform:rotate(180deg);}
#sect03-slider .slick-next {right:-5%;background:url(/theme/basic/img/main/main01_arrow_img.svg) no-repeat 100% / 100%;}

/*메인 팝업창  */
#mask_b {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7) repeat;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}
.popup_wrap_b { 
    position: fixed;
    top: 50%;
    z-index: 999999;
    display: none;
    width: 100%;
    text-align: center;
} 
.popup_wrap_b .img{
    width: 100%;        
    
}
.popup_wrap_b .img img{        
     max-width: 536px; 
    border: solid 1px #666666;
}

@media (max-width:1100px) {
    #sect03-slider .slider-item .img__wrap img {width:90%;height: auto;}

    #sect03-slider .slick-arrow {position:absolute;width:20px;height:45px;top:50%;;z-index: 2000;border:0;background:transparent;font-size:0;}
    #sect03-slider .slick-prev {left:0%;background:url(/theme/basic/img/main/main01_arrow_img.svg) no-repeat 100% / 100%;transform:rotate(180deg);}
    #sect03-slider .slick-next {right:0%;background:url(/theme/basic/img/main/main01_arrow_img.svg) no-repeat 100% / 100%;}
}

@media (max-width:768px) {
    .popup_wrap_b {
        position: absolute;
        top: 51%;
        left: 3%;
        margin: 0px;    
        z-index: 999999;
        display: none;
        width: 95%;
        text-align: center;
    }

    .popup_wrap_b .img img {
        width: 100%;
    }

    #sect03-slider .slider-item {
        margin-right: 20px; 
        margin-left: 20px;         
        max-width: 360px; 
    }
    #sect03-slider .slick-prev {
        left: 2%;
        background: url(/theme/basic/img/main/main01_arrow_img.svg) no-repeat 100% / 100%;
        transform: rotate(180deg);
    }

    #sect03-slider .slick-next {
        right: 2%;
        background: url(/theme/basic/img/main/main01_arrow_img.svg) no-repeat 100% / 100%;
    }
}