#mm { z-index:2; background:#193767; }
#mm ul { list-style:none; color:#fff; }
.toggle { position:relative; top:5px; float:right; }
.toggle i { color:#14509E; font-size:32px; }

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel { padding-top:0px !important; }
.mm-menu .mm-listview>li a { box-shadow: inset 0 1px rgba(255,255,255,.1); }
.mm-next:before { border-left-width:0px !important; }
.mm-menu .mm-listview>li .mm-arrow:after, .mm-menu .mm-listview>li .mm-next:after { border-color:#fff !important;  }
.mm-panels > .mm-panel > ul > li > a { font-size:18px !important; }

#footerFix ul li div {
    float:left;
}

.favoriteicon {
    padding-top: 15px;
}

@media (min-width: 1200px)
{
    .fullSize
    {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .containerSize
    {
        width: 1170px;
        margin:auto;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .fullSize {
        width: 970px;
    }

    .containerSize
    {
        width: inherit;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .fullSize {
        width: 750px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .containerSize
    {
        width: inherit;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media(max-width:767px) {    
    .containerSize
    {
        width: inherit;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
	.mainRow2 > div > div { padding:0 15px!important; margin:0 0 15px; height:185px;}
	#main_middle_youth { height:100%; }
	#sermonMainThumbBg { max-width: 372px; margin:70px 0 0;}
	#sermonList img { width:100%; }
    #mainTopMenu { display:none; }
    #footerFix ul { width:100%; }
    #footerFix ul li { width:15%; padding:0px; margin:15px 0px;}
    #footer .col-md-3 img { margin:0 0 15px; }
    .mainContent2_row2 ul { margin-top:30px; } 
	.mainContent2_row2 ul li { width:32%; padding:0px !important; border-bottom:1px solid #ddd;   margin-left:-5px; }
	.mainContent2_row2 ul li:first-child { padding:0px; border-left:0px;  }
	.mainContent2_row2 ul li:nth-child(3n-2) { border-left:0px; }
	.mainContent2_row2 ul li:nth-child(7), .mainContent2_row2 ul li:nth-child(8) { border-bottom:0px; }
	.mainContent2_row2 ul li:last-child { padding:0px; border-right:0px; border-bottom:0px; }
	#btnTenOne, #btnConst { margin: 0 auto; }
	.youthmainimage .mainBannerLabel
	{
	    right: 15px;
	}
}

@media (max-width:991px) {
	#copyRightAddr { width:100%!important; text-align:center!important; margin:0 0 15px;}
	#livebox { display:block; right: 60px; }
	.list-inline {    text-align: center; margin:0 0 15px;
    width: 100%;}
    #footer .col-md-3 img { margin:15px 0!important; }
    #searchbox { left:0; }

    #footerFix ul li div {
        clear:both !important;
        /*width: -webkit-fill-available;*/  /*즈석처리할것 23년 */
    }

    #footerFix ul li a span {
        margin-left: 0px;
    }
}

@media screen and (min-width:993px) and (max-width:1199px) {
    .youthmainimage { height:185px!important; }
}

@media screen and (min-width:1025px) and (max-width:1200px) {
    .mainContent2_row1 div img {
        width: 100% !important;
        height: 156px !important;
    }
}


/* pad */
@media screen and (min-width:768px) and (max-width:1024px) {
    .youthmainimage{
        /*height: 174px;
        overflow: hidden;*/
    }

    .mainContent2_row1 div img {
        width: 100% !important;
        height: 180px !important;
    }
    .edu-img-box img {width:100%; }

    .favoriteicon {
        padding-top: 0px;
        height: 120px;
        text-align: center;
    }
}


/* mobile */

@media(max-width:768px)
{   
    #btnTenOne, #btnConst { margin: 0 auto; }
	#mainNav { display:none; }	
	.headerMain .container .row { padding:65px 15px 15px; text-align:left;  }	
	#searchbox input {max-width:145px; }
	#searchbtn { padding:6px 9px;  }
	#livebox img { height:35px; }
	#livebox span { font-size:15px; top:3px; }
	
	#searchbox, #livebox { top:15px; right: 15px; }
	
	#mainSermon1 > tbody > tr > td:first-child { width:100%; display:block; }
	#mainSermon1 > tbody > tr > td:last-child { width:100%; display:block; }
	
	#mainPastorTable td:last-child { text-align:right; }
	
	.mainRow2 { margin-bottom:15px; }
	.mainRow2 > .row > .col-xs-12 { padding-right:15px !important; margin-bottom:15px;  }
	
	.mainBannerLabel { right:15px; }
	.mainContent2_row1  .mainBannerLabel { right:0px; }
	.mainContent2 { padding-top:25px; padding-bottom:25px; }
	 
	.mainContent2_row2 ul { margin-top:15px; } 
	.mainContent2_row2 ul li { width:32%; padding:0px !important; border-bottom:1px solid #ddd;   margin-left:-5px; }
	.mainContent2_row2 ul li:first-child { padding:0px; border-left:0px;  }
	.mainContent2_row2 ul li:nth-child(3n-2) { border-left:0px; }
	.mainContent2_row2 ul li:nth-child(7), .mainContent2_row2 ul li:nth-child(8) { border-bottom:0px; }
	.mainContent2_row2 ul li:last-child { padding:0px; border-right:0px; border-bottom:0px; }
	
	#footer{ padding-top:15px; padding-bottom:85px; }
	
	#footerFix ul li { padding:0px; text-align:left; width:15%!important; margin-bottom:5px; text-align:center; margin:15px 0;}
	#footerFix ul li img { width:30px; }
	#footerFix ul li a { font-size:13px; }
	
	.subtop { height:150px; overflow:hidden; }
	.subtop img{  width:inherit; max-width:inherit; height:100%; position:absolute; left:50%; display:none; }
	 
	.subgnb > .container > table td:first-child { display:none; }
	.subgnb > .container > table td:nth-child(2) { display:none; }
	.subgnb .breadcrumb { display:none; } 
	
	.toggle i { color:#5ebbf8; }

    .favoriteicon {
        padding-top: 0px;
        height: 120px;
        text-align: center;
    }
}


@media(max-width:767px) {
	#ctl00_ContentPlaceHolder1_imgPic { width:100%!important; }
	#ctl00_ContentPlaceHolder1_imgVod { width:100%!important; }
	#ctl00_ContentPlaceHolder1_imgPic2 { width:100%!important; }
	#ctl00_ContentPlaceHolder1_imgVod2 { width:100%!important; }
	.live_box p:last-child { font-size:17px!important; }
	select.input-sm { margin:15px 0 15px; }
	.subMainTitle1 { text-align:center; }
	.mainPastor .plus2 { margin:20px 0px; }
    .edu-img-box img {width:100%; }
}