@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

@font-face {
 font-family: 'NanumBarunpen';
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot);
 src: url(webfont/NanumBarunpen/NanumBarunpenR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunpen/NanumBarunpenR.woff) format('woff'),
      url(webfont/NanumBarunpen/NanumBarunpenR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot);
 src: url(webfont/NanumBarunGothic/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunGothic/NanumBarunGothicWeb.woff) format('woff'),
      url(webfont/NanumBarunGothic/NanumBarunGothicWeb.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBareunGothicUltraLight';
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot);
 src: url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.woff) format('woff'),
      url(webfont/NanumBarunGothicL/NanumBarunGothicWebUltraLight.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumGothicEco';
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot);
 src: url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.woff) format('woff'),
      url(webfont/NanumEco/NanumGothicEco/NanumGothicEco.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumBrush';
 src: url(webfont/NanumBrush/NanumBrush.eot);
 src: url(webfont/NanumBrush/NanumBrush.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumBrush.woff) format('woff'),
      url(webfont/NanumBrush/NanumBrush.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumPen';
 src: url(webfont/NanumBrush/NanumPen.eot);
 src: url(webfont/NanumBrush/NanumPen.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumBrush/NanumPen.woff) format('woff'),
      url(webfont/NanumBrush/NanumPen.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 src: url(webfont/NanumSquare/NanumSquareR.eot);
 src: url(webfont/NanumSquare/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(webfont/NanumSquare/NanumSquareR.woff) format('woff'),
      url(webfont/NanumSquare/NanumSquareR.ttf) format('truetype');
}


/* font select */
body * {
    font-family: 'NanumGothic',sans-serif;
}

.container-fluid img:hover { opacity:0.6; transition:0.3s;}
/* centralsection */
#centralsection {
    margin-top: 10px;
    background: url(/UserData/yychs/Layouts/yychs_Layout/Images/contents_bg.jpg) no-repeat center center;
}
#centralsection div {} 
#centralsection .container-fluid div { display:block; }
.center-top { width:100%; text-align: center; border: 0px solid #000; background-color: #fff;}
.central-box1 {padding: 10px; max-width:500px; margin: 0 auto; }
.img_pastor { float:left; }
.img_pastor img { margin-top:0px !important; }
.sermon_subject { font-size:20px;  font-weight :normal; text-align: center; padding: 0 15px; letter-spacing: -2;}
.sermon_info  margin-left:20px; font-size:15px; }
.sermon_link { float:left; position:relative; top:95px; }

.central-box2 { width:251px; height:267px; float:left; margin-left:5px; margin-top:70px;}
.central-box3 { width:211px; height:267px; float:left; margin-left:6px; margin-top:70px;}
.central-box4 { width:250px; height:266px; float:right; position:relative; z-index:111; margin-top:70px;}
.central-boxc { width:250px; height:150px; float:right; position:relative; z-index:111; margin-top:5px;}
.center-bottom { width:100%; }
.central-box5 { width:241px; height:373px; float:left; margin-top:5px; margin-bottom:30px; margin-right:10px; background:url("/UserData/yychs/Layouts/yychs_Layout/Images/banner1.png")}
.intro_icons { position:relative; top:60%;  transition:0.4s; margin: 0 auto; text-align: center;}
.intro_icons a { margin-right:-5px; }
.central-box6 { height:156px; float:left; margin-top:5px; margin-left:10px;}
.central-box7 { height:217px; float:left; margin-top:5px; margin-left:10px;}

.central-box9 { height:217px; float:left; margin-top:5px; margin-left:8px;}

.central-box2 img:hover, .central-box3 img:hover, .central-box4 img:hover, 
.central-box6 img:hover, .central-box7 img:hover, .central-box8 img:hover, .central-box9 img:hover , .central-boxc img:hover
,#main-album-box img:hover 
 { opacity:0.6; transition:0.3s; }
#mobile-view { overflow:hidden; }
.news-cont{line-height : 32px;}
.news-cont a { font-size:15px; color:#676767;}
.news-cont ul { margin-top:20px; }
.news-cont ul li font{padding-left : 85px;}
/*.news-cont li { padding:5px 0px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}*/
.main-news-1 { width:400px; display:inline-block;}
.main-news-2 { width:200px; display:inline-block; margin-left:15px;}


/* album */
#main-album-box {
    float: left;
    width: 612px;
    height: 286px;
    margin-bottom:40px;
}

#main-album-box .document {
    float: left;
    max-width: 143px;
    max-height: 142px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#main-album-box .document img {
	width:143px;
	height:143px;
	object-fit:cover;
}


/* news */
#main-news-box {
    width: 477px;
    height: 296px;
    background-color: #f3f3f3;
    float: right;
    padding: 20px 27px;
}

#main-news-box a { text-decoration:none; }

#news-title {
    font-size: 22px;
    font-weight: 600;
    color: #535353;
    
}

#main-news-box .title, .regdate {
    color: #525252;
    font-size:15px;
}

#main-news-box .regdate {
    width:105px;
}

#news-button {
    font-size: 40px;
    float: right;
    font-weight: 600;
    color: #969696;
    margin-top: -15px;
    margin-right:5px;
}

.na{padding: 0;}
.na3 img{object-fit:cover;   }
.nb1 { aspect-ratio:285/299 ;background:url("/UserData/yychs/Layouts/yychs_Layout/Images/ban_20240.png") no-repeat; background-size:cover;}
.nb2 { aspect-ratio:285/299 ;background:url("/UserData/yychs/Layouts/yychs_Layout/Images/ban_20242.png") no-repeat; background-size:cover;}
.nb3 .main-news-1{padding:3vh ; width:100%;}
.sermon-href{margin-top: 10px;}

