@charset "utf-8";
@import url('../bxslider/dist/jquery.bxslider.min.css');
@import url('reset.css');


.youtubeframe {position:relative !important;width:100%;height:0 !important;padding-bottom: 56.25% !important;overflow:hidden}
.youtubeframe .yvideo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#pdf_viewr{position: relative;width: 100%;height:0;padding-bottom:121%;}
#pdf_viewr iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*
header .nav .depth1 > li{float:left;height:inherit;position:relative;}
header .nav .depth1 > li:first-child:nth-last-child(1), header .nav .depth1 > li:first-child:nth-last-child(1)~li{width:100%;}
header .nav .depth1 > li:first-child:nth-last-child(2), header .nav .depth1 > li:first-child:nth-last-child(2)~li{width:50%;}
header .nav .depth1 > li:first-child:nth-last-child(3), header .nav .depth1 > li:first-child:nth-last-child(3)~li{width:33.333%;}
header .nav .depth1 > li:first-child:nth-last-child(4), header .nav .depth1 > li:first-child:nth-last-child(4)~li{width:25%;}
header .nav .depth1 > li:first-child:nth-last-child(5), header .nav .depth1 > li:first-child:nth-last-child(5)~li{width:20%;}
header .nav .depth1 > li:first-child:nth-last-child(6), header .nav .depth1 > li:first-child:nth-last-child(6)~li{width:16.666%;}
header .nav .depth1 > li:first-child:nth-last-child(7), header .nav .depth1 > li:first-child:nth-last-child(7)~li{width:14.285%;}
header .nav .depth1 > li:first-child:nth-last-child(8), header .nav .depth1 > li:first-child:nth-last-child(8)~li{width:12.5%;}
header .nav .depth1 > li:first-child:nth-last-child(9), header .nav .depth1 > li:first-child:nth-last-child(9)~li{width:11.111%;}
header .nav .depth1 > li:first-child:nth-last-child(10), header .nav .depth1 > li:first-child:nth-last-child(10)~li{width:10%;}*/

