/**************************************************
*   2.2 - section_board - section2
**************************************************/
@media (min-width:0) {
    .section2 { font-size:0; padding:20px 0; position:relative; clear:both; }
    .section2 .inner { padding:0; overflow:hidden; }
    .section2 .gird3 { width:100%; }
    .section2 .grid3_inner { width:100%; height:100%; position:relative; background-color:#eee; padding:10px; }
    .section2 .grid3_inner p.title { color:#000; position:relative; font-size:18px; overflow:hidden; }
    .section2 .grid3_inner p.title span { display:inline-block; width:85%; float:left; }
    .section2 .grid3_inner p.title a { width:15%; display:inline-block; float:right; font-size:12px; margin-top:5px; text-align:right; }
    
    /* 설교요약 */
    .section2 .sec1 { height:360px; }
    .section2 .sec1 .grid3_inner li { position:relative; height:calc(50% - 10px); overflow:hidden; border-top:1px dashed #ccc; padding:10px 0; }
    .section2 .sec1 .grid3_inner li:first-child { border-top:0; }
    .section2 .sec1 .grid3_inner li .imgbox { display:block; height:140px; background-repeat:no-repeat; background-size:cover; background-position:center; width:50%; float:left; }
    .section2 .sec1 .grid3_inner li .txtbox { display:block; height:140px; float:left; width:50%; padding:10px; }
    .section2 .sec1 .grid3_inner li .txtbox .txt1 { font-size:17px; margin-bottom:15px; }
    .section2 .sec1 .grid3_inner li .txtbox .txt2 { font-size:14px; color:#808080; }
    
    /* 초대의글 */
    .section2 .info { }
    .section2 .info .grid3_inner { padding:0; position:relative; }
    .section2 .info .grid3_inner p.title { line-height:1.4; position:absolute; left:20px; top:10px; color:#fff; z-index:2; }
    .section2 .info .grid3_inner p.title strong { font-size:30px; margin-right:5px; }
    .section2 .info .grid3_inner .imgbox { width:100%; min-height:360px; background-size:cover; background-position:center; background-repeat:no-repeat; }
    .section2 .info a { background-color:transparent; font-size:14px; text-align:center; border:1px solid #fff; bottom:10%; color:#fff; width:150px; height:30px; left:20px; line-height:30px; padding:0 20px; position:absolute; transition:all 0.5s; }
    .section2 .info:hover a { background-color:#fff; color:#000; }
    
    /* 포토갤러리 */
    .section2 .board .title { margin-bottom:10px; }
    .section2 .board ul { overflow:hidden; }
    .section2 .board ul li { float:left; height:120px; margin-right:10px; margin-bottom:10px; width:calc(50% - 5px); position:relative; }
    .section2 .board ul li:nth-child(2n) { margin-right:0; }
    .section2 .board ul li a { display:block; width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
    .section2 .board ul li .txtbox { line-height:1.4; position:absolute; left:0; bottom:0; height:45px; width:100%; color:#fff; font-size:14px; padding:0 10px; background-color: rgba(0,0,0,0.6); }
}
@media (min-width:480px) {
    .section2 .board ul li { height:160px; }
}
@media (min-width:640px) {
    .section2 .gird3 { width:calc(50%); float:left; }
    .section2 .gird3.board { width:100%; }
    
}
@media (min-width:768px) {
    /* 포토갤러리 */
    .section2 .board ul li { height:240px; }
}
@media (min-width:992px) {
    .section_board { margin-top:-50px; }
}
@media (min-width:1220px) {
    .section2 .gird3 { width:32.8%; float:left; height:360px; margin-left:1%; }
    .section2 .gird3.board { width:32.33%; }
    .section2 .gird3:first-child { margin-left:0; }
    
    /* 포토갤러리 */
    .section2 .board ul { height:100%; }
    .section2 .board ul li { height:calc(50% - 22px); }
}

/**************************************************
*   2.2 - section_board - section2
**************************************************/
@media (min-width:0) {
    .section3 { margin-top:35px; font-size:0; clear:both; }
    .section3 .gird4 { display:inline-block; vertical-align:top; width:100%; margin-bottom:20px; }
    .section3 .grid4_inner { position:relative; box-sizing:border-box; }
    .section3 .grid4_inner .tx1 { background:#fff url("../images/contents/bg_line_01.png") repeat-x 0 0; color:#232323; font-size:18px; padding-top:15px; }
    .section3 .grid4_inner .tx2 { color:#808080; font-size:14px; line-height:1.4; margin-bottom:15px; margin-top:10px; }
    .section3 .grid4_inner .tx4 { color:#22bdb6; font-size:30px; margin:15px 0; }
    .section3 .gird4 .imgbox { display:block; height:210px; width:100%; background-size:cover; background-position:center; background-repeat:no-repeat; }
    .section3 .gird4 iframe { display:block; height:210px; width:100%; }
    
    .section3 .gird4 #cal2 { width:100%; min-height:200px; font-size:12px; }
    .section3 .gird4 #cal2 .ui-widget-content { width:100%; height:100%; }
    .section3 .gird4 #cal2 .ui-datepicker { width:100% !important; }
    .section3 .gird4 #cal2 .ui-datepicker .ui-datepicker-header { border-radius:0; font-weight:400; font-size:17px; }
    .section3 .gird4 #cal2 .ui-datepicker .ui-datepicker-header .ui-state-hover { background:transparent; border:none; }
    .section3 .gird4 #cal2 .ui-datepicker .ui-datepicker-header .ui-state-hover span { background-image:url("images/ui-icons_ffffff_256x240.png"); }
    .section3 .gird4 #cal2 .ui-datepicker .ui-datepicker-prev span { width:20px; height:20px; background-size:290px; background-position:-90px -216px; }
    .section3 .gird4 #cal2 .ui-datepicker .ui-datepicker-next span { width:20px; height:20px; background-size:290px; background-position:-54px -216px; }
    .section3 .gird4 #cal2 .ui-datepicker td span, .section3 .gird4 #cal2 .ui-datepicker td a { padding:3px 3px; height:24px; display:block; font-size:12px; }
    .section3 .gird4 #cal2 .caldiv { position:absolute; left:50%; bottom:10%; margin-left:-130px; background-color:#fff; z-index:1; border:1px solid #ccc; width:260px; text-align:center; }
    .section3 .gird4 #cal2 .caldiv .callogtr { height:auto; padding:7px 5px; overflow:hidden; }
    .section3 .gird4 #cal2 .caldiv .callogtitle { height:auto; padding:0; width:50px; float:left; font-weight:300; font-size:13px; text-align:left; color:#232323; }
    .section3 .gird4 #cal2 .caldiv .callogbody { height:auto; padding:0; width:calc(100% - 50px); float:left; font-weight:300; font-size:13px; text-align:left; color:#787878; }
    .section3 .gird4 #cal2 .caldiv .place { height:30px; line-height:30px; font-weight:300; border:1px solid #ccc; display:inline-block; margin:5px auto 5px; color:#232323; width:80px; text-align:center; }

    .main_cal.fc .fc-toolbar.fc-header-toolbar { margin-bottom: 0.5em; }
    .main_cal.fc .fc-toolbar-title { font-size: 1.5em; }
    .main_cal.fc .fc-button { padding: 0.2em 0.2em; line-height: 1em;}
    .main_cal.fc .fc-button .fc-icon { font-size: 1em; }
    .main_cal.fc .fc-daygrid-day-number { padding: 0px; font-size: 0.8em; }
    .main_cal.fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 0; }

    .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 0em; }
    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: 1em; }

    .fc .fc-toolbar { /*display: none;*/ }
    .fc .fc-daygrid-day-number { padding: 1px; }
    .fc .fc-toolbar-title { font-size: 1.4em;margin: 0; }
    .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 0.2em; }
    .fc .fc-button { padding: 0.2em 0.2em; font-size: 0.8em; line-height: 1.0; border-radius: 0.25em; }
    .fc .fc-popover { z-index: 96; }
}
@media (min-width: 640px) { 	
	.section3 .gird4 { width:50%; }
    .section3 .grid4_inner { padding:0 5px; }
}
@media (min-width:992px) { 	
    .section3 { margin-bottom:30px; margin-top:40px; }
	.section3 .gird4 { width:25%; }

    .section3 .gird4 #cal2 .ui-datepicker td span, .section3 .gird4 #cal2 .ui-datepicker td a { position:relative; }
    .section3 .gird4 #cal2 .caldiv { left:0; bottom:inherit; }
}
@media (min-width:1220px) {
    .section3 .inner { padding:0; }
}