@media(max-width:1199px) {


    #tablet-view .document img {
    width: 143px;
    height: 110px;
}
    #news-button { display:none;}
    #news-title { font-size:15px;}
    .news-cont a { font-size:11px; color:#676767;}
.news-cont ul { margin-top:10px; }
.news-cont li { padding:5px 0px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.main-news-1 { width:150px; display:inline-block;}
.main-news-2 { width:150px; display:inline-block; margin-left:15px;}
    .row1 { margin-bottom:9px; padding:5px;}
    .row2 .col-md-12 { margin-bottom:9px; padding-right:0px;}
    .row2 .col-md-9 { width:386px; padding-right:5px; }
    .row2 .col-md-9 img { width:100%; height:211px; }
    .intro_icons img { height:unset !important; }
    .row2 .col-md-3 { width:164px; padding-right:0px; }
    .row2 .col-md-3 img { width:100%; height:211px; }
    .row2 .col-md-7 { padding-right:0px; }
    .row2 .culnews img {height : 188px}
    
    .row2 .intro { height:360px; background:url("/UserData/yychs/Layouts/yychs_Layout/Images/banner1.png") no-repeat; background-size:100% 100%; }
   
    .sermon_info { margin-left:10px; }
    .sermon_link { left:40px; top:25px; }
    .img_pastor img { height:80px; }
    .main-box-1-img { margin:0 auto; }
    .main-box2 img { height:188px; width:100%; }
    .main-box4 img { height:291px; }
    #tablet-view .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6 { padding-left:5px; padding-right:5px; }
    .main-bottom-container { margin-top:20px; }
    .main-bottom-container .col-md-8 { float: left; width: 550px; margin-bottom: 40px; }
    .main-bottom-container .document { float: left; max-width: 120px; max-height: 122px; margin-right: 10px; margin-bottom: 10px; }
    .main-bottom-container .col-md-4 { width: 390px; background-color: #f3f3f3; float: right; padding: 20px 27px; }
    .main-bottom-container .news-title { font-size: 22px; font-weight: 600; color: #535353; }
    .main-bottom-container .col-md-4 .title, .regdate { color: #525252; font-size: 14px; }
    .main-bottom-container .col-md-4 .regdate { width: 105px; padding: 0 10px; }
    .main-bottom-container .col-md-4 .document { max-width:170px; margin-bottom:0px;}
    .main-bottom-container .news-button { font-size: 40px; float: right; font-weight: 600; color: #969696; margin-top: -15px; margin-right: 5px; }
    .intro_icons { left:1px; }
    #depth1{margin-left:45px ; padding :0px 25px;}
    .footer .container{padding-left : 83px}
   
}

@media(max-width:991px) {
    .main-box-1-img { margin:0 auto !important; height:80px; }
    .sermon_subject {  font-weight:600;  }
    .main-box2 img { height:188px; }
    .main-box3 img { height:188px; }
    .row2 .col-md-9 { width:75%; }
    .row2 .col-md-3 { width: 25%; }
    .row2 .col-md-9 img { height:155px; }
    .row2 .col-md-3 img { height:156px; }
    .row2 .intro { height:291px; }
    .row2 .intro_icons img { position:relative; left:3px; width:35px; }
    .main-bottom-container .col-sm-7 { width:58.33333333%; }
    .main-bottom-container .document { max-width:88px; }
    .main-bottom-container .col-sm-5 { width:41.66666667%; padding:15px 15px; }
    .main-bottom-container .col-md-4 .regdate { width:90px; }
    .main-bottom-container .col-md-4 .document { margin-top:-5px; margin-bottom:-5px; margin-right:-20px; }
    .main-bottom-container .col-md-4 .title, .regdate { font-size:12px; }

.na1,.na2{width: 100%;}
.nb1,.nb2{width: 50%;}
.nb3 {width: 100%; }

.nb3 .main-news-1{padding:3vh 0; width:100%;}
}

.navbar-toggle {
    display: block !important;
}

@media(max-width:768px) {
        #tablet-view .document img {		width: 143px;		height: 107px;}
		#news-button { display:none;}
		#news-title { font-size:15px;}
		.news-cont a { font-size:11px; color:#676767;}
		.news-cont ul { margin-top:10px; }
		.news-cont li {  text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
		.main-news-1 { width:120px; display:inline-block;}
		.main-news-2 { width:120px; display:inline-block;}
		.intro_icons {top: 50%;}
		.intro_icons img{margin-bottom: 5px;}
		.central-box1 {    padding: 0 0 20px 0 ;    max-width: 500px;    margin: 0 auto;}
}


@media(max-width:767px) {
        #news-button { display:block;}
		.main-news-1 { display:block; width:100%}
		.main-news-2 { width:100%; display:block; margin-left:0px;}
        #news-title { font-size:18px;}
		.news-cont a { font-size:13px; color:#676767;}
		.news-cont ul { margin-top:10px; }
		.news-cont li { text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
	   #mobile-view .document img { width:250px; height:143px;  	object-fit:cover;}
		.row8 { text-align: center; }
		.row1 { margin-bottom: 25px; }
		#topbar_m { margin-top:0px; }
		#topbar_m .top-logo { margin: 0px; height : 45px;}
		.culmob img { height:150px; margin-top:3px;}


}