/* 버튼 스타일 */
.btn_charge {padding:10px 20px; background:#008df9; color:#fff;}
.btn_crud_small {display:inline-block; font-size:14px; font-weight:300; color:#808080; border:1px solid #c6c6c6; padding:5px 8px; background:#fff;}
.btn_insert {display:inline-block; width:200px; padding:12px 0; text-align:center; color:#fff; margin:0 5px;font-size:16px; background:url(../image/bk20.png) rgba(0,0,0,0.6);}

/* 테이블 스타일 한연재 추가, 원래는 common.css에 추가한 내용이나 게시판에 넣어놓음*/
/*table_type_01 : 일반 리스트 테이블, table_type_02 : 등록 테이블*/
.table_type_01 {width:100%; border-top:1px solid #000;}
.table_type_01 tr {border-bottom:1px solid #eee;}
.table_type_01 tr th {padding:15px 0; text-align:center;font-weight:400;}
.table_type_01 tr td {padding:15px 0; text-align:center;}
.table_type_01 tr td.num {width:80px;font-size:1.3rem;color:#777;}
.table_type_01 tr td.subject {text-align:left;font-size:1.45rem;word-break:keep-all; }
.table_type_01 tr td.subject strong{color:#008DF9;}
.table_type_01 tr td.subject a:hover{text-decoration:underline;}
.table_type_01 tr td.subject span {margin-right:3px;}
.table_type_01 tr td.subject img {vertical-align:middle;margin-right:2px;}
.table_type_01 tr td.subject .reply{display:inline-block;color:#0EA2FF; text-align:center;font-size:1.1rem;}
.table_type_01 tr td.subject .reply i {margin-right:5px;}
.table_type_01 tr td.company{font-size:1.2rem;}
.table_type_01 tr td.good{color:#888;font-size:1.2rem;}
.table_type_01 tr td.subject .lock {color:#FA605B;font-size:1rem;}
.table_type_01 tr td.subject .companydate{color:#777;font-size:1.2rem;}
.table_type_01 tr .company{width:100px;}
.table_type_01 tr .date {width:70px;}
.table_type_01 tr .good {width:70px;}
.table_type_01 tr .name {width:90px;}

.table_type_01 tr td.name{color:#888;font-size:1.2rem;}
.table_type_01 tr td.date{color:#888;font-size:1.2rem;}
.table_type_01 tr .hit {width:70px;}
.table_type_01 tr td.hit{color:#888;font-size:1.2rem;}

.table_type_01 tr > td > ul > li {margin-bottom:2px;}
.table_type_01 tr > td > ul > li > a {margin:0;}

.table_type_02 {width:100%; border-top:1px solid rgba(0,0,0,0.7);}
.table_type_02 tr {border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);}
.table_type_02 tr th {text-align:center;background:rgba(0,0,0,0.03); padding:10px 0; font-weight:500;font-size:1.3rem;}
.table_type_02 tr td {padding:10px;}
.table_type_02 tr td .etc{font-size:1.2rem;color:#777;margin-top:5px;}
.table_type_02 tr td input[type="text"] {width:100%;}


.write_btn_wrap {text-align:center; margin:30px auto;}
.write_btn_wrap a, .write_btn_wrap input, .write_btn_wrap a, .write_btn_wrap button {display: inline-block;min-width:150px;height:50px;vertical-align:middle;letter-spacing:0; margin:0 3px;font-size:1.35rem;}
.write_btn_wrap a{line-height:48px}
.write_btn_wrap input[type=submit],.write_btn_wrap .btn_submit {background:#888;color:#fff;border:1px solid #888;text-indent:0;border-radius:0 !important;  }
.write_btn_wrap .btn_cancle {border:1px solid rgba(0,0,0,0.2); background:none}

/* 페이징 */
.paging{text-align:center;padding-top:10px;}
.paging #paging {display:inline-block;margin:20px auto;}
.paging #paging div {display:block; overflow:hidden;}
.paging #paging span:first-child{ margin-left:0}
.paging #paging span {float:left;display:table;width:26px;height:26px;background:#fff;box-sizing:border-box;margin:0 5px;font-size:1.1rem;}
.paging #paging span a,.paging #paging span strong{color:inherit;margin-left:-1px; display:table-cell; vertical-align:middle;text-align:center;}
.paging #paging span.on strong{background:#0EA2FF;color:#fff;border-radius:50%;}
.paging #paging span:hover{border-color:#0EA2FF;position:relative; font-weight:600}

/* 상단 검색 영역 */
.searching {margin-top:10px;padding-bottom:5px;border-bottom:1px solid #eee;}
.searching.bb1{border-bottom:1px solid #000;}
.searching:after{ content:''; display:table; clear:both;}
.searching #total {float:left;font-weight:400;vertical-align:bottom;font-size: 1.2rem;padding:8px 0 0;}
.searching #total strong{font-weight:600}
.searching #total span {font-size:0.8em}
.searching #total em{font-size:0.9em;color:#777;}
.searching #total .btn_all{border:1px solid rgba(0,0,0,0.2);height:20px;width:20px;font-size:0;vertical-align:middle;display:inline-block;text-align:center;margin-left:5px;}
.searching #total .btn_all:after{content:'\f0ca';font-family:"Font Awesome 5 Free";font-weight:900;font-size:11px;line-height:20px}

.searching #search_box {max-width:320px;margin:15px auto;text-align:center;font-size:1.2rem;}
.searching #search_box:after {display:block;visibility:hidden;clear:both;content:""}
.searching #search_box h3 {display:none;}
.searching #search_box label {display:none;}
.searching #search_box legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

.searching #search_box .sch_input {width:calc(100% - 175px);background:#fff;}
.searching #search_box .sch_btn{width:75px;height:34px;background:#eee;border:1px solid #ECECEC;color:#808080; vertical-align:middle}
.searching #search_box .sch_btn_all {width:75px; height:34px; border:0;font-size:14px; background:#5163ae; color:#fff; overflow:hidden;}
.table_type_01 tr td .Mtit{display:none;}

@media screen and (max-width:769px) {
	.paging #paging{margin-top:0;}
    .paging #paging span {width:35px;height:35px;}	    
	.searching #total{float:left;font-size:1rem;}  
	.searching #search_box{float:none;}
	.searching #search_box .sch_input{width:calc(100% - 170px);}
    .searching #search_box .sch_btn{width:50px}
    .table_type_01{border-top:1px solid #000;}
    .table_type_01 tr th{display:none;}
    .table_type_01 tr td{position:relative;}
    .table_type_01 tr td:before{content:'';position:absolute;top:5px;left:0;width:1px;height:10px;background-color:#B0B0B0;}
    .table_type_01 tr td.num{display:none;}
    .table_type_01 tr td.subject{display:block;width:100%;padding:8px 0 4px;font-size:1.4rem;}
    .table_type_01 tr td.subject:before{display:none;}
    .table_type_01 tr td.company{display:inline-block;width:auto;padding:0 6px 8px 0;color:#008DF9;}
    .table_type_01 tr td.company:before{display:none;}
    .table_type_01 tr td.good{display:inline-block;width:auto;padding:0 6px 8px 0;}
    .table_type_01 tr td.good:before{display:none;}
    .table_type_01 tr td.name{display:inline-block;width:auto;padding:0 6px 8px 6px;}
    .table_type_01 tr td.date{display:inline-block;width:auto;padding:0 6px 8px 6px;}
    .table_type_01 tr td.hit{display:inline-block;width:auto;padding:0 6px 8px 6px;}
    .table_type_01 tr td .Mtit{display:inline-block;margin-right:2px;}    
    .table_type_02 tr th{display:block;width:100%;text-align:left;padding:10px;}
    .table_type_02 tr td{display:block;width:100%;padding:10px 0;}
    .table_type_01 tr td.empty_li:before{display:none;}
    .write_btn_wrap a, .write_btn_wrap input, .write_btn_wrap a, .write_btn_wrap button{height:40px;line-height:40px;font-size:1.3rem;}
}

@media screen and (max-width:500px) {
	.paging #paging span {width:30px; height:30px;}
}
@media screen and (max-width:410px) {
	.paging #paging span {width:24px; height:24px;}
}