﻿#main-top > div { padding:0px; }
#main-1 > div { padding:0px;}
.main-1-left { background: url(/UserData/bugok/Layouts_M/bugok_mobileLayout/Images/banner2.png); background-size: cover; background-repeat: no-repeat; width: 100%; padding:20px; height: 170px;}
.main-1-left h5 { margin:0px 0px 15px; font-size:20px; color:#fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-1-left a { text-decoration:none; }
.main-1-left p { margin:0px; font-size:14px; color:#fff; line-height:22px;}
.main-1-left img { width:100px; margin-top:15px;}


.main-1-right img { height:170px; width:100%; }


#main-2 { text-align:center; margin:0px 0px 40px;}
#main-2 > .container > .row > img  { padding:30px 0px; width:300px;}
.main-2-icon img { display:inline-block; width:70px;}

.container-fluid { max-width:790px; }

@media (max-width:767px) {
    .slider .move-btn{
    	display:none;
    }
    .slider {
        border-radius:5px;
    }
    .slider .slider-wrapper .slide img{
        height: 140px;
    }
    .slider .slider-dots { bottom:0px !important; }
    .slider .slider-dots .each-dot{ 
    	width:8px !important; height:8px !important;
    }
    #main-slider {
        padding: 0px;
    }
    
    .swiper-pagination-bullet { width:5px !important; height:5px !important; }
    
  	#main-slider #swiperSlider50 .swiper-slide {height: 100px !important;     } 
}