/** SETTING **/
.bbs_skin img{width:auto; max-width:100%;}

.bbs_skin input,
.bbs_skin select{font-family: NotoSans, 'Noto Sans KR' !important;}

.bbs_sel{display:inline-block; height: 34px !important; font-family: NotoSans, 'Noto Sans KR' !important;}
input[type="radio"]{display:inline-block; width:16px; height:16px; vertical-align: middle;}

/* 관리자 */
.adm_check{width:20px;height:20px; margin: 10px 0;}
.adm_list li{position:relative}
.adm_list li a{width:85%;margin:0 0 0 40px}
.adm_list .adm_check{position:absolute;top:30px;left:0}

/*total*/
.bbs_total{margin:30px 0 0px 0;padding:0 0 10px 5px;text-align:right;}
.bbs_total strong{color: #061d79;vertical-align:top;}
.bbs_comment{margin:15px 0;padding:20px;border:1px dashed #cdcdcd;}

/*paging*/
.bbs_page{text-align:center;padding:25px 0 5px 0}
.bbs_page a{display:inline-block; width: 40px; height: 40px; padding-top: 6px; margin:0 2px 7px 2px;border:1px solid #ddd; }
.bbs_page a img{display: none;}
.bbs_page .prev{background: url('/images/apc_2022/bbs/arr.png')no-repeat;background-position: -127px 12px;}
.bbs_page .prev2{background: url('/images/apc_2022/bbs/arr.png')no-repeat;background-position: -184px 12px;}
.bbs_page .next{background: url('/images/apc_2022/bbs/arr.png')no-repeat;background-position: -11px 12px;}
.bbs_page .next2{background: url('/images/apc_2022/bbs/arr.png')no-repeat;background-position: -69px 12px;}
.bbs_page a:hover{background-color:#f3f7ff; color:#004ec4; border:1px #004ec4 solid;}
.bbs_page .on{font-weight:bold;color:#fff;background:#123466;border:1px #004ec4 solid;}

/*button*/
.bbs_btn{text-align:center;margin:10px 0 20px;}
.bbs_btn a{display:inline-block;padding:10px 20px;margin:0 5px 7px 5px;text-align:center; border: 1px #d2d2d2 solid; font-size: 16px;}
.bbs_btn a:hover{border:1px #123466 solid;}
.bbs_btn a:first-child{background-color:#004ec4; color: #fff; border: none;}
.bbs_btn a:first-child:hover{background-color:#123466; }

.bbs_btn button{display:inline-block;padding:10px 20px;margin:0 5px 7px 5px;text-align:center; background: #fff; border: 1px #d2d2d2 solid; font-size: 16px; font-family: NotoSans, 'Noto Sans KR' !important;}
.bbs_btn button:hover{border:1px #123466 solid;}
.bbs_btn button:first-child{background-color:#004ec4; color: #fff; border: none;}
.bbs_btn button:first-child:hover{background-color:#123466; }
.bbs_btn button.btn_b{background-color:#004ec4; color: #fff; border: none;}
.bbs_btn button.btn_b:hover{background-color:#123466; }

.btn_bbsw{display:inline-block; height: 34px; padding:4px 10px;margin:0 5px;text-align:center; border: none; font-size: 16px; background: #004ec4; color: #fff; font-family: NotoSans, 'Noto Sans KR';}
.btn_bbsw:hover{background: #123466;}


/* search */
.bbs_search{background: #f3f7ff;padding:25px 20px;margin:20px 0;}
.bbs_search label{display:inline-block; height: 40px; border:1px #004ec4 solid; padding:8px 10px; background: #fff; font-family: NotoSans, 'Noto Sans KR'; font-size: 15px; }
.bbs_search .form_sel{height:40px;border:1px solid #cdcdcd; font-family: NotoSans, 'Noto Sans KR';}
.bbs_search .form_txt{width:calc(60% - 20px);height:40px;padding:5px;border:1px solid #cdcdcd; font-family: NotoSans, 'Noto Sans KR';}
.bbs_search .form_sm{cursor:pointer;width:14%;height:40px;background: #004ec4;color:#fff; font-size:15px; font-family: NotoSans, 'Noto Sans KR';}
.bbs_search a.form_sm{display: inline-block;text-align: center;line-height: 30px;}
.bbs_search .form_sm:hover{background:#123466;}
.bbs_search .form_re{cursor:pointer;width:14%;height:30px;background:#ccc;}
.bbs_search .form_re:hover{background:#aaa;}
.bbs_search .search_date{text-align:left;}
.bbs_search .search_date:after{display:block;clear:both;content:""}
.bbs_search .search_date input{width:100%;padding:5px 5px 5px 36px;background:url("https://www.jeonbuk.go.kr/images/01_portal/bbs/icon_calendar.gif") no-repeat 4px 6px #fff;border:1px solid #cdcdcd;box-sizing:border-box;display:inline-block}
.bbs_search .search_date input:first-of-type{width:calc(100% - 17px);margin:0 0 4px 0;}

@media all and (min-width:768px){
.bbs_search .search_date input{width:50%;max-width:150px;}
.bbs_search .search_date input:first-of-type{width:calc(50% - 17px);margin:0 4px 0 0;}
}
@media all and (min-width:1024px){
.bbs_search .form_sel{width:calc(30% - 80px);}
}


.sch_type1{text-align:center}
.sch_type1 .form_left{margin:0 0 10px;display:block;}
.sch_type1 .form_left2{margin:0 0 10px;display:block;}
.sch_type1 .form_left .form_sel{width:90%;}
.sch_type1 .form_right{display:block;}
.sch_type1 .form_right2{display:block;}
.sch_type1 .form_right .form_sel{width:20%;}
.sch_type1 .form_center{display:block;}
.sch_type1 .form_center .form_sel{width:20%;}
.sch_type1 .form_txt{width:calc(52% - 30px)}

@media all and (min-width:500px){

.sch_type1:after{display:block;clear:both;content:""}
.sch_type1 .form_left{width:30%;float:left;text-align:left}
.sch_type1 .form_right{width:70%;float:left;text-align:right}
.sch_type1 .form_left2{width:30%;margin:0 0 0 10%;float:left;text-align:left}
.sch_type1 .form_right2{width:60%;float:left;text-align:left}
.sch_type1 .form_center{width:90%;text-align:center;margin:auto;}

}
@media all and (min-width:1024px){

.sch_type1 .form_left{width:20%;margin:0 0 0 10%}
.sch_type1 .form_right{width:60%;margin:0 10% 0 0;}
.sch_type1 .form_left2{width:30%;margin:0 0 0 14%}
.sch_type1 .form_left2 .form_sel{width:60%}
.sch_type1 .form_right2{width:56%;margin:0 0 0;}
.sch_type1 .form_center{width:60%;}
}

/*No list*/
.bbs_nolist{text-align:center;}
.bbs_nolist span{margin:0 0 20px;display:block;text-align:center}
.bbs_nolist p{text-align:center;}


/*upload file*/
.file_link li{margin-bottom: 6px;}
.file_link a{padding:0 4px 0 18px;display:inline-block; background: url('https://www.jeonbuk.go.kr/images/01_portal/bbs/icon_file.gif') no-repeat left center;}
.file_link img{width:15px;}
.file_link a.i_viwer{display: inline-block; background:#004ec4; border-radius: 10px; text-align:center;padding:2px 10px;font-size:13px;font-weight:400;color:#fff;}
.file_link p{padding:5px 0;}
.file_link p span{padding:0 0 0 10px;color:#555;}
.file_link button{width:16px;height:0;padding-top:15px;margin:0 0 4px 6px;background:url(/images/01_portal/bbs/close.png);overflow:hidden;}
.w_star{color:#ed1c24}

/*basic list - table*/
.bbs_skin table{width:100%;border-top:2px solid #123466;}
.bbs_skin .script_box{padding:20px 0; word-break: break-all;text-align: center;}

div[class^="bbs_skin"] .num{width:auto;line-height:1;margin:0;background:0;border-radius:0;color:#000;display:table-cell;}
div[class^="bbs_skin"] .badge{width:46px; margin: 0 0 10px; padding:4px 6px; text-align: center; border: 1px #e21207 solid;color:#e21207;font-size:14px;display:block}
div[class^="bbs_skin"] .notice{background:#edf4fd;}
.bbs_list_t .title{font-weight:500;text-align:left;}
.bbs_list_t .waiting{background:#8b0a04;color:#fff}
.bbs_list_t .processing{background:#123466;color:#fff}
.bbs_list_t .completion{background:#e1e1e1;font-weight:400;}
@media all and (max-width:1023px){
.bbs_list_t col{width: 100% !important;}
.bbs_list_t thead{display:none;}
.bbs_list_t tbody tr{display:block;border-bottom:1px solid #cdcdcd;padding:10px; width:100%;box-sizing:border-box;}
.bbs_list_t tbody td{display:inline-block; line-height: 1.2em; font-size: 15px;}
.bbs_list_t tbody td:after{width:1px;height:10px;margin:0 6px;background:#aaa;display:inline-block;content:""}
.bbs_list_t td:first-of-type:after,.bbs_list_t .num:after,.bbs_list_t 
.badge:after,.bbs_list_t .title:after,.bbs_list_t td:last-of-type:after{display:none;}
.bbs_list_t .title{display:block;padding:10px 0;margin:0 0 10px;border-bottom:1px dashed #ddd;font-size:1.2rem;}
.bbs_list_t .nofile{display:none;}
.bbs_list_t [data-cell-header]:before{content:attr(data-cell-header);display:inline-block; margin-right: 4px; font-size: 15px;}
.bbs_list_t .num[data-cell-header]:before,.bbs_list_t .title[data-cell-header]:before{display:none;}
.bbs_list_t .waiting[data-cell-header],.bbs_list_t .processing[data-cell-header],.bbs_list_t .completion[data-cell-header]{padding:0 10px;}
.bbs_list_t .waiting[data-cell-header]:after,.bbs_list_t .processing[data-cell-header]:after,.bbs_list_t .completion[data-cell-header]:after{display:none;}
.bbs_list_t .waiting[data-cell-header]:before,.bbs_list_t .processing[data-cell-header]:before{color:#fff;}
}
@media all and (min-width:1024px){
div[class^="bbs_skin"] .badge{display: inline-block; margin:0 10px 0 0; line-height: 1.5em;}
div[class^="bbs_skin"] .badge ~ a{margin:4px 0 0}

.bbs_list_t{width:100%; margin:10px 0;border-top:2px solid #123466;table-layout:fixed; text-align: center;}
.bbs_list_t th, 
.bbs_list_t td{text-align:center;padding:15px;border:1px solid #e1e1e1;border-top:none;font-size:16px;line-height:1.5em; vertical-align: middle;}
.bbs_list_t thead th{background: #f3f7ff;}
.bbs_list_t tbody th{background:#f3f8fb;color:#444;}
.bbs_list_t tbody td{color:#555;}
.bbs_list_t thead th:last-of-type,
.bbs_list_t tbody td:last-of-type{border-right: none;}
.bbs_list_t thead th:first-of-type,
.bbs_list_t tbody th:first-of-type,
.bbs_list_t tbody td:first-of-type{border-left: none;}
.bbs_list_t .title a{display: inline-block; width: 85%; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bbs_list_t tbody tr:hover,
.bbs_list_t tbody tr:focus{background:#f6f6f6}
.bbs_list_t tbody tr:hover a,
.bbs_list_t tbody tr a:focus{text-decoration:underline;}
.bbs_list_t tbody td li{text-align:left}
}

/* view */
.bbs_view{width:100%; margin:10px 0;border-top:2px solid #123466;table-layout:fixed; text-align: center;}
.bbs_view th, 
.bbs_view td{text-align:center;padding:15px;border:1px solid #e1e1e1;border-top:none;font-size:16px;line-height:1.5em; vertical-align: middle;}
.bbs_view thead th{background: #f3f7ff;}
.bbs_view tbody th{background:#f3f7ff;color:#444;}
.bbs_view tbody td{text-align: left;}
.bbs_view thead th:last-of-type,
.bbs_view tbody td:last-of-type{border-right: none;}
.bbs_view thead th:first-of-type,
.bbs_view tbody th:first-of-type,
.bbs_view tbody td:first-of-type{border-left: none;}
.bbs_view tbody td li{text-align:left}
.bbs_view tbody td li a:hover{text-decoration: underline;}
.bbs_view tbody td .sbtn_go, .basic_.bbs_table tbody td .sbtn_new, .basic_.bbs_table tbody td .sbtn_down{white-space:nowrap}
.bbs_view tbody tr:last-of-type td img{display: block; width: 100%; max-width: 800px; margin: 0 auto;}


/* write */
.bbs_write{width:100%; margin:10px 0;border-top:2px solid #123466;table-layout:fixed; text-align: center;}
.bbs_write th, 
.bbs_write td{text-align:center;padding:10px;border:1px solid #e1e1e1;border-top:none;font-size:16px;line-height:1.5em; vertical-align: middle;}
.bbs_write td *{vertical-align: middle;}
.bbs_write thead th{background: #f3f7ff;}
.bbs_write tbody th{background:#f3f7ff;color:#444;}
.bbs_write tbody td{text-align: left;}
.bbs_write thead th:last-of-type,
.bbs_write tbody td:last-of-type{border-right: none;}
.bbs_write thead th:first-of-type,
.bbs_write tbody th:first-of-type,
.bbs_write tbody td:first-of-type{border-left: none;}

.bbs_write tbody textarea{min-height: 300px;}
.bbs_write td input{border:1px solid #e1e1e3;padding:6px 0;margin:2px 0; height: 34px;}
.bbs_write td input[type=checkbox]{width:16px; height:16px; border-radius:5px}
.bbs_write td input[type=radio]{width:16px; height:16px;}
.bbs_write td input[type=file]{height: auto; padding: 0; border: none;}
.bbs_write td select{border:1px solid #e1e1e3;padding:7px 0;margin:2px 0}
.bbs_write td label{margin:0 20px 0 0}

.bbs_write td ul li{margin: 10px 0;}
.bbs_write td ul li img{display: inline-block; margin-right: 10px;}

.bbs_write .file_link{height:auto;}

.input_text{width:100%; font-size: 16px;}
.input_sel{width:100%;}

.input_w60{width:60px}
.input_w170{max-width:170px}
.input_w320{max-width:320px}
.input_w3{width:30% !important}
.input_w4{width:40% !important}
.input_w5{width:50% !important}
.input_cal{display:inline-block; padding:0 0 0 36px !important; background:url("https://www.jeonbuk.go.kr/images/01_portal/bbs/icon_calendar.gif") no-repeat 6px 6px;}

.txt_cm{display:block; position: relative; padding: 0 0 0 25px;}
.txt_cm:before{background:url("/images/apc_2022/common/info_icon.png") no-repeat; width:20px; height:20px; line-height: 1.5em; position:absolute; top:3px; left:0; content:""}


@media all and (min-width:768px) {

.input_wf{width:100%}

}
    

/*basic list - ul*/
.bbs_list{width:100%;border-top:2px solid #123466}
.bbs_list li{border-bottom:1px solid #cdcdcd;line-height:1.25em;padding:10px 10px 0;}
.bbs_list a{display:block;padding:15px 0}
.bbs_list strong{display:block;font-weight:600;color:#000;font-size:1.33rem;line-height:1.5em;padding:10px 0 14px;word-break:keep-all}
.bbs_list .name{font-style:normal;border-top:1px dashed #d2d2d2;padding:10px 0 0;}
.bbs_list .name span{display:inline-block;}
.bbs_list .name span:after{width:1px;height:10px;background:#ccc;display:inline-block;margin:0 10px 2px;content:""}
.bbs_list .bbs_file{width:100%;height:36px;padding:10px;margin:0 0 10px;background:#f5f5f5;box-sizing:border-box;overflow:hidden;cursor:pointer}
.bbs_list .bbs_file:after{display:none}
.bbs_list .bbs_file.on{height:auto;}
.bbs_list .bbs_file a{background:url("/images/01_portal/bbs/icon_file.gif") no-repeat 0 12px;padding:0 0 0 24px;margin:10px 0 0;font-size:.933rem}
.bbs_list .notice{background-color:#f4f4f8;}
.bbs_list .notice .badge{padding:5px 10px;border-radius:20px;background:#e21207;color:#fff;font-size:.933rem;}
.bbs_list .notice .bbs_file{background:#fff;}
.bbs_list strong:hover, .bbs_list strong:focus,.bbs_file a:hover,.bbs_file a:focus{text-decoration:underline}
@media all and (min-width:768px){
.bbs_list li{padding:0 10px 5px;}
.bbs_list .notice .badge{display:inline-block;margin:0 10px 0 0;}
.bbs_list strong{display:inline-block;width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}


/*Photo_list*/
.photo_list{width:100%;}
.photo_list li{border:1px solid #d7d7d7; margin:0 0 10px 0; padding-bottom: 14px; text-align:center;}
.photo_list span{display:block}
.photo_list img{max-width:100%;}
.photo_list p{max-width:300px;margin:0 auto;font-size:.9333rem;}
.photo_list p strong{margin:14px 0;font-weight:500;font-size: 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.photo_list li:hover,
.photo_list li:focus{border: 1px #004ec4 solid; box-shadow: 5px 5px 8px #eef8ff;}

@media all and (min-width:768px){

.photo_list:after{content:"";display:block;clear:both;}
.photo_list li{float:left; width: 49.5%; margin: 0 1% 1% 0;}
.photo_list li:nth-child(2n){margin: 0 0 1% 0;}
.photo_list span{width:300px;height:200px;margin:0 auto;overflow:hidden}

}
@media all and (min-width:1440px){
.photo_list{padding:20px 0;}
.photo_list li{width:440px; margin: 0 40px 40px 0; transition:.5s ease}
.photo_list li:nth-child(2n){margin: 0 40px 40px 0;}
.photo_list li:nth-child(3n){margin: 0 0 40px 0;}

.photo_list span{width:100%;}
.photo_list li:hover{transition:.5s ease}
.photo_list li:hover strong{color: #004ec4;}
}

/* photo_view */
.photo_view{position: relative;padding:20px 24px;word-break: break-all;}
.photo_view li{text-align:center;}
.photo_view img{max-width: 100%;}

.photo_view .img_btn{margin: 10px 0 0 0;text-align: center;}
.photo_view .img_btn span{display: inline-block !important; margin-top: 7px;}
.photo_view .img_btn a span{display:inline-block;padding: 30px 0 0 0;}
.photo_view .img_btn span a{background: transparent;border: solid 1px #c0c0c0; height: 15px;width: 30px;  border-radius: 20px;margin: 0 3px;overflow:hidden;display: inline-block;}
.photo_view .img_btn span a.selected{background: #004ec4; border: none;}
.photo_view .img_btn .stop{overflow: hidden;background: url("https://www.jeonbuk.go.kr/images/01_portal/common/icon_common.png")no-repeat -40px -54px;background-color: #004ec4; width: 30px;height: 30px;display: inline-block !important; border-radius: 20px;}
.photo_view .img_btn .play{overflow: hidden;background: url("https://www.jeonbuk.go.kr/images/01_portal/common/icon_common.png")no-repeat -75px -55px;background-color: #004ec4; width: 30px;height: 30px;display: inline-block !important; border-radius: 20px;}

.photo_view .img_btn button{display: block; overflow: hidden; position: absolute; top: calc(50% - 40px); width: 41px; height: 0; padding-top: 41px; background: url('/images/apc_2022/main/sug_icon.png') no-repeat;}
.photo_view .img_btn button.prev{background-position: 0 0; left: -20px;}
.photo_view .img_btn button.next{background-position: 0 -50px; right: -20px;}

.photo_viewbtn span{display:inline-block;position:absolute;left:50%;bottom:10px;transform:translate(-50%, 0);background:rgba(0, 0, 0, .6);padding:10px;color:rgba(255, 255, 255, .7)}
.photo_viewbtn strong{color:#fff}
.photo_view button{width:40px;height:0;padding:40px 0 0 0;overflow:hidden;position:absolute;top:45%;background:url("/images/bbs/ico_bbs.png") no-repeat #f5f5f5;border:1px solid #ddd;}
.photo_view .prev{background-position:-40px -140px;left:5px}
.photo_view .next{background-position:-80px -140px;right:5px}

@media all and (min-width:768px){
.photo_viewlist{padding:30px 60px;}
.photo_view .prev{left:10px}
.photo_view .next{right:10px}
}

@media all and (min-width:1440px){
.photo_view{width: 1000px; margin: 0 auto; }
}


/*video information*/
.video_box{background:#000; height: 420px;}
.video_box video{width:100%;}
.v_script{border:1px solid #e1e1e1;margin:10px 0 0;}
.v_script .title{font-size:1.2rem;font-weight:500;display:block;padding:12px 0; color: #004ec4; background:#f3f7ff;text-align:center;}
.v_script p{color:#333;padding:20px;margin:0;text-align:left;line-height:1.6;}

@media all and (min-width:768px){

.video_box{display:inline-block;width:calc(60% - 4px);vertical-align:top !important;}
.video_box video{height:300px;}
.v_script{display:inline-block;width:40%;margin:0 0 0 -4px;height:300px;overflow-x:auto;}

}

@media all and (min-width:1440px){
.video_box{height: 550px;}
.v_script{height: 550px;}
}


/*Magazine*/
.magazine_list{width:100%;border-top:2px solid #123466}
.magazine_list li{border-bottom:1px solid #e1e1e1;line-height:1.25em;padding:30px 0;text-align:center;}
.magazine_list em i{display: block;max-height:42px;padding:4px 10px;font-style:normal;color: #004ec4;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.magazine_list span{margin:10px 0 0;display:block}
.magazine_list img{max-height:340px;border:1px solid #ddd;}
.magazine_list p{padding:10px;}
.magazine_list a{padding:10px 20px; border: 1px #004ec4 solid; display:inline-block;}
.magazine_list a:hover{background: #004ec4; color: #fff;}

@media all and (min-width:768px){
.magazine_list:after{content:"";display:block;clear:both;}
.magazine_list li{width:calc(50% - 2px);float:left;}

}
@media all and (min-width:1024px){
.magazine_list{padding:20px 0;}
.magazine_list li{width:33.33%;padding:30px 10px; box-sizing:border-box;transition:.5s ease}
.magazine_list li:hover{background:#f3f7ff; transition:.5s ease}
.magazine_list li:hover strong{text-decoration:underline}

}                                                                                                   