@charset "utf-8";

/*공통*/
.w_star{color:#0077f3;vertical-align:middle;}

.input_wss{width:40px}
.input_ws{width:100px !important}
.input_wm{width:170px}
.input_wl{width:90%}
.input_wf{width:95%}
.input_h{width: 40%;}
.input_cal{position: relative;padding-left:20px;}

/*테이블*/
.bbs_table{width:100%;min-width:900px;margin-bottom:20px;background:#fff;border-top:1px solid #ddd;}
.bbs_table th, .bbs_table td{border-bottom: 1px solid #ddd;padding: 5px 10px;text-align:center;line-height:1.5em;vertical-align:middle;display: block;}
.bbs_table th{background: #eff2f9;}
.bbs_table td *{vertical-align:middle}
.bbs_table input{border:1px solid #ddd;padding:9px 0;margin:2px 0;border-radius: 5px;}
.bbs_table input[type=checkbox]{width:20px; height:20px; border-radius:5px}
.bbs_table input[type=radio]{width:20px;height:20px;border-radius:5px;cursor: pointer;}
.bbs_table input[type=file]{padding:0;height: 25px;}
.bbs_table .bw_file{margin: 2px 0;}
.bbs_table .bw_file input{padding: 0;height: 25px;width: 100%;}
.bbs_table .bw_file .memoarea{display: block;}
.bbs_table .bw_file .memoarea em{font-style: normal;display: inline-block;}
.bbs_table .bw_file .memoarea em::before{content:"";display: block;width:22px;height:22px;background: url("/images/myjb/common/cmd_icon.png") no-repeat left -85px top;float: left;margin-right: 5px;}
.bbs_table textarea{border:1px solid #ddd;border-radius: 5px;}
.bbs_table select{border:1px solid #ddd;padding:7px 0;margin:2px 0;border-radius: 5px;}
.bbs_table td label{margin: 0 20px 0 5px;cursor: pointer;}
.bbs_table a span{display:inline-block;vertical-align:middle;margin:0 5px}

/*상단*/
.bbs_cate{margin:0 0 30px 0;width: 100%;}
.bbs_cate li{margin:0 0 5px 0;}
.bbs_cate li a{display:block;padding:12px 0;background: #fff;text-align:center;border-radius:10px;color:#666;border: 1px solid #ddd;}
.bbs_cate li a:hover{text-decoration:underline;}
.bbs_cate li.on a{background:#172d8b;color:#fff;}

.bbs_search input, .bbs_search select, .bbs_search button,
.bbs_search2 input, .bbs_search2 select, .bbs_search2 button,
.bbs_search3 input, .bbs_search3 select, .bbs_search3 button{box-sizing: border-box;}

.bbs_search{text-align: center;padding:20px 5px;border-radius:10px;background: #eff2f9;border: 1px solid #172d8b26;}
.bbs_search *{vertical-align:middle}
.bbs_search .left span{display:block;line-height:34px;padding-right:5px;}
.bbs_search.right{text-align:right;border:0;padding:0;margin: 0;}
.bbs_search.right .form_txt{width:50%;}
.bbs_search .form_sel{width:20%;height:34px;border:1px solid #ddd;border-radius: 5px;}
.bbs_search .form_txt{width:40%;height:34px;padding:0 5px;border:1px solid #ddd;border-radius: 5px;}
.bbs_search .form_sm{cursor:pointer;width:20%;height:34px;background:#fff;color:#007df0;border-radius: 5px;font-size:15px;font-weight:600;border:1px solid #007df0;}
.bbs_search .form_re{cursor:pointer;width:20%;height:34px;background:#0077f3;color:#fff;border-radius: 5px;}
.bbs_search .form_cancle{cursor:pointer;width:20%;height:34px;background:#616161;color:#fff;border-radius: 5px;}
.bbs_search .form_sm:hover, .bbs_search .form_sm:focus,
.bbs_search .form_re:hover, .bbs_search .form_re:focus,
.bbs_search .form_cancle:hover, .bbs_search .form_cancle:focus{background:#0e237c;color: #fff;}
.bbs_search .input_cal{border:1px solid #ddd;padding:8px 0;margin:2px 0;border-radius:4px;width:120px}

.bbs_search2{text-align:center;margin: 20px 0;padding: 20px 0;border: 1px solid #ddd;border-radius: 10px;background: #fff;}
.bbs_search2 *{vertical-align:middle}
.bbs_search2 .form_sel{width:20%;height:34px;border:1px solid #ddd;border-radius:5px;vertical-align:middle}
.bbs_search2 .input_cal{width: 75px;}
.bbs_search2 .form_txt{width: 35%;height:34px;padding:5px;border:1px solid #ddd;border-radius:5px;vertical-align:middle;background: #fff;}
.bbs_search2 .form_sm{cursor:pointer;width: 20%;height: 33px;background: #172d8b;color:#fff;vertical-align:middle;border-radius: 5px;/* font-size: 15px; */}
.bbs_search2 .left{margin:0 0 10px 0}
.bbs_search2 .left span,.bbs_search2 .right span{display: block;padding-right: 5px;color: #000;line-height: 34px;}
.bbs_search2 .left form,.bbs_search2 .right form{display:inline-block}
.bbs_search2 .left .form_sel{width: 35%;}
.bbs_search2 .form_re{cursor:pointer;width:20%;height:34px;background:#0077f3;color:#fff;}
.bbs_search2 .form_cancle{cursor:pointer;width:20%;height:34px;background:#616161;color:#fff;}
.bbs_search2 .form_sm:hover, .bbs_search2 .form_sm:focus,
.bbs_search2 .form_re:hover, .bbs_search2 .form_re:focus,
.bbs_search2 .form_cancle:hover, .bbs_search2 .form_cancle:focus{background:#007df0;}

.bbs_search3{text-align:center;margin: 0 0 15px 0;padding: 20px 0;}
.bbs_search3 *{vertical-align:middle}
.bbs_search3 .form_txt{width: 40%;height:34px;padding:0 5px;border:1px solid #ddd;border-radius: 5px;}
.bbs_search3 .form_sm{cursor:pointer;width:20%;height:34px;background: #172d8b;color:#fff;border-radius: 5px;/* font-size: 15px; */}
.bbs_search3 .form_sel{min-width: 120px;height:34px;border:1px solid #ddd;border-radius:5px;vertical-align:middle;width: 20%;}
.bbs_search3 .left{ text-align: left;}
.bbs_search3 .right{text-align: right;}
.bbs_search3 .form_re{cursor:pointer;width:20%;height:34px;background:#0077f3;color:#fff;}
.bbs_search3 .form_cancle{cursor:pointer;width:20%;height:34px;background:#616161;color:#fff;}
.bbs_search3 .form_sm:hover, .bbs_search3 .form_sm:focus,
.bbs_search3 .form_re:hover, .bbs_search3 .form_re:focus,
.bbs_search3 .form_cancle:hover, .bbs_search3 .form_cancle:focus{background:#007df0;}

.bbs_total{margin:10px 0;font-size: 15px;}
.bbs_total strong{color: #172d8b;vertical-align: baseline;}
.bbs_comment{margin:15px 0}

/*목록*/
.bbs_list{width:100%;border-top: 2px solid #172d8b;margin-bottom: 20px;}
.bbs_list li{border-bottom:1px solid #ddd;line-height:1.25em;padding: 0 10px;}
.bbs_list li a{display:block;padding: 20px 0;}
.bbs_list li:hover{background:#ffffff;}
.bbs_list li a:hover strong, .bbs_list li a:focus strong{text-decoration: underline;}
.bbs_list li strong{display:block;font-size: 18px;line-height:1.5em}
.bbs_list span{display:inline-block;vertical-align:middle;margin:0 5px}
.bbs_list .txt{display:block;line-height:1.5em;color:#444;margin:10px 0}
.bbs_list .info{display:block;font-style:normal;font-size:14px;color: #666;}
.bbs_list .info span{width:1px;height:6px;background:var(--point2);margin:0 10px}
.bbs_list .ico_notice{color: #007df0;font-style:normal;margin-right:5px}
.bbs_list .ico_file{width:13px;height:0;padding: 20px 0 0 0;overflow:hidden;background: url("/images/bbs/bbs_ico.png") no-repeat center -275px;}
.bbs_list .ico_secret{width: 16px;height:0;padding: 20px 0 0 0;overflow: hidden;background: url("/images/bbs/bbs_ico.png") no-repeat center -317px;}
.bbs_list .list_none{text-align:center;padding:30px 0}

.adm_list li{position:relative}
.adm_list li a{width:85%;margin: 0 0 0 10%;}
.adm_list .adm_check{width:20px;height:20px;position:absolute;top: 22px;left: 13px;}

/*테이블목록*/
.bbs_skin2 table .title{font-weight:bold;text-align:left;}
.bbs_skin2 table .notice{background:#fff;padding: 5px 15px;border-radius: 20px;font-size: 14px;}
.bbs_skin2 table .notice span{position:relative;font-weight: 700;color: #0077f3;display: none;/* font-size:0px; */text-align:center;/* padding-top:30px; *//* overflow:hidden; */}
/*.bbs_skin2 table .notice span:before{ display:block;content:""; width:25px; height:25px; background: url("/images/myjb/common/ico_info2.png")no-repeat left center; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}*/

@media all and (max-width:1023px){
.bbs_skin2 table{width:100%;border-top:2px solid #172d8b;margin-bottom: 20px;}
.bbs_skin2 table colgroup{display: none;}
.bbs_skin2 table thead{display:none;}
.bbs_skin2 table td .basic_ul{margin-bottom:0 !important;}
.bbs_skin2 table tbody tr{display:block;border-bottom:1px solid #ddd;padding:10px;}
.bbs_skin2 table tbody td{display:inline-block;font-size: 14px;margin: 3px 0;}
.bbs_skin2 table tbody td:after{width:1px;height:10px;margin:0 6px;background:var(--point2);display:inline-block;content:""}
.bbs_skin2 table 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_skin2 table .title{display:block;padding: 14px 0;margin:0 0 10px;border-bottom: 1px dashed #c5c5c5;font-size: 16px;}
.bbs_skin2 table .nofile{display:none;}
.bbs_skin2 table [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;color:#666;font-weight: 600;font-size: 14px;}
.bbs_skin2 table .num[data-cell-header]:before,.bbs_skin2 table .title[data-cell-header]:before{display:none;}
.bbs_skin2 table .waiting[data-cell-header],.bbs_skin2 table .processing[data-cell-header],.bbs_skin2 table .completion[data-cell-header]{padding:0 10px;}
.bbs_skin2 table .waiting[data-cell-header]:after,.bbs_skin2 table .processing[data-cell-header]:after,.bbs_skin2 table .completion[data-cell-header]:after{display:none;}
.bbs_skin2 table .waiting[data-cell-header]:before,.bbs_skin2 table .processing[data-cell-header]:before{color:#fff;}    
.bbs_skin2 table .notice{padding:0;background:none;margin: 0;}
.bbs_skin2 table .notice[data-cell-header]:before{width:25px;height:25px;background: url("/images/myjb/common/ico_info2.png")no-repeat 0 center;font-size:0px;padding:0;}
}

.letter_list{border-top:2px solid #0e237c;}
.letter_list ul{border-left:1px solid #ddd;border-top:1px solid #ddd;}
.letter_list li{padding:25px 10px;text-align:center;border:1px solid #ddd;box-sizing:border-box;border-top:none;border-left:none;position:relative;background: #fff;color: #666;font-size: 15px;}
.letter_list li.list_none{width:100%;padding:30px 0;min-height:auto;text-align:center;font-size: 16px;color: #333;}
.letter_list .img_w{width:235px;height:auto;display:block;background:#f8f6f6;text-align:center;position:relative;margin:0 auto;border-radius:5px;overflow:hidden;}
.letter_list img{width:100%}
.letter_list strong{display:block;font-weight:600;font-size: 16px;margin: 20px 0 5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #222;padding: 0 20px;}
.letter_list .adm_check{width:20px;height:20px;display:block;margin:20px auto 0;}
.letter_list .basic_btn{margin:20px 0 0 0;}
.letter_list .basic_btn a span{padding:15px 18px;font-size:16px;}

.letter_list2{border-top:2px solid #0e237c;}
.letter_list2 ul{border-left:1px solid #ddd;border-top:1px solid #ddd;}
.letter_list2 li{padding:25px 10px;text-align:center;border:1px solid #ddd;box-sizing:border-box;border-top:none;border-left:none;position:relative;background: #fff;color: #666;font-size: 15px;}
.letter_list2 li.list_none{width:100%;padding:30px 0;min-height:auto;text-align:center;font-size: 16px;color: #333;}
.letter_list2 .img_w{width:235px;height:auto;display:block;background:#f8f6f6;text-align:center;position:relative;margin:0 auto;border-radius:5px;overflow:hidden;}
.letter_list2 .img_w a{display:block;position: relative;overflow: hidden;}
.letter_list2 .img_w:hover a:after{content:"";display:block;position:absolute;width:100%;height:100%;background:url("/images/myjb/bbs/letter_view.png")no-repeat center #00000021;left:0;top:0;backdrop-filter:blur(4px)}
.letter_list2 img{width:100%}
.letter_list2 strong{display:block;font-weight:600;font-size:18px;margin:15px 0 5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #222;}
.letter_list2 .adm_check{width:20px;height:20px;display:block;margin:20px auto 0;}

.faq_list{border-top:2px solid #0e237c;background: #fff;}
.faq_list li>a{display:block;border-bottom:1px solid #ddd;padding:25px 20px;position:relative;line-height: 1.5em;}
.faq_list li:hover>a{text-decoration:underline;}
.faq_list li>div{display:none;line-height:1.5em;padding:20px;background: #f3f9ff;border-bottom:1px solid #ddd;min-height:25px;position:relative;border-top: 2px solid #007cf0;}
.faq_list li>div .bbs_btn{margin:20px 0 0 0;}
.faq_list li.on>div{display:block;}
.faq_list em{display:block;width: 50px;height: 50px;margin:0 0 10px 0;border-radius:50%;font-size:0;background:#fff;border: 1px solid #172d8b;}
.faq_list div em{background-color: #017df0;border-color:#017df0;}
.faq_list em:after{position: absolute;width: 47px;height: 50px;vertical-align: middle;line-height: 48px;text-align: center;font-size: 22px;font-style: normal;font-weight: 900;}
.faq_list a em:after{content: "Q";color: #172d8b;}
.faq_list div em:after{content: "A";color: #fff;}
.faq_list .list_none{text-align:center;padding:30px 0;border-bottom:1px solid #ddd}

/*체크박스 검색*/
.bbs_check{background:#fff;border-radius:20px;border:1px solid #0077f333;overflow:hidden;padding: 30px 20px;margin-bottom: 40px;}
.bbs_check li{margin:0 0 20px 0;}
.bbs_check li:last-child{margin:0;}
.bbs_check li strong{font-weight:600;display: block;}
.bbs_check li strong::before{content:"";display:block;width: 21px;height:22px;float:left;margin-right:8px;background: url("/images/myjb/common/cmd_icon.png")no-repeat left -86px top;}
.bbs_check li .form_wrap{clear:both;margin:15px 0 0 0;}
.bbs_check input[type=checkbox]{display:none;}
.bbs_check input[type=checkbox] + label{display:inline-block;width:fit-content;height:auto;cursor:pointer;padding:3px 20px;background:#f5f5f5;color:#888;border-radius:50px;border:1px solid #ddd;margin: 0 8px 6px 0;font-size:15px;}
.bbs_check input[type=checkbox]:checked + label{color:#0077f3;border-color:#0077f3;background:#fff;font-weight:700;}
.bbs_check .b_date div, .bbs_check .b_search div{clear:both;margin-top:15px;}
.bbs_check .b_date form{color:#888;display:flex;justify-content:space-between;}
.bbs_check .b_date input[type=date]{padding: 3px 15px;border:1px solid #ddd;border-radius:50px;background:#f5f5f5;font-size:14px;width:45%;color:#888;position:relative;}
.bbs_check .b_date input[type=date]::-webkit-calendar-picker-indicator{opacity:0;z-index: 1;cursor: pointer;}
.bbs_check .b_date input[type=date]:before{content:"";display:block;width:17px;height:17px;position:absolute;right: 6px;top: 3px;background: url("/images/myjb/common/cmd_icon.png")no-repeat right -4px top -98px;}
.bbs_check .b_search input[type=text]{padding: 5px 20px;border-radius:50px 8px 8px 50px;width: calc(100% - 70px);background:#f5f5f5;border:1px solid #ddd;}
.bbs_check .b_search input[type=submit]{padding: 5px 15px;font-size:15px;font-weight:700;background:#fff;border:1px solid #0077f3;color:#0077f3;border-radius:8px 50px 50px 8px;}

/*교육강좌 리스트*/
.edu_list{margin-bottom:40px;/* display:flex; */flex-wrap:wrap;justify-content:space-between;}
.edu_list>div{position:relative;background:#fff;margin:0 0 20px 0;border-radius:15px 20px 20px 20px;box-shadow:0 0 14px #00000012;overflow:hidden;}
.edu_list>div span{display:block;position:absolute;top:0;left:0;padding:5px 18px;font-size: 15px;text-align:center;background:linear-gradient(to right, #0097de, #007ff2);color:#fff;border-radius:0 0 15px 0;z-index:1;}
.edu_list>div img{width: 100%;/* height: 194px; *//* opacity: 0.3; */}
.edu_list .list_none{width:100%;padding:40px;text-align:center;}
.edu_list .info_wrap{padding: 13px 20px 0 20px;}
.edu_list .info_wrap strong{display:block;font-size: 17px;line-height: 1.3em;/* margin-bottom: 20px; */height: 66px;-webkit-line-clamp: 3;-webkit-box-orient:vertical;overflow:hidden;}
.edu_list .info_wrap .info01{margin-bottom: 5px;}
.edu_list .info_wrap .info01 li{margin-bottom:14px;font-size: 14px;color:#888;letter-spacing: -0.05em;}
.edu_list .info_wrap .info01 li:last-child{margin-bottom:0;}
.edu_list .info_wrap .info02{/* display:flex; *//* justify-content:end; */}
.edu_list .info_wrap .info02 li{font-size: 14px;/* padding:5px 10px; */border-radius:50px;width: auto;margin: 0 5px 5px 0 !important;display: inline-block;}
.edu_list .info_wrap .info02 li em{display:inline-block;padding:5px;margin:0 5px 5px 0;border:1px solid #0e237c;color:#0e237c;}
.edu_list .info_wrap .info02 li:last-child{/* margin-right:0; */}
.edu_list .info_wrap .info02 li:nth-child(2) em{border-color:#007ff2;color:#007ff2}
.edu_list>div.ready span{background:linear-gradient(to right, #273ea1, #0e237c);}
.edu_list>div.dead span{background:#333;}
.edu_list>div.dead img{filter:grayscale(100%);}
.edu_list>div.ready img,
.edu_list>div.dead img{opacity: 0.5;}

/*글쓰기*/
.bbs_write{min-width:100%}
.bbs_write td.editarea{padding: 5px 0;}
.bbs_write td .ggong ul li{margin: 9px 0;}
.bbs_write td .ggong ul li img{height: 35px;padding-right: 10px;}

/*글보기*/
.bbs_vtop .col{margin-bottom:15px;text-align:right;}
.bbs_vtop .col li{margin:0 0 5px 0;font-size:15px;color: #666;}
.bbs_vtop .col li strong{color:#222;}
.bbs_vtop .col li:last-child{margin:0;}
.bbs_vtop .tt_list{border-top:2px solid #0e237c;}
.bbs_vtop .tt_list li{border-bottom:1px solid #ddd;display:table;width:100%;}
.bbs_vtop .tt_list strong{display:table-cell;padding:15px;background:#eff2f9;width:35%;text-align:center;vertical-align:middle;}
.bbs_vtop .tt_list span{display:table-cell;padding:15px;text-align:left;vertical-align:middle;background:#fff;}

.bbs_vtable{width:100%;min-width:700px;border-top:2px solid #0e237c;}
.bbs_vtable th, .bbs_vtable td{border-bottom:1px solid #ddd;padding:15px;}
.bbs_vtable th{background:#eff2f9;}
.bbs_vtable td{background:#fff;}

.bbs_filedown{padding:15px;background: #ffffff;border-radius: 10px;margin: 15px 0;}
.bbs_filedown a{vertical-align:middle;}
.bbs_filedown a:first-child{margin:0}
.bbs_filedown .ico_file{margin-left: 15px;font-size: 15px;}
.bbs_filedown .ico_viewer{width: 32px;height: 32px;display:inline-block;font-size:0;background: url("/images/myjb/common/cmd_icon.png")no-repeat left 3px top -50px;border: 1px solid #0077f3;border-radius: 8px;margin-left: 8px;}
.bbs_filedown .ico_viewer:hover{background-color:#fff;}

.bbs_con{padding:20px;line-height:1.5em;background:#fff;word-break: break-word;}
.bbs_con img{max-width:100%;border-radius:10px;}
.bbs_img{text-align:center;margin:20px auto;}
.bbs_img figcaption{text-align:center;color: #666666c9;font-size:0.929em;margin:10px 0 0 0;}
.pagelist{margin-top: 20px;border-top:1px solid  #ddd;}
.pagelist li{border-bottom:1px solid  #ddd;width: 100%;}
.pagelist ul li strong{display:table-cell;padding:20px 10px;background:#eff2f9;width:40%;text-align:center;vertical-align:middle;}
.pagelist ul li span{display:table-cell;padding: 20px 15px;text-align:left;vertical-align:middle;font-size: 16px;}
.pagelist ul li span a:hover,.pagelist ul li span a:focus{text-decoration:underline;}

.bbs_reply{background:#fff;border:1px solid #0077f3;padding:20px;margin-top:30px;border-radius: 8px;}
.bbs_reply h4{padding:0;margin:0 0 30px 0;font-size: 160%;}
.bbs_reply h4 strong{font-weight:800;color:#0077f3;}

.bbs_re{margin:30px 0;background:#fff;padding: 20px;border: 1px solid #ddd;border-radius: 10px;}
.bbs_re ul{border-top:1px solid #0e237c;font-size:15px;}
.bbs_re li{padding:15px 0;border-bottom:1px solid #ddd;}
.bbs_re li:last-child{border:none;}
.bbs_re li div{line-height:1.5em;}
.bbs_re li span{display:block;margin-top:5px;font-size:14px;color:#666;}
.re_write{margin-bottom:20px;}
.re_write h3{margin-bottom:15px;}
.re_form{overflow:hidden;}
.re_form textarea{width:100%;height:65px;background:#f5f5f5;padding:15px 5%;border-radius:8px;border:none;}
.re_form textarea:focus{border:1px solid #0077f3;}
.re_form input{width:100%;background:#616161;color:#fff;padding:15px;border-radius:8px;margin:10px 0 0 0;font-size:15px;font-weight:600;}
.re_form input:hover, .re_form input:focus{background:#0e237c;}

.photo_view .img_view{margin:30px 0 0 0;}
.photo_view .img_big img{max-width:100%;}
.photo_view .img_list{overflow:hidden;position:relative;height:100px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background: #fff;}
.photo_view .img_list ul{overflow:hidden;width: 65%;margin:0 auto;position:relative;}
.photo_view .img_list li{float:left;width:50%;text-align:center;margin: 25px 0 50px 0;}
.photo_view .img_list li img{border:1px solid #ddd;}
.photo_view .img_list li.on img{border:1px solid #0077f3;}
.photo_view .img_list img{height:50px;}
.photo_view .img_list li span{display:block;width:100%;font-size:13px;color:#666;padding:10px 0 0 0;text-overflow:ellipsis;white-space:nowrap;left: -999999px;position:absolute;}
.photo_view .img_list button{position:absolute;width: 35px;height: 35px;top:50%;transform:translateY(-50%);border-radius: 8px;background: url(/images/myjb/common/cmd_icon.png) no-repeat left -88px top -45px #61616159;font-size:0;}
.photo_view .img_list button:hover{background-color:#616161;}
.photo_view .img_list .prev{left: 15px;}
.photo_view .img_list .next{right: 15px;background-position-x: -127px;}

.video_view{padding:20px 0;}
.video_view .screen_area{width:100%;border:1px solid #ddd;border-radius:10px;height:200px;}
.video_view .screenplay{padding:0 20px 20px;height: 220px;overflow-y:auto;background:#fff;margin:10px 0;border-radius:10px;line-height:1.5em;border:1px solid #ddd;}
.video_view .screenplay .tit{text-align:center;padding:15px 0;border-bottom:1px dashed #ddd;margin-bottom:20px;font-weight:700;color:#0077f3;}

/*파일업로드*/
.bbs_table .bw_file input{border-radius: 5px;}
.bbs_table .bw_file .file_name{height: 40px;padding: 5px;border:1px solid #ddd;background: #fff;}
.bbs_table .bw_file .file_name::placeholder{color:#666;text-align: center;font-size: 14px;}
.bbs_table .bw_file .file_btn{display: block;padding: 3px 10px;margin: 0;text-align: center;background:#fff;color: #0e237c;border:1px solid #0e237c;font-size: 15px;border-radius: 5px;cursor: pointer;}
.bbs_table .bw_file .file_btn:hover, .bbs_table .bw_file .file_btn:focus{background:#0e237c;color: #fff;}
.bbs_table .bw_file .file_upload{position: absolute;width: 1px;height: 0;font-size: 0;overflow: hidden;left: -9999px;top: -9999px;}

/*페이징*/
.bbs_page{overflow:hidden;text-align:center;margin: 20px 0;}
.bbs_page a{display:inline-block;width:41px;height:41px;background:#fff;border-radius:15px;border:1px solid #ddd;color:#666;line-height:41px;margin:2px 2px 2px 0;}
.bbs_page a:hover{border-color:#0e237c;}
.bbs_page a.on{background:#0e237c;color:#fff;}
.bbs_page span{display:block;font-size:0;width: 18px;height:20px;background: url("/images/myjb/common/cmd_icon.png")no-repeat left top;margin: 10px auto;}
.bbs_page .prev2 span{background-position:-44px -97px;}
.bbs_page .prev span{background-position: -87px -97px;}
.bbs_page .next2 span{background-position: -124px -97px;}
.bbs_page .next span{background-position: -166px -97px;}

/*텍스트*/
.txt_cm{display: block;padding:5px 0 5px 30px;background:url("/images/myjb/common/ico_info2.png")no-repeat left center;}

/*버튼*/
.bbs_btn{text-align:right;margin:20px 0}
.bbs_btn a, .bbs_btn button, .bbs_btn input{display:inline-block;margin:0 3px 7px 3px;font-weight:600;border-radius: 5px;}
.bbs_btn .bbs_bt1{background: #616161;color:#fff;padding: 10px 20px;}
.bbs_btn .bbs_bt2{background: #fff;color: #0077f3;padding: 10px 20px;outline: 1px solid #0077f3;}
.bbs_btn .bbs_bt3{background: #0077f3;color:#fff;padding: 9px 19px;box-sizing: border-box;}
.bbs_btn .bbs_bt1:hover, .bbs_btn .bbs_bt1:focus,
.bbs_btn .bbs_bt2:hover, .bbs_btn .bbs_bt2:focus,
.bbs_btn .bbs_bt3:hover, .bbs_btn .bbs_bt3:focus{background:#0e237c;color: #fff;border:none;outline:none;}

.bbs_btn input[type=submit]{margin:0 3px 7px 3px;font-weight:bold;background:#616161;color:#fff;height: 40px;padding: 0 20px;border-radius: 5px;}
.bbs_btn input[type=submit]:hover, .bbs_btn input[type=submit]:focus{background:#0e237c;color: #fff;}

.btn_bbsw, .btn_bbsw:visited{margin:2px 0 2px 3px;background:#616161;border-radius:5px;font-size:14px;color: #fff;line-height:1.25em;white-space:nowrap;font-weight: bold;}
.btn_bbsw:hover, .btn_bbsw:focus{background:#0e237c;color:#fff;}
button.btn_bbsw{padding:0 10px;height:34px}
a.btn_bbsw{display:inline-block;padding:9px 10px 0 10px;height:34px}

/*갤러리형*/
.photo_list li{position: relative;margin:0 0 20px 0;text-align: center;/* height: 330px; */}
.photo_list li a{display:block;border-radius: 20px;overflow:hidden;box-shadow: 0 3px 10px #dddddd8a;/* height: 310px; */}
.photo_list li a:hover{box-shadow: 0 0 10px #0077f33d;}
.photo_list .img{display:block;overflow:hidden;position:relative;background: #fafafa;/* aspect-ratio: 4/3; */}
.photo_list .img img{/* height:100%; */width: 100%;max-height: 180px;}
.photo_list em{display:block;position: absolute;top: 15px;right: 15px;}
.photo_list .date{display:block;padding: 20px 10px;color:#666;font-size:15px;background: #fff;border-top: 1px solid #ddd;/* position: absolute; */left: 0;bottom: 20px;height: 130px;width: 100%;}
.photo_list strong{display:block;display:-webkit-box;font-size: 18px;color:#222;margin: 0 10px 8px 10px;width:96%;text-overflow:ellipsis;overflow:hidden;height: 50px;-webkit-line-clamp: 2;-webkit-box-orient:vertical;line-height: 25px;}
.photo_list .adm_check{width:20px;height:20px;margin:10px auto;}
.photo_list .list_none{width:100%;text-align:center;padding: 30px 0;background: #fff;border-top: 2px solid #0e237c;border-bottom: 1px solid #ddd;}

.photo_list.life li{position: relative;margin: 0 0 30px 0;text-align: center;/* padding-bottom: 30px; *//* height: 340px; */}
.photo_list.life li a{display:block;border-radius: 20px;overflow:hidden;box-shadow: 0 3px 10px #dddddd8a;/* height: 320px; */}
.photo_list.life li a:hover{box-shadow: 0 0 10px #0077f33d;}
.photo_list.life .img{display:block;overflow:hidden;position:relative;background: #fafafa;/* aspect-ratio: 4/3; */}
.photo_list.life .img img{/* height:100%; */width: 100%;}
.photo_list.life em{display:block;position: absolute;top: 15px;right: 15px;}
.photo_list.life .date{display:block;padding: 20px 10px;color:#666;font-size:15px;background: #fff;border-top: 1px solid #ddd;/* position: absolute; *//* left: 0; *//* bottom: 20px; */height: 90px;width: 100%;}
.photo_list.life strong{display:block;font-size: 18px;color:#222;margin: 0 10px 8px 10px;/* width:100%; *//* text-overflow:ellipsis; *//* overflow:hidden; *//* white-space:nowrap; */min-height: 50px;}
.photo_list.life .adm_check{width:20px;height:20px;margin:10px auto;}
.photo_list.life .list_none{width:100%;text-align:center;padding: 30px 0;background: #fff;border-top: 2px solid #0e237c;border-bottom: 1px solid #ddd;}

/*동의박스*/
.agree_box h4{margin-top:0;font-size: 18px;}
.agree_box>ul{height:200px;overflow-y:scroll;padding:0 10px 0 0;}
.agree_box li{font-size: 15px;margin: 0 0 5px 0 !important;word-break:keep-all;}
.agree_box li:before{display:none !important;}
.agree_check{padding:20px 0 0;text-align:center;border-top:1px solid #ddd;margin-top:15px;}
.agree_check input{width:20px;height:20px;margin-right:5px;}
.agree_check label{cursor:pointer;}

.text_gogo{background:#fff;padding:30px 0;margin-bottom:40px;text-align:center;}

.bbs_list_btn{padding-bottom:20px;}
.bbs_list_btn a{display:inline-block;width:30px;height:30px;font-size:0;background:url("/upload_data/board_data/BBS_0000010/173018627109528.png") no-repeat 0 0;margin-right:10px;}
.bbs_list_btn a.icon_list{background-position:0 0}
.bbs_list_btn a.icon_list.on,
.bbs_list_btn a.icon_list:hover,
.bbs_list_btn a.icon_list:focus{background-position:-40px 0;}
.bbs_list_btn a.icon_img{background-position:-80px 0;}
.bbs_list_btn a.icon_img.on,
.bbs_list_btn a.icon_img:hover,
.bbs_list_btn a.icon_img:focus{background-position:-120px 0;}

.goog-te-gadget-simple{width:260px; padding:15px; border:1px solid #00a0e2; ; box-shadow:0 0 10px 0 #00000010;}
.goog-te-gadget-simple a[aria-haspopup="true"]>span:nth-of-type(1){display: inline-block; width:75%;}

/*Tablet*/
@media all and (min-width:560px) {    
.edu_list>div{width:48%;}   
.video_view .screen_area{height:400px;}
}

@media all and (min-width:768px) {
.bbs_page{margin:40px 0;}
    
.bbs_table .bw_file .memoarea{display: inline-block;width: 100%;}
.bbs_table .bw_file .memoarea em{width: 120px;box-sizing: border-box;}
.bbs_table .bw_file .memoarea input{width: calc(100% - 130px);display: inline-block;}

.bbs_cate ul{display:flex;flex-wrap: wrap;justify-content:space-between;}
.bbs_cate li{width:49%;}

.bbs_search .form_sm{width:80px}
    
.bbs_search2 .left span, .bbs_search2 .right span{display:inline-block;/* font-size: 15px; */}
.bbs_search2 .form_sm,.bbs_search2 .form_cancle,.bbs_search2 .form_re{width:80px}
.bbs_search2 .form_sel{width:80px;}
.bbs_search2 .form_txt{width:30%;}

.bbs_search3{padding: 10px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.bbs_search3 .form_sm{width: 100px;}

.letter_list ul{display:flex;flex-wrap:wrap;justify-content:left;}
.letter_list li{width:50%;}
.letter_list2 ul{display:flex;flex-wrap:wrap;justify-content:left;}
.letter_list2 li{width:50%;}

.faq_list li>a{padding: 30px 20px 30px 90px;}
.faq_list em{position: absolute;left: 20px;top: 18px;}
.faq_list li>div{padding-left:90px;min-height: 88px;}

.bbs_vtop .col li{display:inline;margin:0 15px 0 0;}

.re_form .textarea{width:calc(100% - 130px);float:left;margin-right: 10px;}
.re_form textarea{padding:15px;}
.re_form input{width:fit-content;float:right;margin-top:0;height: 65px;}

.bbs_img{margin: 30px auto;}
.photo_view .img_big img{height:550px;}
.photo_view .img_list{height: 152px;}
.photo_view .img_list ul{width:75%;}
.photo_view .img_list li{width:33.333%;}
.photo_view .img_list img{height:100px;}

.photo_list ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.photo_list li{width:49%;}

.bbs_write th{display:table-cell;}
.bbs_write td{text-align:left;display:table-cell;}
    
.edu_list{/* display:flex; *//* justify-content: space-between; */}  
.edu_list:after{display:block;content:"";clear:both;}
.edu_list>div{width: calc(100% / 3 - 2%);float: left;margin: 0 1% 2% 1%;}

}


/*PC*/
@media all and (min-width:1023px) {  
.bbs_skin2 table{width:100%;table-layout:fixed;border-top:2px solid #172d8b;margin-bottom:40px;}
.bbs_skin2 table th, .bbs_skin2 td{text-align:center;padding:20px 15px;border:1px solid #ddd;border-top:none;line-height:1.5em;}
.bbs_skin2 table thead th{background:#eff2f9}
.bbs_skin2 table tbody th{background:#f5fbff;}
.bbs_skin2 table tbody td li{text-align:left}
.bbs_skin2 table tbody td .sbtn_go, .basic_table tbody td .sbtn_new, .basic_table tbody td .sbtn_down{white-space:nowrap}
.bbs_skin2 table .title a{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-size:18px;}
.bbs_skin2 tbody tr:hover,.bbs_skin2 tbody tr:focus{background:#fff;}
.bbs_skin2 tbody tr:hover a,.bbs_skin2 tbody tr a:focus{text-decoration:underline;}
.bbs_skin2 table .notice{background:none;vertical-align: middle;border-radius:0;}
.bbs_skin2 table .notice span{display:block;}
    
.bbs_check{padding: 40px;}    
.bbs_check li{margin: 0 0 30px 0;}
.bbs_check li strong{float:left;margin-top: 4px;letter-spacing: -.5px;font-size: 18px;}
.bbs_check input[type=checkbox] + label{margin:0 10px 0 0;font-size: 16px;}
.bbs_check input[type=checkbox] + label:last-child{margin:0;}


.edu_list>div a:hover strong{text-decoration:underline;}   

.pagelist ul li strong{width:280px;}
}

@media all and (min-width:1400px) {
.bbs_table .bw_file:after{display: block;clear: both;content: "";}
.bbs_table .bw_file .filebox{float: left;width: 40%}
.bbs_table .bw_file input{width: 260px;}
.bbs_table .bw_file .file_name{display:inline-block;width:calc(100% - 130px);}
.bbs_table .bw_file .file_btn{display:inline-block;width:120px;padding: 7px;box-sizing:border-box;}
.bbs_table .bw_file .memoarea{float: left;width: 59%;padding-top: 5px;margin: 0 0 0 10px;}
.bbs_table .bw_file .memoarea em{width: 114px;}
.bbs_table .bw_file .memoarea input{width: calc(100% - 150px);height: 30px;}

.bbs_cate li{width:24%;}
.bbs_cate .col2 li{width:49%;}
.bbs_cate .col3 li{width:32%;}
.bbs_cate .col4 li{width: 24%;}
.bbs_cate .col5 li{width:19%;}
.bbs_cate li a{padding:15px 0;}

.bbs_search{overflow:hidden;padding: 20px 30px;}
.bbs_search .left span, .bbs_search2 .right span{display:inline-block}
.bbs_search .left{float:left;width:45%;text-align: left;}
.bbs_search .right{float:right;width:55%;text-align:right;}


.bbs_search2{padding: 20px 30px;overflow: hidden;}
.bbs_search2 .left{text-align:left;float: left;margin: 0;width: auto;}
.bbs_search2 .right{text-align:right;float: right;}
.bbs_search2 .form_txt{width: 30%;}

.letter_list li{width:25%;}
.letter_list2 li{width:25%;}
.letter_list .adm_check{position:absolute;top:-5px;left:15px;}
.letter_list2 .adm_check{position:absolute;top:-5px;left:15px;}

.bbs_list{margin-bottom:40px;}
.bbs_list li{padding:0;}
.adm_list li a{margin:0 0 0 40px;width: auto;}
.adm_list .adm_check{left:0;}

.bbs_vtop .tt_list{display:flex;flex-wrap:wrap;}
.bbs_vtop .tt_list li{width:50%;}
.bbs_vtop .tt_list li.line1{width:100%;}
.bbs_vtop .tt_list.col3 li{width:33.333%;}

.bbs_img{margin:40px auto;}
.bbs_img figcaption{margin:20px 0 0 0;font-size:14px;}

    .photo_list .date{bottom:0px;}
.photo_view .img_list ul{width: 89%;}
.photo_view .img_list li{width:20%;}
.photo_view .img_list .prev{left:30px;}
.photo_view .img_list .next{right:30px;}

.video_view{overflow:hidden;}
.video_view .screen_area{float:left;width:63%;height: 450px;}
.video_view .screenplay{float:right;width:35%;height: 450px;margin:0;}

.photo_list ul{display:block;overflow:hidden;}
.photo_list li{width: 23%;margin: 0 2.5% 30px 0;float:left;height: 310px;}
.photo_list li:nth-of-type(4n){margin: 0 0 50px 0;}


.photo_list.life li{width: 23%;margin: 0 2.5% 30px 0;float:left;height: 360px;}
.photo_list.life li a{min-height: 340px;}
.photo_list.life li:nth-of-type(4n){margin: 0 0 50px 0;}
    
   

.edu_list>div{min-height: 194px;}
}

@media all and (min-width:1850px) {
.bbs_check{padding: 40px 50px;}    
.bbs_check ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.bbs_check li:nth-child(1){width:100%;}
.bbs_check li:nth-child(3),
.bbs_check li:nth-child(4){width:50%;}    
.bbs_check li .form_wrap{clear: none;width: initial;float: left;margin: 0 0 0 20px;} 
.bbs_check .b_date div, .bbs_check .b_search div{clear:none;margin: 0 0 0 25px;float: left;}
.bbs_check .b_search{width: calc(100% - 190px);}
.bbs_check .b_search div{width: calc(100% - 250px);}
.bbs_check .b_search input[type=text]{width: 74%;padding: 3px 20px;}
.bbs_check .b_search input[type=submit]{/* width: 15%; */padding: 3px 15px;letter-spacing: 3px;}
.bbs_check .b_date, .bbs_check .b_search{margin-bottom:0; }

.edu_list>div{/* width:31%; *//* float: left; */}
.edu_list>div p{width:193px;height: 100%;float:left;}
.edu_list .info_wrap{float:right;width: calc(100% - 240px);}
.edu_list .info_wrap strong{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;margin-bottom: 10px;}
.edu_list>div img{width:240px;height:194px;}
}             


/*푸터 배너모음추가*/                                                                                                                                                                                                                                                                                                                            
footer .f_banner{position:relative;border-top: 1px solid #ddd;padding:30px 20px;overflow:hidden;}
footer .f_banner h2{color:#000;font-size:18px;position:absolute;top:-5000px;left:-5000px;}
footer .f_banner .control{overflow:hidden;position:absolute;top: 30px;right: 50%;transform: translate(50%, 0%);}
footer .f_banner .control .btn button{display:inline-block;font-size:0;background:url("/upload_data/board_data/BBS_0000010/173033698511804.png")no-repeat top right;width:23px;height:26px;}
footer .f_banner .control .btn .prev{background-position:0 0;}
footer .f_banner .control .btn .stop{background-position:-43px 0;}
footer .f_banner .control .btn .play{background-position: -119px 0;}
footer .f_banner .control .btn .next{background-position:-86px 0;}
footer .f_banner .list{overflow:hidden;margin-top: 50px;}
footer .f_banner .list ul{padding:0;}
footer .f_banner .list li{display:inline-block;position:relative;}
footer .f_banner .list li a img{width:130px;height:55px;}


@media all and (min-width:1023px){
footer .f_banner{padding:10px 110px 30px 110px;}
footer .f_banner h2{}
footer .f_banner .control{right:inherit;left:110px;top:50px;transform: translate(0%, 0%);}
footer .f_banner .list{width:calc(100% - 80px);overflow: hidden;margin-left: 100px;margin-top:20px;}
footer .f_banner .list ul{background:none;display: block;/* margin-left:180px; */}

}