﻿#swiperSlider .swiper-slide {
        height: 180px;
        transition: all 0.3s ease;
        cursor: pointer;
}

#mainImg { max-width:600px; margin: 30px auto 30px; position:relative; box-shadow: 1px 5px 5px #ddd; display:inline-block;  }
.slide-caption { position:absolute; width:100%; padding:15px 20px; background:rgba(0,0,0,0.8); bottom:0px; left:0px; }
.caption-title { font-size:20px; font-weight:600; color:#fff; margin:0px; }
.caption-content { font-size:16px; color:#fff;  margin:0px; }


/*게시판*/

.board-theme table tr * {
    font-size: 16px !important;
    font-family: 'Noto Sans Korean';
}

/*
.board-theme * {
    font-size: 16px !important;
    font-family: 'Noto Sans Korean';
}
*/

.board-theme table tr i {
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 20px !important;
}

.detail-upper,
.board-share {
    display: none !important;
}

.board_header {
    text-align: center;
    font-size: 20px;
    font-family: 'Noto Sans Korean';
    margin-bottom: 30px;
}

.notice_head {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Noto Sans Korean';
    margin-top: 30px;
}

.notice_body {
    padding-left: 5px;
    font-size: 16px;
    font-family: 'Noto Sans Korean';
    line-height: 150%;
}

    .notice_body table {
        margin-bottom: 15px;
    }

        .notice_body table th,
        .notice_body table td {
            border: 1px solid #ddd !important;
            text-align: center;
        }

        .notice_body table th {
            width: 50px;
        }

        .notice_body table td {
            width: 100px;
        }

.notice * {
    font-family: 'Noto Sans Korean';
}

.board-theme.list .board-pages > span i {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.detail-video {
    max-width: 960px;
    margin: 0 auto;
}

.edu-tab {
    border:2px solid #ddd;
    margin-bottom:15px; 
    cursor:pointer;
    transition:all 0.3s ease;
    padding:3px 5px;
}
    .edu-tab .on { display:none; }

    .edu-tab.active,
    .edu-tab:hover {
        border: 2px solid #1A58D7;
        color: #1A58D7;
    }

        .edu-tab:hover .on {
            display:inline-block; 
        }

            .edu-tab:hover .off {
                display:none; 
            }

            .edu-tab span {
                font-size: 16px;
                font-weight: 600;
            }
            
            .suyang-tab img { width:50px; padding:5px; }

.history-tab > div { 
    width:12.5%;
    border-right:1px solid #ddd;
}

.history-tab > div:last-child {
    border-right:0px;
}

.history-btn {
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 3px 5px;
    text-align:center;
}

    .history-btn span {
        font-size:18px;
        font-weight:600;
        color:#666;
        transition:all 0.3s ease;
    }

    .history-btn:hover span {
        color: #1A58D7;
    }

    /*신청폼*/
    .applyForm {
        max-width: 810px;
        margin: 0 auto;
    }

.applyForm .board-theme .theme-write {
    padding:20px; 
}


.board-theme .document-notice {
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
    margin-bottom: 15px;
}

.board-theme .document-notice-title {
    font-weight: 600;
    text-align: center;
    font-size: 18px !important;
    margin-bottom: 20px;
}

.board-theme .document-notice ul li {
    padding-bottom: 8px;
    word-break:keep-all;
}

    .applyForm .board-theme .theme-write input,
    .applyForm .board-theme .theme-write textarea,
    .applyForm .board-theme .theme-write select {
        font-size: 16px !important;
    }

        .applyForm .board-theme .theme-write input[type="radio"] {
            top:4px; 
        }

        .applyForm .board-theme .theme-write .document-extended_keys table {
            table-layout: fixed;
        }

    .applyForm .board-theme .theme-write .document-extended_keys table tr:last-child th,
    .applyForm .board-theme .theme-write .document-extended_keys table tr:last-child td {
        border-bottom:1px solid #ddd;
    }

    .applyForm .board-theme .theme-write .document-extended_keys table tr th {
        font-size: 14px !important;
        padding: 15px 10px;
        text-align: center;
        width: 15%;
        word-break: keep-all;
    }

    .applyForm .board-theme .theme-write .document-extended_keys table tr th,
    .applyForm .board-theme .theme-write .document-extended_keys table tr td {
        font-size:16px; 
    }

    #dimodeBoard.applyForm .board-theme .theme-write .document-extended_keys .board-actions {
        padding:0px;
    }

.board-theme table tr  .red-asterisk { color:red; font-size:12px !important; font-family: 'nanumgothic' !important; }

/*tab*/
.history-tab { text-align:center; overflow:hidden; margin:0 0 50px;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;align-content: center;display: flex;}
.history-tab a { color:#333; text-decoration:none; }
.history-tab li{width:14%;}
.history-tab li a { float:left; width:100%; font-size:17px; padding:15px 0;  color:#333; cursor:pointer; border:1px solid #f2f2f2; box-sizing:border-box;}
.history-tab li:hover a { background:#2390F5; transition:0.3s all; color:#fff;}
.history-tab .active a { background:#2390F5; }
.history-tab .active a { color:#fff; }

@media(max-width:768px)
{
	.page-content * { word-break:keep-all; }
	
	#subtop { margin-bottom:20px; }
	.sub-title { margin-bottom:15px; }
	
	.history-tab > div { width:25%; margin-bottom:5px;  }
	.history-btn span { font-size:14px; }
	.history-tab > div:nth-child(4) { border-right:0px; }
	
	#component6534 { padding-top:20px !important; }
	
	#unit1436 .table * { font-size:14px !important; }
	#unit1436 .table td:first-child { white-space:nowrap; width:inherit !important; }
	
	
	.sub-btn-group { margin-bottom:15px !important; }
	.sub-btn-group .btn { font-size:14px !important; }
	
	#component5588 { padding:15px !important; }
	#component5588 > div > div { max-width:100% !important; padding:0px 15px !important;  }
	#unit4317 { margin-bottom:15px !important; }
	
	
	#unit6980 span { font-size:24px !important; }
	
	#component3928, 
	#component3648 { padding:15px !important; }
	
	#component5058 img,
	#unit5568 img,
	#unit3346 img,
	#unit5844 img { margin-bottom:15px; }
	
	#unit8023 * { text-align:center !important; }
	#unit8023 img { display:block; text-align:center; margin:5px auto !important;  }
	
	
	#unit3120 { width:100% !important; }
	
	#unit5568 table { table-layout:fixed; }
	
	#unit5568 table td { padding:10px 3px !important; }
	#unit5568 table td span { word-break:break-all !important; font-size:14px !important; }
	
	.edu-tab { text-align:center; }
	.edu-tab img { margin-bottom:0px !important; }
	.edu-tab span { display:block; }
	
	#unit3120 { margin-top:15px !important; margin-bottom:5px !important; }
	
	#unit5853 > div > div { top:0px !important; left:0px !important; width:100% !important;  transform:none !important; 
		position:relative !important;  background:#026be1; padding:15px !important;  }
		
		
	#component3078 { margin-bottom:20px !important; }
	#unit8320 img { margin-bottom:15px; }	
	
	#unit3346 span { font-size:14px !important; }
	
	#unit6609 * { max-width:100% !important; }
	
	.applyForm 	table th,
	.applyForm 	table td { display:block; width:100% !important; border:0px; }
	
	th.document-Number,
	th.document-extendedKey_name,
	th.document-RegDate {
		display:table-cell !important;
	}
	
	td.document-number,
	td.document-extendedValue_name,
	td.document-regdate {
		display:table-cell !important;
	}
	.history-tab li a{font-size:14px;}
}

