@charset "utf-8";

/*공통*/
.w_star{color:#d61e49;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{background:url("/images/bbs/bbs_ico.png") no-repeat -4px -160px;padding-left:32px !important}

/*테이블*/
.bbs_table{border-top: 2px solid var(--dkgray);width:100%;min-width:700px;margin-bottom:20px;}
.bbs_table th, .bbs_table td{border-bottom: 1px solid #ddd;padding:3px 10px;height:45px;text-align:center;line-height:1.4em;vertical-align:middle;}
.bbs_table th{background: var(--bggray2);}
.bbs_table td *{vertical-align:middle}
.bbs_table .tit{text-align:left}
.bbs_table .tit a:hover, .bbs_table .tit a:focus{text-decoration:underline}
.txt_left td{text-align:left}
.bbs_table input{border:1px solid #ddd;padding:8px 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}
.bbs_table input[type=file]{padding:0;height: 25px;}
.bbs_table input.input_cal{background-position: -4px -156px}
.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{background: url("/images/bbs/bbs_ico.png") no-repeat -9px -253px;padding-left: 24px;font-size: 0.98em;font-style: normal;display: inline-block;}
.bbs_table .bw_file .memoarea input{}
.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 0}
.bbs_table a span{display:inline-block;vertical-align:middle;margin:0 5px}
.bbs_table a .cke_button_label{display: none;margin-top: 9px;vertical-align: middle;}
.bbs_table .ico_notice{color:#d61e49;font-style:normal;font-weight:bold;margin-right:5px}
.bbs_table .ico_file{width:18px;height:18px;padding:0;font-size: 0;overflow:hidden;background:url("/images/bbs/bbs_ico.png") no-repeat center -192px}
.bbs_table .ico_secret{width:18px;height:18px;padding:0;font-size: 0;overflow:hidden;background:url("/images/bbs/bbs_ico.png") no-repeat center -235px}
.bbs_table .adm_check{width:20px;height:20px}
.bbs_table input[type=submit], button{cursor:pointer}

/*상단*/
.bbs_cate{margin: 0 0 30px 0;}
.bbs_cate li{margin:0 0 5px 0;box-sizing: border-box;}
.bbs_cate li a{display:block;padding:13px 0;text-align:center;background: var(--bgpoint);border-radius: 10px;}
.bbs_cate li.on a{background:var(--point3);color: #000;box-shadow: 0 0 10px rgba(219,219,219,.3);}
.bbs_cate li a:hover, .bbs_cate li a:focus{color: #fff;background:var(--point1);}

.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;margin:30px 0;box-shadow: 0 0 10px rgba(219,219,219,.3);border-radius: 10px;}
.bbs_search *{vertical-align:middle}
.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: var(--point1);color:#fff;border-radius: 5px;}
.bbs_search .form_re{cursor:pointer;width:20%;height:34px;background: var(--bgpoint);color:var(--point1);border-radius: 5px;}
.bbs_search .form_cancle{cursor:pointer;width:20%;height:34px;background: var(--point2);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: var(--point3);color: #000;}
.bbs_search .input_cal{border:1px solid #ddd;padding:6px 0;margin:2px 0;border-radius:4px;width:120px}

.bbs_search2{text-align:center;padding:20px 15px;margin: 20px 0;box-shadow: 0 0 10px rgba(219,219,219,.3);border-radius: 10px;}
.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:40%;height:34px;padding:5px;border:1px solid #ddd;border-radius:5px;vertical-align:middle}
.bbs_search2 .form_sm{cursor:pointer;width:30%;height:34px;background: var(--point1);color:#fff;vertical-align:middle;border-radius: 5px;}
.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: var(--bgpoint);color:var(--point1);}
.bbs_search2 .form_cancle{cursor:pointer;width:20%;height:34px;background: var(--point2);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:var(--point3);color: #000;}

.bbs_search3{text-align:center;margin: 0 0 15px 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: var(--point1);color:#fff;border-radius: 5px;}
.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: var(--bgpoint);color:var(--point1);}
.bbs_search3 .form_cancle{cursor:pointer;width:20%;height:34px;background: var(--point2);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: var(--point3);color: #000}

.bbs_total{margin:10px 0}
.bbs_total strong{color: var(--point1);vertical-align: baseline;}
.bbs_comment{margin:15px 0}

/*페이징*/
.bbs_page img{display:none}
.bbs_page{text-align:center;margin:25px 0}
.bbs_page a{display:inline-block;width: 40px;height: 40px;margin: 2px;text-align: center;line-height: 40px;border-radius: 15px;background: var(--bggray2);}
.bbs_page a.on{font-weight:bold;color:#fff;background: var(--point2);text-decoration:underline;}
.bbs_page a:hover, .bbs_page a:focus{background-color: var(--point3);color: #000;}
.bbs_page .prev{width: 40px;height: 40px;border: 1px solid #ddd;font-size: 0;overflow: hidden;margin-right:10px;background: url("/images/bbs/bbs_ico.png") no-repeat 0 -40px;}
.bbs_page .prev2{width: 40px;height: 40px;border: 1px solid #ddd;font-size: 0;overflow: hidden;background: url("/images/bbs/bbs_ico.png") no-repeat 0 0;}
.bbs_page .next{width: 40px;height: 40px;border: 1px solid #ddd;font-size: 0;overflow: hidden;margin-left:10px;background: url("/images/bbs/bbs_ico.png") no-repeat 0 -80px;}
.bbs_page .next2{width: 40px;height: 40px;border: 1px solid #ddd;font-size: 0;overflow: hidden;background: url("/images/bbs/bbs_ico.png") no-repeat 0 -120px;}

/*텍스트*/
.txt_am{color:#d61e49;font-weight:500}
.txt_am:before{content:"";display:inline-block;margin:0 5px 0 0;width:25px;height:25px;background:url("/images/common/icon_info.png") no-repeat;vertical-align:middle}
.txt_pm{color:#1f6fc5;font-weight:500}
.txt_pm:before{content:"";display:inline-block;margin:0 5px 0 0;width:25px;height:25px;background: url("/images/common/icon_info2.png") no-repeat 0 0;vertical-align:middle}
.txt_money{display:inline-block;color:#d61e49;font-size:24px;font-weight:bold}
.txt_cm{display:block;background: url("/images/common/icon_info2.png") no-repeat 0 0;padding-left: 29px;padding-bottom: 5px;}
.txt_file{color:#333}
.txt_file:hover, .txt_file:focus{text-decoration:underline}
.txt_file:before{content:"";display:inline-block;margin:0 5px 0 0;width:18px;height:18px;background:url("/images/bbs/icon_file.gif") no-repeat 0 0;vertical-align:middle}
.txt_noti{color:#333}
.txt_noti:before{content:"";display:inline-block;margin:0 5px 0 0;width:25px;height:25px;background:url("/images/common/icon_info3.png") no-repeat;vertical-align:middle}

/*버튼*/
.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:500;border-radius: 5px;}
.bbs_btn .bbs_bt1{background: var(--bgpoint);color:var(--point1);padding: 10px 20px;}
.bbs_btn .bbs_bt2{background: var(--point1);color:#fff;padding: 10px 20px;}
.bbs_btn .bbs_bt3{background: #fff;color:var(--dkgray);padding: 9px 19px;;border: 1px solid #ddd;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: var(--point3);color: #000;}
.bbs_btn .bbs_bt3:hover, .bbs_btn .bbs_bt3:focus{border-color: var(--point3);}
.bbs_btn input[type=submit]{margin:0 3px 7px 3px;font-weight:bold;background: var(--point1);color:#fff;height: 40px;padding: 0 20px;border-radius: 5px;}
.bbs_btn input[type=submit]:hover, .bbs_btn input[type=submit]:focus{background: var(--point3);color: #000;}

.btn_bbsw, .btn_bbsw:visited{margin:2px 0 2px 3px;background: var(--dkgray);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:var(--point3);color:#000;}
button.btn_bbsw, input.btn_bbsw{padding:0 10px;height:34px;border: none;}
a.btn_bbsw{display:inline-block;padding:9px 10px 0 10px;height:34px;box-sizing: border-box;}
.btn_bbsw.cancle, .btn_bbsw.cancle:visited{margin:2px 0 2px 3px;background: var(--gray1);border-radius:5px;font-size:14px;color: #000;line-height:1.25em;white-space:nowrap;font-weight: bold;}
.btn_bbsw.cancle:hover, .btn_bbsw.cancle:focus{background:var(--point3);}

.btn_bbsw2, .btn_bbsw2:visited{margin:2px 0 2px 3px;border-radius:5px;font-size:14px;line-height:1.25em;white-space:nowrap;font-weight: bold;background:var(--point3);color:#000;}
.btn_bbsw2:hover, .btn_bbsw2:focus{background:var(--point1);color:#fff;}
button.btn_bbsw2, input.btn_bbsw2{padding:0 10px;height:34px;border: none;}
a.btn_bbsw2{display:inline-block;padding:9px 10px 0 10px;height:34px;box-sizing: border-box;}

/*부서찾기*/
.bbs_org{padding: 10px;font-family: SUIT;}
.bbs_org h1{padding: 20px;font-family: var(--tit);font-size: 24px;text-align: center;border-radius: 10px;background: var(--bgpoint);color: var(--dkgray);line-height: 1em;}
.bbs_org .list{margin-top: 10px;background: #fff;border-radius: 20px;box-shadow: 0 0 10px rgba(219,219,219,.9);}
.bbs_org .list ul{padding: 10px 20px;}
.bbs_org .list li{padding: 10px 0;border-bottom: 1px dashed #ddd;font-size: 16px;}
.bbs_org .list li a{display: inline-block;padding-left: 16px;background: url("/images/common/li01.png") no-repeat left center;}
.bbs_org .list li:last-child{border: none;}
.bbs_org .list li button{float: right;width: 20px;height: 20px;font-size: 0;background: url("/images/common/toggle_open.png") no-repeat center;}
.bbs_org .list li.on button{background-image: url("/images/common/toggle_close.png");}
.bbs_org .list ul ul{display: none;margin-top: 10px;border-radius: 10px;background: var(--bggray1);overflow: hidden;}
.bbs_org .list .on ul{display: block;}
.bbs_org .list li li{padding: 5px 0;font-size: 14px;}
.bbs_org .list li li a{padding-left: 8px;background-image: url("/images/common/li02.png");}

.wr_pop_con .bbs_write td{text-align: center;}

/* 목록 */
/*li목록*/
.bbs_list{width:100%;border-top:2px solid var(--dkgray);}
.bbs_list li{border-bottom:1px solid #ddd;line-height:1.25em}
.bbs_list li a{display:block;padding:25px 0}
.bbs_list li:hover{background:#fffde2;}
.bbs_list li a:hover strong, .bbs_list li a:focus strong{text-decoration: underline;}
.bbs_list li strong{display:block;color:#000;font-size:20px;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:#777}
.bbs_list .info span{width:1px;height:6px;background:var(--point2);margin:0 10px}
.bbs_list .ico_notice{color:#d61e49;font-style:normal;margin-right:5px}
.bbs_list .ico_file{width:18px;height:18px;padding:0;font-size: 0;overflow:hidden;background:url("/images/bbs/bbs_ico.png") no-repeat center -192px;vertical-align: baseline;}
.bbs_list .ico_secret{width:18px;height:18px;padding:0;font-size: 0;overflow:hidden;background:url("/images/bbs/bbs_ico.png") no-repeat center -235px;vertical-align: baseline;}
.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 15%}
.adm_list .adm_check{width:20px;height:20px;position:absolute;top:30px;left:0}

/*테이블목록*/
.bbs_skin2 table .num{width:auto;line-height:1;margin:0;background:0;border-radius:0;color:#000;display:table-cell;}
.bbs_skin2 table .badge{width:26px;padding:4px 10px;background:#d61e49;color:#fff;font-size:.933rem;display:block}
.bbs_skin2 table .notice{background: var(--point3);padding: 5px 15px;border-radius: 20px;font-size: 14px;}
.bbs_skin2 table .notice span{font-weight:bold;color: #000;display: none;}
.bbs_skin2 table .title{font-weight:bold;text-align:left;}
.bbs_skin2 table .waiting{background:#8b0a04;color:#fff}
.bbs_skin2 table .processing{background:#123466;color:#fff}
.bbs_skin2 table .completion{background:#e1e1e1;font-weight:400;}
.bbs_skin2 table .call a{}
.bbs_skin2 table .call a:before{display: inline-block;width: 28px;height: 28px;background: url("/images/bbs/bbs_ico.png") no-repeat center -306px var(--point2);border-radius: 100%;content: "";}
.bbs_skin2 table .loc a img{width: 15px;padding-left: 8px;}
.ico_viewer{display:inline-block;width:25px;height:25px;padding:0;margin-left:5px;font-size: 0;overflow:hidden;border-radius:100%;background: url("/images/bbs/bbs_ico.png") no-repeat center -210px var(--point1);}
.bbs_skin2 table tbody td pre{white-space: pre-wrap;font-size: 14px;     overflow: auto; max-height:80px}

@media all and (max-width:1022px){
.bbs_skin2 table{width:100%;border-top:2px solid var(--dkgray)}
.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;}
.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:10px 0;margin:0 0 10px;border-bottom:1px dashed #ddd;font-size:1.2rem;}
.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;}
}

.minwon_list em{font-style: normal;display: inline-block;padding: 3px 0;color:#fff;line-height:1em;font-size:14px;text-align:center;width: 60px;margin-left: 6px;border-radius: 5px;}
.minwon_list .tbox_ready{background: var(--bgpoint);color: var(--point1);}
.minwon_list .tbox_ing{background: var(--point1);color:#fff;}
.minwon_list .tbox_end{background: var(--point2);color:#fff}
.minwon_list .tbox_area{background:#00a094;color:#fff}
.minwon_list .open{border: solid 1px #444;border-radius: 5px;color: #000;}
.minwon_list .noopen{color: #fff;border-radius: 5px;background: #777;}

.agree_box{padding: 20px;background: var(--bggray2);border-radius: 20px;}
.agree_box form, .agree_box .inner{background: #fff;border-radius: 10px;padding: 20px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.agree_box h4{margin: 30px 0 20px;padding: 0 0 20px;border-bottom: 1px dashed var(--point1);background: none;}
.agree_box h4:first-of-type{margin-top: 0;}
.agree_box .ag_txt{max-height: 240px;padding: 20px 0;overflow-y: auto;box-sizing: border-box;}
.agree_box .txt_box{padding: 20px;margin-top: 20px;background: var(--bgpoint);border-radius: 5px;}
.agree_box .txt_box span, .agree_box .txt_box strong, .agree_box .txt_box label, .agree_box .txt_box input{vertical-align: baseline;}
.agree_box .txt_box span{display:inline-block;}
.agree_box .txt_box label{font-weight: bold;}

/*뉴스형*/
.news_list{width:100%;border-top:2px solid var(--dkgray);}
.news_list li{border-bottom:1px solid #ddd;line-height:1.25em;position: relative;}
.news_list li .list_app{background: var(--bggray2);padding:15px;}
.news_list li .list_app .app a{padding: 0;margin: 0;line-height: 14px;width: 100%;box-sizing: border-box;font-size: 14px;}
.news_list li .list_app .app a:before{display:inline-block;width: 20px;height: 20px;background: url("/images/bbs/icon_file.gif") no-repeat;content: "";vertical-align: middle;}
.news_list li .list_app .app a span{color: #d61e49;vertical-align: baseline;}
.news_list li .list_app .app a:hover,
.news_list li .list_app .app a:focus{text-decoration:underline;}
.news_list li .list_app div{position:relative;background:#fff;padding:10px;margin-top:10px;}
.news_list li .list_app div li{background: url("/images/bbs/icon_file.gif") no-repeat 0 11px;padding: 0 0 0 18px;border:none;display: inline-block;margin-right: 10px;}
.news_list li .list_app div li a{width: 100%;padding: 5px 0;margin-left: 5px;line-height:14px;font-size: 14px;}
.news_list li .list_app div li a span{display:inline-block;width: 25px;height: 25px;background: url("/images/bbs/bbs_ico.png") no-repeat center -210px var(--point1);font-size: 0;overflow: hidden;border-radius: 100%;}
.news_list li .list_app div p{position:absolute;top: -32px;right:0;}
.news_list li .list_app div p a{overflow:hidden;display:inline-block;width: 20px;height: 20px;font-size: 0;background: url("/images/bbs/bbs_ico.png") no-repeat center -346px;padding: 0;}
.news_list li .list_app div p a span{}
.news_list li a{display:block;padding: 10px 0;}
.news_list li:hover>a span,.news_list li:focus>a span{text-decoration:underline}
.news_list li:hover .list_app li a,.news_list li:focus .list_app li a{text-decoration:none; }
.news_list li .list_app li:hover a,.news_list li .list_app li:focus a{text-decoration:none; font-weight:bold}
.news_list li strong{display:block;color:#000;font-size:20px;line-height:1.5em;height: 3.0em;overflow: hidden;word-wrap: break-word;display:  -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list span{display:inline-block;vertical-align:middle;margin:0 5px}
.news_list .txt{display:block;line-height:1.5em;color:#444;margin:10px 0;height: 6.0em;overflow: hidden;word-wrap: break-word;display:  -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news_list .info{display:block;font-style:normal;font-size:14px;color:#777}
.news_list .info span{width:1px;height:6px;background:var(--point2);margin:0 10px}
.news_list .ico_notice{color:#d61e49;font-style:normal;margin-right:5px}
.news_list .ico_file{width:18px;height:18px;padding:0;font-size: 0;overflow:hidden;background:url("/images/bbs/bbs_ico.png") no-repeat center -192px;vertical-align: baseline;}
.news_list .ico_secret{width:18px;height:18px;padding:0;font-size: 0;overflow:hidden;background:url("/images/bbs/bbs_ico.png") no-repeat center -235px;vertical-align: baseline;}

.news_list .list_none{text-align:center;padding:30px 0}
.news_list .img{display:block;width:100%;margin:0 auto 10px auto;border-radius: 10px;overflow: hidden;}

.photo_list li{position: relative;margin:0 0 20px 0;text-align:center}
.photo_list li a{display:block;border-radius: 20px;overflow: hidden;box-shadow: 0 0 10px rgba(219,219,219,.3);}
.photo_list li a:hover, .photo_list li a:focus{background:#fffde2}
.photo_list .img{display:block;overflow:hidden;position:relative;background: var(--bggray2);}
.photo_list .img>img{width: 100%;height: 300px;}
.photo_list em{position: absolute;top: 0;right: 0;width: 50px;height: 50px;}
.photo_list em img{width: 100%;}
.photo_list .date{display:block;padding:20px 10px;color:#777}
.photo_list strong{display:block;font-size: 17px;color:#000;margin-bottom:5px;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;height: 1.6em;}
.photo_list .adm_check{width:20px;height:20px;margin:15px auto}
.photo_list .list_none{width:100%;text-align:center;padding:30px 0;border-top:2px solid var(--dkgray);border-bottom:1px solid #ddd}

.faq_list{border-top: 2px solid var(--dkgray);}
.faq_list li>a{display:block;border-bottom:1px solid #ddd;padding:25px 20px 25px 20px;color:var(--dkgray);font-weight:bold;position:relative}
.faq_list li>div{display:none;padding:20px 20px 20px 20px;background:var(--bggray2);border-bottom:1px solid #ddd;min-height:25px;position:relative}
.faq_list li>div .bbs_btn{margin:20px 0 0 0}
.faq_list li.on>div{display:block}
.faq_list em{display:block;position: relative;width:40px;height: 40px;margin:0 0 10px;overflow:hidden;border-radius:100%;font-size: 0;background-color: var(--bgpoint);}
.faq_list div em{background-color: var(--point1);}
.faq_list em:after{position: absolute;width: 40px;height: 40px;vertical-align: middle;line-height: 40px;text-align: center;font-size: 24px;font-style: normal;font-weight: 900;}
.faq_list a em:after{content: "Q";color: var(--point1);}
.faq_list div em:after{content: "A";color: #fff;}
.faq_list .list_none{text-align:center;padding:30px 0;border-bottom:1px solid #ddd}

/* 설문조사 */
.ch_search .left{border-bottom: solid 1px #dedede;padding-bottom: 20px;}
.ch_search .left ul li{width: 33.3333%;float:left;}
.ch_search .left ul li input[type=checkbox]{width: 20px;height: 20px;}
.ch_search .left:after{display:block; content:''; clear:both; }
.align{margin-bottom:10px;/* text-align: right; */}
.align strong{padding-top:7px; display:inline-block;}
.align button.end{background:#777;}
.align button.ing{background: var(--point1);}

.enquete_list{width:100%;border-top:2px solid var(--dkgray)}
.enquete_list li{border-bottom:1px solid #ddd;line-height:1.5em;padding:25px 0;}
.enquete_list li:hover{background:#fffde2;}
.enquete_list li *{vertical-align:middle}
.enquete_list li strong{color:#000;font-size:20px;line-height:1.5em}
.enquete_list li>span{display:block;padding:7px 0;width:70px;line-height:1em;font-size:14px;background:#fff;border: 1px solid #444;border-radius:4px;text-align:center;}
.enquete_list li .close{color: #fff;background: #666;}
.enquete_list li em{display:block;font-style:normal;color:#777;margin-top:10px;line-height: 19px;}
.enquete_list li em i{font-style:normal;color: var(--point1);display: inline-block;padding-left: 5px;margin-top: -3px;}
.enquete_list li p{margin:10px 0 0 0}
.enquete_list li p a{display:inline-block;padding:10px 20px;margin:0 10px 0 0;color:#fff;border-radius:3px}
.enquete_list li p a.join{background: var(--point1);}
.enquete_list li p a.result{background: var(--bgpoint);color: var(--point1);}
.enquete_list li p a:hover, .enquete_list li p a:focus{background: var(--point3);color: #000;}
.enquete_list li p span.end{display:inline-block;padding:10px 20px;margin:0 10px 0 0;color:#fff;border-radius:3px;background: #666}
.enquete_list .list_none{text-align:center;padding:30px 0;border-bottom:1px solid #ddd}
.enquete_list .adm_check{width:20px;height:20px;margin:5px}

.enquete_view input[type=checkbox],.enquete_view input[type=radio]{width:16px;height:16px;margin-right: 2px;vertical-align: middle;}
.enquete_view .btn_copy{display: inline-block;margin: 0;padding: 4px 10px;border-radius: 5px;background: var(--dkgray);color: #fff;cursor: pointer;vertical-align: middle;}
.enquete_view .btn_copy:hover, .enquete_view .btn_copy:focus{background: var(--point3);color: #000;}
.enquete_view label{vertical-align: middle;}
.enquete_view li span strong{color:#037fef;}
.enquete_view .basic_box{border:none}
.enquete_view .qbox img{width: auto;max-width: 100%;border-radius: 10px;}
.enquete_view .qbox>div{margin:0 0 40px 0}
.enquete_view .qbox>div.group{padding: 15px;border: solid 10px var(--bgpoint);border-radius: 20px;}
.enquete_view .qbox>div .basic_box{padding: 0;margin: 0;border-radius: 10px;}
.enquete_view .qbox>div .basic_box>div{background:none;box-shadow: none;}
.enquete_view .qbox>div p{text-align:center;margin: 10px 0;}
.enquete_view .qbox li{line-height:1.5em;padding: 0 0 0 14px;margin: 0 0 10px 4px;background: url("/images/common/li01.png") no-repeat 0 7px;vertical-align: middle;position: relative;}
.enquete_view .qbox li strong{display: block;}
.enquete_view .qbox li .stick{text-align: left;display: block;width: calc(100% - 80px);background: var(--bggray2);height: 25px;border-radius: 5px;overflow: hidden;}
.enquete_view .qbox li .stick i{background:var(--dkgray);font-style:normal;height: 100%;width: 100%;float: left;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.enquete_view .qbox li .stick span{position: absolute;right: 0;font-size: 14px;}
.enquete_view .qbox li .stick span em{font-style:normal;font-weight: bold;color: #1f6fc5;}
.enquete_view .qbox li:nth-child(1) .stick i{background: #2261e1;}
.enquete_view .qbox li:nth-child(2) .stick i{background: #eb6a22;}
.enquete_view .qbox li:nth-child(3) .stick i{background: #533ef7;}
.enquete_view .qbox li:nth-child(4) .stick i{background: #5eeba4;}
.enquete_view .qbox li:nth-child(5) .stick i{background: #ffc522;}
.enquete_view .qbox li:nth-child(6) .stick i{background: #eb4068;}
.enquete_view .qbox li:nth-child(7) .stick i{background: #c5d920;}
.enquete_view .qbox li:nth-child(8) .stick i{background: #ff986e;}
.enquete_view .qbox li:nth-child(9) .stick i{background: #43b1ff;}
.enquete_view .qbox li:nth-child(10) .stick i{background: #ff6fcc;}
.enquete_view .qbox li:nth-child(11) .stick i{background: #203cc7;}
.enquete_view .qbox li:nth-child(12) .stick i{background: #f35e5e;}
.enquete_view .qbox li ul{margin:10px 0}
.enquete_view .qbox li li{padding:0 0 0 10px;background:url("/images/common/li02.png") no-repeat 0 7px;padding-left:12px;font-size:14px;margin: 0 0 7px 0;}
.enquete_view .qbox li.li_none{background:none;padding:0}
.enquete_view h5{background: var(--bggray2);padding:15px;font-size:18px;line-height:1.3em;border-radius: 10px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.enquete_view h5 span{display:block;font-size:14px;padding-left:10px;font-weight:normal;color: #000;}
.enquete_view .qcoment{font-size:14px;line-height:1.5em;margin:0 0 10px 0;border: dashed 1px #ddd;padding: 10px;border-radius: 5px;}
.enquete_view .in_txt{width:100%;border:1px solid #ddd;padding:10px;vertical-align:middle;box-sizing:border-box;min-height: 40px;margin: 10px 0 0 0;border-radius: 5px;font-family: SUIT;}
.enquete_view .in_txta{width:100%;height:50px;border:1px solid #ddd;padding:10px;vertical-align:middle;box-sizing:border-box;margin: 10px 0 0 0;border-radius: 5px;font-family: SUIT;}
.enquete_view textarea{width:100%;height:50px;border:1px solid #ddd;padding:10px;vertical-align:middle;box-sizing:border-box;margin: 10px 0 0 0;border-radius: 5px;font-family: SUIT;}

.passwordBox{padding: 20px;border-radius: 20px;border: 10px solid var(--bgpoint);text-align: center;}
.passwordBox:before{display: block;width: 240px;height: 240px;margin: 0 auto;background: url("/images/common/sc_box.png") no-repeat center;content: "";max-width: 100%;}
.passwordBox span{font-size: 18px;font-weight: 500;}
.passwordBox form{margin: 20px 0;}
.passwordBox input{display: inline-block;height: 32px;margin: 5px 0;border-radius: 3px;}
.passwordBox input[type="password"]{border: 1px solid #ddd;}
.passwordBox input[type="submit"]{padding: 5px 15px;background: var(--point1);color: #fff;cursor: pointer;}
.passwordBox input[type="submit"]:hover, .passwordBox input[type="submit"]:focus{background: var(--point3);color: var(--dkgray);}

/* 글쓰기 */
.bbs_write{min-width:100%}
.bbs_write td{text-align:left}
.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_write  .ico_viewer{display:inline-block;width:25px;height:25px;padding:0;margin-left:5px;font-size:0;overflow:hidden;border-radius:100%;background: url(/images/bbs/bbs_ico.png) no-repeat center -210px var(--point1);}
/*파일업로드*/
.bbs_table .bw_file .filebox{position: relative;}
.bbs_table .bw_file input{border-radius: 5px;}
.bbs_table .bw_file .file_name{height: 40px;padding: 5px;border: 3px solid var(--bgpoint);background: #fff;color: #000;text-align: center;font-size: 14px;box-sizing: border-box;}
.bbs_table .bw_file .file_name::placeholder{color: var(--point1);text-align: center;font-size: 14px;}
.bbs_table .bw_file .file_btn{display: block;padding: 3px 10px;margin: 0;text-align: center;background: var(--point1);color: #fff;font-size: 14px;border-radius: 5px;cursor: pointer;}
.bbs_table .bw_file .file_btn:hover, .bbs_table .bw_file .file_btn:focus{background: var(--point3);color: #000;}
.bbs_table .bw_file .file_upload{position: absolute;width: 100%;height: 40px;top:0;left:0;opacity:0;background: var(--bgpoint);line-height: 28px;border-radius: 100%;text-align: center;}

.bbs_table .bw_file .file_del{position: absolute;top: 8px;right: 6px;width: 28px;height: 28px;padding: 0;font-size: 0;color: var(--point1);background: var(--bgpoint);border-radius: 100%;}
.bbs_table .bw_file .file_del:before{content: "X";font-size: 14px;font-weight: 600;}
.bbs_table .bw_file .file_del:hover, .bbs_table .bw_file .file_del:focus{color: #fff;background: var(--point1);}

.bbs_write td .file_link button{display: inline-block;padding: 3px 8px;border-radius: 3px;background: var(--dkgray);color: #fff;vertical-align: middle;}
.bbs_write td .file_link button:hover, .bbs_write td .file_link button:focus{background: var(--point3);color: #000;}

/* 글보기 */
.bbs_vtop{padding: 10px 0;}
.bbs_vtop h4{color: #000;font-size: 25px;font-weight:normal;padding: 0;margin:0 0 15px 0;background:none;}
.bbs_vtop .col{margin-bottom:10px;text-align: right;}
.bbs_vtop .col li{margin:0 0 3px 0;color:#666}
.bbs_vtop .col li:last-child{margin:0}
.bbs_vtop .col strong{color: #000;vertical-align: baseline;}
.bbs_vtop .col em{font-style:normal;font-weight:bold;color:#d61e49}
.bbs_vtop .tt_list{border-top: 1px solid var(--dkgray);}
.bbs_vtop .tt_list li{border-bottom: 1px dashed #ddd;display:table;width:100%;}
.bbs_vtop .tt_list strong{display:table-cell;padding:20px 10px;background: var(--bggray1);width:40%;text-align:center;vertical-align:middle;}
.bbs_vtop .tt_list span{display:table-cell;padding:20px 10px;text-align:left;vertical-align:middle}

.bbs_vtable{width:100%;min-width:700px;border-top: 1px solid var(--dkgray);}
.bbs_vtable th, .bbs_vtable td{border-bottom: 1px dashed #ddd;padding:10px;}
.bbs_vtable th{background: var(--bggray1);}
.bbs_vtable td{background: #fff;}
.bbs_filedown{padding:15px;background: var(--bgpoint);border-radius: 10px;}
.bbs_filedown a{vertical-align:middle}
.bbs_filedown a:first-child{margin:0}
/*.bbs_filedown .ico_file{margin-left: 15px;}*/
.bbs_filedown .ico_file:before{content:"";display:inline-block;width: 18px;height: 18px;background: url("/images/bbs/bbs_ico.png") no-repeat center -192px;margin-right:5px;vertical-align: middle;}
.bbs_filedown .ico_file:hover, .bbs_filedown .ico_file:focus{text-decoration:underline}
.bbs_filedown .ico_viewer{display:inline-block;width:25px;height: 25px;margin-left:5px;font-size: 0;overflow:hidden;border-radius:10px;background: url(/images/bbs/bbs_ico.png) no-repeat center -210px var(--point1);}
.bbs_con{padding:20px 0;line-height:1.5em;font-size:16px;}
.bbs_con img{max-width:100%;border-radius: 10px;height: auto!important;}
.bbs_con pre{font-family: inherit;}
.bbs_img{text-align:center;margin: 20px auto;}
.bbs_img figcaption{text-align:center;color:#777;margin:10px 0 0 0;font-size:0.929em}
.pagelist{margin-top: 20px;border-top:1px solid  #ddd;}
.pagelist li{display: table;width: 100%;border-bottom:1px solid  #ddd}
.pagelist ul li strong{display:table-cell;padding:20px 10px;background: var(--bggray2);width:40%;text-align:center;vertical-align:middle;}
.pagelist ul li span{display:table-cell;padding:20px 10px;text-align:left;vertical-align:middle}
.pagelist ul li span a:hover,.pagelist ul li span a:focus{text-decoration:underline;}

.bbs_reply{background: var(--bggray2);border: 2px solid #ddd;padding:20px;margin-top:30px;}
.bbs_reply .bbs_vtop{border:none;padding-top:0}
.bbs_reply h4{color:#000}
.bbs_reply h4 strong{color: var(--point1);}

.bbs_re{margin:30px 0}
.bbs_re ul{border-top:1px solid var(--dkgray);font-size:14px}
.bbs_re li{padding:15px 0;border-bottom:1px solid #ddd}
.bbs_re li div{color:#000;line-height:1.5em}
.bbs_re li span{display:block;margin-top:5px;color:#777}
.re_write{margin-bottom:20px}
.re_write h3{margin-bottom:10px}
.re_form{overflow:hidden}
.re_form textarea{float:left;width:100%;height:60px;background: var(--bggray2);border:none;padding:10px 5%;border-radius: 10px;font-family: SUIT;}
.re_form input{float:right;width:100%;background: var(--point2);font-weight:bold;color:#fff;padding:10px 15px;margin-top:5px;border-radius: 10px;}
.re_form input:hover, .re_form input:focus{background:var(--point3);color: var(--point1);}

.photo_view .img_view{margin:30px 0 0 0}
.photo_view .img_view .scroll_guide p:after{ content:"좌우로 슬라이드하여 이미지를 확인할 수 있습니다.";}
.photo_view .img_big img{max-width:100%;margin: 0 auto;}
/*
.photo_view .img_big .control button{width:42px;height: 42px;padding: 0;font-size: 0;overflow:hidden;position:absolute;top:17px;border:1px solid #ddd;background:url("/images/bbs/bbs_ico.png") no-repeat;border-radius: 100%;}
.photo_view .img_big .control{position: absolute;width: 100%;top: 40%;}
.photo_view .img_big .control button{background-color: #fff;}
.photo_view .img_big .control .prev{left: -20px;}
.photo_view .img_big .control .next{right: -20px;}
*/
.photo_view .img_list{overflow:hidden;height: 78px;position:relative;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;}
.photo_view .img_list>button{width:42px;height: 42px;padding: 0;font-size: 0;overflow:hidden;position:absolute;top:17px;border:1px solid #ddd;background:url("/images/bbs/bbs_ico.png") no-repeat;border-radius: 100%;}
.photo_view .img_list .prev{background-position:center -40px;left:0}
.photo_view .img_list .next{background-position:center -80px;right:0}
.photo_view .img_list>button:hover, .photo_view .img_list>button:focus{background-color: var(--point3);border-color: #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: 10px 0 50px;}
.photo_view .img_list li img{border:3px solid #fff}
.photo_view .img_list li.on img{border: 3px solid var(--point2);}
.photo_view .img_list img{height:50px}
.photo_view .img_list li span{display: block;position: absolute;width: 100%;font-size: 13px;color: #000;padding: 10px 0 0 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;left: -999999px;}
.photo_view .img_list li.last a{position: relative;display: block;border-right: 2px solid #ddd;}
.photo_view .img_list li.last i{position: absolute;left: 50%;top: 50%;width: 50px;padding: 2px 4px;background: rgba(0,0,0,.7);font-size: 10px;color: #fff;font-style: normal;text-align: center;transform: translate(-50%,-50%);}

.video_view{padding:20px 0}
.video_view .screen_area{width:100%;background:var(--bggray2);height: 51.5625vw;}
.video_view .screenplay{padding: 0 20px 20px;margin:10px 0;height:120px;border: 1px solid #ddd;background: var(--bggray2);overflow-y:auto;}
.video_view .screenplay .tit{text-align:center;color: var(--point1);font-size: 17px;font-weight: bold;padding: 10px 0;border-bottom: solid 1px #ddd;margin-bottom: 13px;}


.request_step{padding: 20px;background: var(--bgpoint);border-radius: 10px;overflow: hidden;text-align: center;}
.request_step h5{margin: 0;padding: 10px 0;background: none;border-bottom: 1px dashed var(--point1);font-size: 20px;color: var(--point2);}
.request_step ol{margin-top: 20px;}
.request_step ol li{padding-top: 30px;margin-bottom: 10px;background: url("/images/common/basic_step2.png") no-repeat center top;}
.request_step ol li:first-child{padding-top: 0;background: none;}
.request_step ol li span{display: block;padding: 10px 0;border-radius: 10px;background: #fff;box-shadow: 0 0 10px rgba(219,219,219,0.3);}
.request_step ol li.on span{background: var(--point1);color: #fff;font-weight: bold;}

.agree_box form, .agree_box .inner{padding: 30px;}

/*캘린더-기본형*/
.bbs_calender{margin:30px 0;}
.bbs_calender .calender p{text-align:center;line-height:1em;font-size:36px;;margin:0 0 20px 0;position:relative}
.bbs_calender .calender p *{vertical-align:middle}
.bbs_calender .calender p em{font-style:normal;font-weight:bold}
.bbs_calender .calender p strong{color:var(--point1);font-weight:bold;}
.bbs_calender .calender p button{width: 32px;height:32px;padding:0;font-size: 0;overflow:hidden;position:absolute;top: 0;background: url("/images/bbs/bbs_ico.png") no-repeat;border-radius: 100%;border: 1px solid #ddd;}
.bbs_calender .calender p .prev{background-position: center -45px;left:7%;}
.bbs_calender .calender p .next{background-position: center -85px;right:7%;}
.bbs_calender table{width:100%;margin:0 0 20px 0}
.bbs_calender .calender p button:hover, .bbs_calender .calender p button:focus{background-color: var(--point3);}
.bbs_calender th, .bbs_calender td{border:1px solid #ddd;width:14%;text-align:center}
.bbs_calender th{border-top: 2px solid var(--dkgray);background: var(--bggray2);padding:15px 0;}
.bbs_calender td{padding: 14px 0;position:relative;}
.bbs_calender td.sat, .bbs_calender td.sat a{color: #1f6fc5;}
.bbs_calender td.sun, .bbs_calender td.sun a{color:#d61e49}
.bbs_calender td.have{background: var(--dkgray)!important;}
.bbs_calender td.have a{color:#fff !important;}
.bbs_calender td.today{background: var(--point3);}
.bbs_calender td.today a{color: #000;}
.bbs_calender td.on a:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;left:0;z-index:0;border: 2px solid var(--point1);}
.bbs_calender .tab{overflow:hidden}
.bbs_calender .tab li{float:left;width:25%;text-align:center}
.bbs_calender .tab li a{display:block;border:1px solid var(--point1);background:#fff;color:var(--point1);padding:10px 0;margin:0 0 0 1px}
.bbs_calender .tab li.on a{background:var(--point1);color:#fff}
.bbs_calender .info div{background: var(--bggray2);padding:20px;margin:10px 0 0 0;border-radius: 10px;}
.bbs_calender .info div h4{margin:10px 0 15px;padding: 0;font-size:20px;background: none;}
.bbs_calender .info div li{line-height:1.75em;font-size:16px;padding:0 0 0 16px;background:url("/images/common/li01.png") no-repeat 0 8px;}
.bbs_calender .info div li em{font-style: normal;}
.bbs_table .tit a{font-weight: bold;}

/*캘린더-레이어형*/
.cal_search .form_sel{width: auto;}
.cal_search .cal_month{position: relative;margin: 10px 0;}
.cal_search .cal_month ul{overflow: hidden;}
.cal_search .cal_month li{float: left;width: 23%;margin: 0 1%;}
.cal_search .cal_month li a{display: block;padding: 4px 0;text-align: center;border-radius: 20px;}
.cal_search .cal_month li.on a{background: var(--point1);color: #fff;font-weight: 500;}
.cal_search .sch_detail{border-top: 1px solid var(--bgpoint);}
.cal_search .sch_detail.on{border-bottom: 1px solid var(--point2);}
.cal_search .sch_open{padding: 8px 15px;border-radius: 0 0 20px 20px;background: var(--bgpoint);color: var(--point1);}
.cal_search .sch_detail.on .sch_open{display: none;}
.cal_search .sch_detail form{display: none;text-align: left;}
.cal_search .sch_detail.on form{display: block;}
.cal_search .sch_detail li{padding: 10px 0;border-bottom: 1px dashed var(--bgpoint);}
.cal_search .sch_detail li div{margin: 10px 0;font-size: 0;}
.cal_search .sch_detail li span{display: inline-block;margin-right: 4px;font-size: 16px;}
.cal_search .sch_detail li .btn_chk{margin: 4px 2px;}
.cal_search .sch_detail li .btn_chk label{margin: 0;padding: 4px 16px;border-radius: 20px;background: var(--bggray2);}
.cal_search .sch_detail li .btn_chk.on label{background: var(--point3);color: #000;}
.cal_search .sch_detail li .btn_chk input{position: absolute;width: 1px;height: 0;top: -99999px;left: -999999px;}
.cal_search .sch_detail .form_sel{width: 30%;}
.cal_search .sch_detail .form_txt{width: 68%;margin-left: 2%;}
.cal_search .sch_detail .sch_close{display: block;margin: 0 auto;padding: 8px 15px;border-radius: 20px 20px 0 0;background: var(--point2);color: #fff;}

.bbs_calender1{margin:30px 0;}
.bbs_calender1 .month{text-align:center;line-height:1em;font-size:36px;color:#333;margin:0 0 20px 0;position:relative}
.bbs_calender1 .month *{vertical-align:middle}
.bbs_calender1 .month em{font-style:normal;font-weight:bold}
.bbs_calender1 .month strong{color:var(--point1);font-weight:bold}
.bbs_calender1 .month button{width: 42px;height:42px;padding:0;overflow:hidden;position:absolute;top: 0;font-size: 0;background: url("/images/bbs/bbs_ico.png") no-repeat;border: 1px solid #ddd;border-radius: 100%;}
.bbs_calender1 .month .prev{background-position: center -40px;left:50%;transform: translateX(-120px);}
.bbs_calender1 .month .next{background-position: center -80px;right:50%;transform: translateX(120px);}
.bbs_calender1 .month button:hover, .bbs_calender1 .month button:focus{background-color: var(--point3);}
.bbs_calender1 .cate_list{padding: 10px;margin: 10px 0 20px;border-radius: 5px;background: var(--bggray2);}
.bbs_calender1 .cate_list ul{overflow: hidden;font-size: 0;text-align: center;}
.bbs_calender1 .cate_list li{display: inline-block;margin: 2px 4px;font-size: 14px;}
.bbs_calender1 .cate_list li span{display: inline-block;}
.bbs_calender1 .cate_list li:before{display: inline-block;width: 5px;height: 5px;margin-right: 4px;content: "";border-radius: 100%;border: 3px solid #fff;background: #555;}
/*카테고리 컬러*/
.bbs_calender1 .cate_list li.cate01:before{background: #2358c3;border-color: #e4edff;}
.bbs_calender1 .cate_list li.cate02:before{background: #e36c2a;border-color: #ffebdf;}
.bbs_calender1 .cate_list li.cate03:before{background: #4635c8;border-color: #ebe8ff;}
.bbs_calender1 .cate_list li.cate04:before{background: #20772f;border-color: #e7f5ea;}
.bbs_calender1 .cate_list li.cate05:before{background: #ffc522;border-color: #fff5e4;}
.bbs_calender1 .cate_list li.cate06:before{background: #d61e49;border-color: #ffecf1;}
.bbs_calender1 .cate_list li.cate07:before{background: #09917e;border-color: #e5f5f3;}
.bbs_calender1 .cate_list li.cate08:before{background: #4f200d;border-color: #ebdfda;}
.bbs_calender1 .cate_list li.cate09:before{background: #2a87c9;border-color: #e4f8ff;}
.bbs_calender1 .cate_list li.cate10:before{background: #c316ad;border-color: #f9def6;}
.bbs_calender1 .cate_list li.cate11:before{background: #10258b;border-color: #e6e8f1;}
.bbs_calender1 .cate_list li.cate12:before{background: #d74848;border-color: #ffdee4;}
/*카테고리 컬러*/
.bbs_calender1 table{width:100%;margin:0 0 20px 0}
.bbs_calender1 th, .bbs_calender1 td{border:1px solid #ddd;width:14%;text-align:center}
.bbs_calender1 th{border-top: 2px solid var(--dkgray);background: var(--bggray2);padding:15px 0;}
.bbs_calender1 td{padding: 14px 0;position:relative;}
.bbs_calender1 td a{display: block;}
.bbs_calender1 td b{display: inline-block;width: 26px;padding: 4px 0;font-size: 14px;border-radius: 100%;}
.bbs_calender1 td.sat a{color: #1f6fc5;}
.bbs_calender1 td.sun a{color:#d61e49}
.bbs_calender1 td.today b{background: var(--point1);color: #fff;}
.bbs_calender1 td li{font-size: 12px;text-align: center;margin: 2px 0;background: var(--bggray2);}
.bbs_calender1 td li span{display: none;}
.bbs_calender1 td li em{font-style: normal;font-weight: 700;}
/*카테고리 컬러*/
.bbs_calender1 td li.cate01{background: #e4edff;color: #2358c3;}
.bbs_calender1 td li.cate02{background: #ffebdf;color: #c35416;}
.bbs_calender1 td li.cate03{background: #ebe8ff;color: #4635c8;}
.bbs_calender1 td li.cate04{background: #e7f5ea;color: #20772f;}
.bbs_calender1 td li.cate05{background: #fff5e4;color: #9d5100;}
.bbs_calender1 td li.cate06{background: #ffecf1;color: #d61e49;}
.bbs_calender1 td li.cate07{background: #e5f5f3;color: #09917e;}
.bbs_calender1 td li.cate08{background: #ebdfda;color: #4f200d;}
.bbs_calender1 td li.cate09{background: #e4f8ff;color: #2a87c9;}
.bbs_calender1 td li.cate10{background: #f9def6;color: #c316ad;}
.bbs_calender1 td li.cate11{background: #e6e8f1;color: #10258b;}
.bbs_calender1 td li.cate12{background: #ffdee4;color: #d74848;}
/*카테고리 컬러*/

.cal_layer{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,.7);}
.cal_layer.on{display: block;}
.cal_layer .inner{position: relative;width: 90vw;height: 80vh;margin: 8vh 5vw;padding: 20px;background: #fff;border-radius: 20px;overflow: hidden;}
.cal_layer .tit{padding: 10px 40px 10px 0;}
.cal_layer h4{background: none;margin: 0;padding: 0;font-size: 22px;}
.cal_layer .con{height: 88%;overflow-y: auto;}
.cal_layer .cal_list{border-top: 2px solid var(--dkgray);}
.cal_layer .cal_list li{border-bottom: 1px solid #ddd;}
.cal_layer .cal_list li a{display: block;padding: 10px 0;}
.cal_layer .cal_list li a:hover, .cal_layer .cal_list li a:focus{background: #fffde2;}
.cal_layer .cal_list li a:hover strong, .cal_layer .cal_list li a:focus strong{text-decoration: underline;}
.cal_layer .cal_list li strong{display: block;padding-bottom: 10px;margin-bottom: 10px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;vertical-align: middle;border-bottom: 1px dashed #ddd;}
.cal_layer .cal_list li em{display: inline-block;padding: 3px 10px;background: #555;color: #fff;font-size: 12px;font-style: normal;border-radius: 20px;vertical-align: baseline;}
.cal_layer .cal_list li span{display: inline-block;font-size: 14px;}
.cal_layer .cal_list li span:after{display: inline-block;width: 1px;height: 8px;background: #ddd;content: "";margin: 0 4px;}
.cal_layer .cal_list li i{display: block;margin: 10px 2px 0;padding: 5px 0;border: 1px solid #ddd;font-size: 14px;font-style: normal;text-align: center;border-radius: 5px;}
.cal_layer .inner>button{position: absolute;top: 20px;right: 10px;width: 40px;height: 40px;padding: 0;background: #fff;border-radius: 100%;font-size: 0;overflow: hidden;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.cal_layer .cal_view h5{padding: 0;background: none;font-size: 20px;}
.cal_layer .cal_view h5 em{display: inline-block;padding: 2px 10px;font-family: SUIT;font-size: 14px;font-style: normal;color: #fff;background: #555;border-radius: 20px;vertical-align: middle;}
/*카테고리컬러*/
.cal_layer .cal_list li em.cate01, .cal_layer .cal_view h5 em.cate01{background: #2358c3;}
.cal_layer .cal_list li em.cate02, .cal_layer .cal_view h5 em.cate02{background: #e36c2a;}
.cal_layer .cal_list li em.cate03, .cal_layer .cal_view h5 em.cate03{background: #4635c8;}
.cal_layer .cal_list li em.cate04, .cal_layer .cal_view h5 em.cate04{background: #20772f;}
.cal_layer .cal_list li em.cate05, .cal_layer .cal_view h5 em.cate05{background: #ffc522;color: #000;}
.cal_layer .cal_list li em.cate06, .cal_layer .cal_view h5 em.cate06{background: #d61e49;}
.cal_layer .cal_list li em.cate07, .cal_layer .cal_view h5 em.cate07{background: #09917e;}
.cal_layer .cal_list li em.cate08, .cal_layer .cal_view h5 em.cate08{background: #4f200d;}
.cal_layer .cal_list li em.cate09, .cal_layer .cal_view h5 em.cate09{background: #2a87c9;}
.cal_layer .cal_list li em.cate10, .cal_layer .cal_view h5 em.cate10{background: #c316ad;}
.cal_layer .cal_list li em.cate11, .cal_layer .cal_view h5 em.cate11{background: #10258b;}
.cal_layer .cal_list li em.cate12, .cal_layer .cal_view h5 em.cate12{background: #d74848;}
/*카테고리컬러*/

/*big_cal*/
.big_cal td.sat{color: #1f6fc5;}
.big_cal td.sun{color:#d61e49}
.big_cal td.today{border: 3px solid var(--point1);}
.big_cal td li{background: none;margin: 4px;}
.big_cal td li a{padding: 4px 0;background: var(--bggray1);border-radius: 3px;word-break: keep-all;color: #000!important;}
.big_cal td li a:hover, .big_cal td li a:focus{background: var(--point3);}
.big_cal .over_table table{min-width: 700px;}

/*newsletter*/
.newsletter_list li{border-radius: 20px;margin: 20px 0;padding: 30px;box-shadow: 0 0 10px rgba(219,219,219,0.4);text-align: center;}
.newsletter_list li img{display: block;width: 100%;border: 1px solid #ddd;border-radius: 10px;}
.newsletter_list li strong{display: block;margin: 20px 0;}
.newsletter_list li a:hover strong, .newsletter_list li a:focus strong{text-decoration: underline;}
.newsletter_list li input{display: block;margin: 0 auto;}

.bbs_print li{margin: 20px 0;}
.bbs_print li a{display: block;position: relative;padding: 30px;border-radius: 20px 5px;box-shadow: 0 0 10px rgba(219,219,219,0.4);text-align: center;overflow: hidden;}
.bbs_print li a span{display: block;border-radius: 5px;overflow: hidden;}
.bbs_print li a strong{position: absolute;right: 0;bottom: 0;padding: 10px 20px;background: var(--point2);color: #fff;border-radius: 20px 0 0 0;}
.bbs_print li a:hover strong, .bbs_print li a:focus strong{background: var(--point1);}
.bbs_print li a img{width: 100%;}
.bbs_print li a:hover img, .bbs_print li a:focus img{transform: scale(1.1);transition: 1s;}

/*login*/
.login_con>div{padding: 20px;border: 1px solid var(--bgpoint);border-radius: 30px 5px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.login_box div{padding: 0 0 30px;border-top: 1px dashed var(--bgpoint);text-align: center;box-sizing: border-box;}
.login_box div:first-child{border: none;}
.login_box div:before{display: block;width: 150px;height: 150px;margin: 30px auto;content: "";background: url("/images/common/login_icon.png") no-repeat var(--bggray2);border-radius: 100%;}
.login_box div:nth-child(2):before{background-position: center -150px;}
.login_box div:nth-child(3):before{background-position: center -300px;}
.login_box h5{padding: 0;background: none;}
.login_box strong{color: var(--point1);}
.login_box p{margin: 20px 0;}
.login_box a{display: inline-block;padding: 10px 20px;background: var(--bgpoint);border-radius: 5px;color: var(--point2);font-size: 18px;font-weight: 500;}
.login_box .onepass a{background: #1c2674;color: #fff;}
.login_box .onepass a:before{display: inline-block;width: 20px;height: 18px;content: "";background: url("/images/common/onepass.png") no-repeat;vertical-align: middle;margin-right: 10px;}
.login_box a:hover, .login_box a:focus{background: var(--dkgray);color: #fff;}
.login_box div.staff:before{background-position: center -450px;}
.login_sns li{margin: 10px 0 20px;text-align: center;}
.login_sns li a{display: inline-block;padding: 10px 20px;border-radius: 5px;box-shadow: 0 0 10px rgba(219,219,219,0.4);font-size: 18px;}
.login_sns li.kakao a{background: #ffe31e;color: #000;}
.login_sns li.naver a{background: #1a9c11;color: #fff;}
.login_sns li a:hover, .login_sns li a:focus{background: var(--dkgray);color: #fff;}
.login_sns p{padding-top: 20px;border-top: 1px dashed var(--bgpoint);}

.user_login{padding: 20px;border: 1px solid var(--bgpoint);border-radius: 30px 5px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.user_login form li{margin: 10px 0;font-size: 0;text-align: center;}
.user_login form li label{display: inline-block;width: 60px;margin-right: 9px;font-size: 16px;text-align: right;vertical-align: middle;}
.user_login form li input{width: calc(100% - 70px);max-width: 200px;height: 30px;background: none;border: 1px solid #ddd;border-radius: 3px;font-size: 16px;vertical-align: middle;}
.user_login .u_btn{text-align: center;margin-top: 20px;}
.user_login .u_btn a{display: inline-block;padding: 10px 20px;background: var(--bgpoint);border-radius: 5px;color: var(--point2);font-size: 18px;font-weight: 500;}
.user_login .u_btn a:hover, .user_login .u_btn a:focus{background: var(--dkgray);color: #fff;}


/* Tablet */
@media all and (min-width:768px) {
/* 검색 */
.bbs_search .form_sel{width:auto}
.bbs_search .form_txt{width: 160px;}
.bbs_search.right .form_txt{width:250px;}
.bbs_search .form_sm,.bbs_search .form_cancle,.bbs_search .form_re{width: 80px;}
.bbs_search2 .form_sm,.bbs_search2 .form_cancle,.bbs_search2 .form_re{width:80px}
.bbs_search3 .form_sm,.bbs_search3 .form_cancle,.bbs_search3 .form_re{width:80px}
.bbs_search .m_blind{display:inline-block}
.bbs_search select{display:inline;width:20%}
.bbs_search .input_tit{width:50%}

.bbs_search2{overflow:hidden;padding: 25px 5px;}
.bbs_search2 .left{float:left;margin: 0 0 10px 0;width: 100%;text-align: center;}
.bbs_search2 .right{text-align: center;width: 100%;}
.bbs_search2 .form_sel{width:70px}
.bbs_search2 .form_txt{width: 170px;}
.bbs_search2 .left .form_sel{width:auto}
.bbs_search2 .input_cal{width:100px; }
.bbs_search2 .left span, .bbs_search2 .right span{display:inline-block}

.bbs_search3{overflow:hidden;padding: 15px 5px;margin: 0;}
.bbs_search3 *{vertical-align:middle}
.bbs_search3 .form_sel{width: 120px;}
.bbs_search3 .form_txt{width: 250px;}
.bbs_search3 .form_sm{width: 85px;}
.bbs_search3 .left .form_sel{width:auto}
.bbs_search3 .left{float:left;margin:0;width: 30%;text-align: left;}
.bbs_search3 .right{float:right;text-align:right;width: 70%;}

/* 목록 */
.bbs_cate ul{overflow:hidden}
.bbs_cate li{float:left;width:50%;padding: 5px;}
.bbs_cate li a{margin:0;}

.adm_list li a{width:95%;margin: 0 0 0 5%;}

.news_list>li>a{min-height: 240px;padding: 20px 0;}
.news_list .img{float:left;margin:0 20px 0 0;width:200px;height: 200px;}

.photo_list ul{margin-left:-3%}
.photo_list ul:after{display: block;clear: both;content: "";}
.photo_list li{float:left;width:47%;margin-left:3%}
.photo_list li .img>img{width: 100%;height: 300px;}

.enquete_list li{padding:30px 210px 30px 0;position:relative}
.enquete_list li span{display:inline-block;margin-right:5px}
.enquete_list li em{margin:10px 0 0 0}
.enquete_list li p{position:absolute;top:40px;right:0;margin:0}
.enquete_list li p a{margin:0 0 0 10px}
.enquete_list li p span.end{margin:0 0 0 10px}

.enquete_view h5{margin-bottom: 20px;font-size: 20px;}
.enquete_view h5 span{font-size: 16px;}
.enquete_view .qcoment{padding: 15px;font-size: 16px;}
.enquete_view .in_txta{height: 100px;}
.enquete_view .qbox li{margin-bottom: 20px;}
.enquete_view .qbox>div p{margin: 20px 0;}
.enquete_view .qbox>div.group{padding: 20px;}

.faq_list{text-align:left}
.faq_list li>a{padding-left:80px}
.faq_list li>div{padding-left:80px}
.faq_list em{position:absolute;top:15px;left:20px}
.faq_list a em{background-position: center -194px;}
.faq_list div em{background-position: center -234px;}

.bbs_calender{overflow:hidden}
.bbs_calender .calender{float:left;width:50%;margin:0 3% 0 0}
.bbs_calender .calender p{font-size: 28px;padding-top: 2px;}
.bbs_calender .calender p .prev{left:20%}
.bbs_calender .calender p .next{right:20%}
.bbs_calender .info{float:left;width:47%}
.bbs_calender .info div ul{height: 253px;overflow-y:scroll;}
.bbs_calender .tab{margin:47px 0 0 0}

.cal_search{padding: 20px;}
.cal_search .cal_year{float: left;width: 20%;}
.cal_search .form_sel{width: auto;}
.cal_search .cal_month{float: left;width: 80%;}
.cal_search .cal_month li{width: calc((100%/6) - 2%);}
.cal_search .sch_detail{clear: both;}
.cal_search .sch_detail li{display: table;width: 100%;}
.cal_search .sch_detail li>strong, .cal_search .sch_detail li>div{display: table-cell;}
.cal_search .sch_detail li>strong{width: 20%;}
.cal_search .sch_detail li>div{width: 80%;}
.cal_search .sch_detail .form_sel{width: 80px;}

.cal_layer .cal_list li a{padding: 15px 0;overflow: hidden;}
.cal_layer .cal_list li a>*{display: inline-block;vertical-align: middle;}
.cal_layer .cal_list li strong{width: 50%;border-bottom: 0;padding: 0;margin: 0 1% 0 0;}
.cal_layer .cal_list li i{float: right;padding: 5px 10px;margin: 0 5px 0;}

.newsletter_list ul{display: flex;flex-wrap: wrap;}
.newsletter_list li{width: 31.3333%;margin: 1%;box-sizing: border-box;}

.bbs_print ul{display: flex;flex-wrap: wrap;}
.bbs_print li{width: 31.3333%;margin: 1%;box-sizing: border-box;}

/* 글쓰기 */
.bbs_table .bw_file .file_name{display: inline-block;width: calc(100% - 127px);}
.bbs_table .bw_file .file_btn{display: inline-block;width: 120px;padding: 8px;box-sizing: border-box;}
.bbs_table .bw_file .file_upload{width: calc(100% - 127px);}
.bbs_table .bw_file .file_del{right: 132px;}
.bbs_table .bw_file .memoarea{display: inline-block;width: 100%;}
.bbs_table .bw_file .memoarea em{width: 130px;box-sizing: border-box;}
.bbs_table .bw_file .memoarea input{width: calc(100% - 140px);display: inline-block;}


/* 뷰 */
.bbs_vtop .col li{display:inline;margin:0 20px 0 0}
.bbs_img{margin: 30px auto}
.bbs_reply{padding:30px}
.bbs_reply .col li{display:inline;margin:0 20px 0 0}
.bbs_vlist p span{padding:0 20px 0 0}
.bbs_vlist p a{width:90%}
.re_form textarea{width:84%;height: 80px;padding:15px;box-sizing: border-box;}
.re_form input{width:15%;height:80px;margin:0}

.photo_view .col li{display:inline;margin:0 15px 0 0}
.photo_view .img_view .img_list{height: 129px;}
.photo_view .img_view .img_list button{top:40px}
.photo_view .img_view .img_list ul{width:85%}
.photo_view .img_view .img_list li{width:33.333%}
.photo_view .img_view .img_list img{height:100px; margin:0 auto}
.photo_view .img_big img{height:auto;max-height: 85vh;}
/*
.photo_view .img_big .control{top: 50%;}
.photo_view .img_big .control button{transform: translateY(-50%);}
.photo_view .img_big .control .prev{left: 0;}
.photo_view .img_big .control .next{right: 0;}
*/

.request_step h5{text-align: left;border:none;padding: 0;}
.request_step ol{margin-left: -40px;margin-top: 0;}
.request_step ol:after{display: block;clear: both;content: "";}
.request_step ol li{float: left;width: 33.3333%;padding: 0 0 0 40px;margin: 0;background: url("/images/common/basic_step1.png") no-repeat center left 10px;box-sizing: border-box;}

.pagelist ul li strong{width: 20%;}

/*login*/
.login_con>div{padding: 20px 0;}
.login_box{display: flex;flex-wrap: wrap;}
.login_box div{width: 33.3333%;border-top: none;border-left: 1px dashed var(--bgpoint);}
.login_box p{min-height: 80px;}
.login_box .staff{width: 100%;}
.login_box .staff p{min-height: auto;}
.login_sns li{float: left;width: 50%;margin: 30px 0;}
.login_sns p{clear: both;padding: 30px;text-align: center;}

.user_login{padding: 20px 0;overflow: hidden;}
.user_login form{float: left;width: 50%;padding: 0 20px;}
.user_login form li{text-align: right;}
.user_login .u_btn{float: right;width: 50%;margin: 10px 0;text-align: left;}
.user_login .u_btn a{height: 70px;line-height: 70px;padding: 0 20px;}
}

/* PC */
@media all and (min-width:1023px) {
.bbs_cate li{width:25%}
.bbs_cate .col2 li{width:50%}
.bbs_cate .col3 li{width:33.33333333333333%}
.bbs_cate .col5 li{width:20%}
.bbs_cate .col6 li{width:16.66666666666667%}
.bbs_cate .col7 li{width:14.28571428571429%}
.bbs_cate li.on a{border-bottom:none;}

.bbs_search select{width:auto}
.bbs_search .input_tit{width:20%}

.bbs_search2{padding: 25px 20px;}
.bbs_search2 .left{width: 35%;float: left;text-align: left;margin: 0;}
.bbs_search2 .right{float: right;width: 65%;text-align: right;}

.bbs_skin2 table .badge{float:left;margin:0 10px 0 0}
.bbs_skin2 table .badge ~ a{margin:4px 0 0}
.bbs_skin2 table{width:100%;min-width:700px;margin:10px 0;border-top: 2px solid var(--dkgray);table-layout:fixed;}
.bbs_skin2 table th, .bbs_skin2 td{text-align:center;padding: 15px 10px;border:1px solid #ddd;border-top:none;line-height:1.5em;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;}
.bbs_skin2 table thead th{background: var(--bggray1);color:#000;}
.bbs_skin2 table tbody th{background: var(--bggray2);}
.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;}
.bbs_skin2 tbody tr:hover,.bbs_skin2 tbody tr:focus{background:#fffde2;}
.bbs_skin2 tbody tr:hover a,.bbs_skin2 tbody tr a:focus{text-decoration:underline;}
.bbs_skin2 table .notice{padding: 15px 0px;border-radius: 0;}
.bbs_skin2 table .notice span{display:block; }
.bbs_skin2 table .call a{background:none; padding-left:0;}
.bbs_skin2 table .loc a img{width: auto;padding-left: 0;}

.photo_list ul{margin-left: -1.5%;}
.photo_list li{width: 31.8%;margin-left: 1.5%;}
.photo_list li .img>img{height: 200px;}

.minwon_list em{padding:7px 0;width: 100%;margin-left: 0;}
.minwon_list .tbox_ready{padding:7px 0; }
.minwon_list .open{width:80%}
.minwon_list .noopen{width:80%}

.ch_search .left{width: 55%;padding: 0;border: 0;border-right: dashed 1px #ddd;box-sizing: border-box;}
.ch_search .right{width: 45%;}
.ch_search .left ul{display: inline-block;width:calc(100% - 70px);}
.ch_search .left ul li{font-size: 14px;width: auto;padding-right: 7px;}

.cal_search .cal_year{width: auto;}
.cal_search .cal_month{width: calc(100% - 80px);margin: 4px 0 20px;}
.cal_search .cal_month li{width: calc((100%/12) - 1%);max-width: 60px;margin: 0 0.5%;}
.cal_search .sch_detail li{padding: 15px 0;}
.bbs_calender1 td{height: 100px;}
.cal_layer .inner{padding: 30px;max-width: 1400px;margin: 8vh auto;}
.cal_layer .tit{padding: 10px 60px 20px 0;}
.cal_layer h4{font-size: 28px;}
.cal_layer .cal_list li strong{font-size: 18px;}
.cal_layer .cal_list li em{font-size: 14px;}
.cal_layer .cal_list li span{font-size: 16px;}
.cal_layer .cal_view{position: absolute;left: 50%;right: 0;top: 0;bottom: 0;background: #fff;padding: 60px 30px 30px 30px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.cal_layer .cal_view .tt_list li{width: 100%;}
.cal_layer .cal_view .tt_list strong, .cal_layer .cal_view .tt_list span{padding: 10px;}
.cal_layer .cal_view .bbs_con{height: 45%;overflow-y: auto;}
.cal_layer .cal_view .bbs_con h6{margin-top: 0;}
.cal_layer .inner>button{top: 25px;right: 30px;}
.cal_layer .inner>button:hover, .cal_layer .inner>button:focus{background-color: var(--bgpoint);}

.newsletter_list li{width: 23%;}	
.bbs_print li{width: 23%;}

/* 글쓰기 */
.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 .memoarea{float: left;width: 60%;padding-top: 10px;}
.bbs_table .bw_file .memoarea em{width: 120px;}
.bbs_table .bw_file .memoarea input{width: calc(100% - 150px);}

.bbs_vtop .tt_list{overflow:hidden}
.bbs_vtop .tt_list li{float:left;width:50%}
.bbs_vtop .tt_list li.line1{width:100%}
.bbs_vtop .tt_list li.line1 strong{width:20%}

}

@media all and (min-width:1200px) {
.news_list{display: flex;flex-wrap: wrap;}
.news_list>li{width: 48%;margin: 0 1%;border-bottom: none;}
.news_list .list_none{width: 100%;border-bottom: 1px solid #ddd;}
.news_list li .list_app{border-radius: 10px;}
.news_list li .list_app div{display: none;}

.photo_list ul{margin-left: 0;}
.photo_list li{width: 31.3%;margin: 1%;}
.photo_list .list_none{margin: 0;}
.photo_list li .img>img{height: 250px;}

.photo_view .img_view .img_list li{width: 20%;}

.video_view{overflow:hidden}
.video_view .screen_area{float:left;width:64%;height:36.66666666666667vw;max-height: 530px;}
.video_view .screenplay{float:right;width:35%;height:36.66666666666667vw;max-height: 530px;box-sizing:border-box;margin:0;}
}

/*교육소식공모전-공통으로 옮김*/
.gongmo_top, .gongmo_count{margin: 20px 0;border-radius: 20px;}
.gongmo_top{padding: 20px 20px 20px 48px;background: url("/images/common/icon_info.png") no-repeat 15px 18px #fff2ea;}
.gongmo_count{padding: 15px 20px;border: 5px solid var(--bgpoint);text-align: center;}
.gongmo_count span{display: block;margin: 5px 0;}

.gongmo_list{width: 100%;border-top: 2px solid var(--dkgray);}
.gongmo_list li{border-bottom: 1px solid #ddd;}
.gongmo_list li a{display: block;padding: 15px 0;}
.gongmo_list li a strong{display: block;font-size: 18px;margin-bottom: 10px;height: 2.8em;overflow: hidden;word-wrap: break-word;display:  -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.4em;}
.gongmo_list li a em{display: block;padding: 10px;margin: 10px 0;border-radius: 5px;text-align: center;font-style: normal;}
.gongmo_list li a em.box_now {background: var(--point1);color: #fff;}
.gongmo_list li a em.box_ready {background: var(--bgpoint);color: var(--point2);}
.gongmo_list li a em.box_end {background: #ddd;color: #555;}
.gongmo_list li a>span{display: block;margin: 10px 0;}
.gongmo_list li a br{display: none;}
.gongmo_list .date span{display: block;margin: 4px 0;vertical-align: middle;}
.gongmo_list .date i{display: inline-block;padding: 5px 10px;margin-right: 4px;border-radius: 3px;font-style: normal;background: var(--dkgray);color: #fff;vertical-align: middle;}
.gongmo_list .cate span{display: inline-block;margin-right: 10px;}
.gongmo_list .cate i{display: inline-block;font-weight: bold;font-style: normal;color: var(--dkgray);}
.gongmo_list .info{display: block;padding: 10px;border-top: 1px dashed #ddd;background: var(--bggray2);font-size: 14px;font-style: normal;}
.gongmo_list .info span{display: inline-block;margin-right: 10px;}
.gongmo_list li a:hover, .gongmo_list li a:focus{background: #fffdf3;}
.gongmo_list li a:hover strong, .gongmo_list li a:focus strong{text-decoration: underline;}
.gongmo_list li a:hover em, .gongmo_list li a:focus em{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.gongmo_cate{margin-top: 20px;padding: 20px;background: var(--bgpoint);text-align: center;border-radius: 20px;border: 1px dashed var(--point1);}
.gongmo_cate p{margin: 0 0 20px 0;}
.gongmo_cate input[type="radio"]{margin-right: 5px;}
.gongmo_cate label{margin-right: 16px;font-size: 18px;}

@media all and (min-width:768px) {
.gongmo_list li a{position: relative;padding: 20px 20% 20px 0;}
.gongmo_list li a strong{height: 1.4em;-webkit-line-clamp: 1;font-size: 20px;margin-bottom: 20px;}
.gongmo_list li a em{position: absolute;width: 20%;height: 110px;right: 0;top: 24px;margin: 0;box-sizing: border-box;padding-top: 45px;font-size: 18px;font-weight: bold;border-radius: 15px;}
.gongmo_count span{display: inline-block;margin: 0 20px;}
.gongmo_list .date span{display: inline-block;margin: 0 10px 0 0;}
}

@media all and (min-width:1023px) {
.gongmo_list li a{padding-right: 15%;}
.gongmo_list li a em{width: 15%;}
}

/*진로진학달력형신청-공통으로 옮김*/
.bbs_calender2{margin: 30px 0;}
.bbs_calender2 em{font-style: normal;}
.bbs_calender2 .month{position: relative;text-align: center;line-height: 1em;font-size: 36px;margin: 0 0 20px 0;}
.bbs_calender2 .month *{vertical-align: middle;}
.bbs_calender2 .month strong{color: var(--point1);font-weight: bold;}
.bbs_calender2 .month button{width: 42px;height:42px;padding:0;overflow:hidden;position:absolute;top: 0;font-size: 0;background: url("/images/bbs/bbs_ico.png") no-repeat;border: 1px solid #ddd;border-radius: 100%;}
.bbs_calender2 .month .prev{background-position: center -40px;left:50%;transform: translateX(-120px);}
.bbs_calender2 .month .next{background-position: center -80px;right:50%;transform: translateX(120px);}
.bbs_calender2 .month button:hover, .bbs_calender2 .month button:focus{background-color: var(--point3);}
.bbs_calender2 table{width: 100%;min-width: 700px;margin: 0 0 20px 0;border-top: 2px solid var(--dkgray);}
.bbs_calender2 th, .bbs_calender2 td{border: 1px solid #ddd;width: 14%;}
.bbs_calender2 th{background: var(--bggray2);padding: 15px 10px;font-weight: 300;}
.bbs_calender2 td{padding: 14px 10px;position: relative;text-align: right;vertical-align: top!important;}
.bbs_calender2 td.sat{color: #1f6fc5;}
.bbs_calender2 td.sun{color: #d61e49;}
.bbs_calender2 td.today{border: 3px solid var(--point1);}
.bbs_calender2 td a{display: block;text-align: left;font-size: 12px;letter-spacing: -0.5px;margin: 4px 0;}
.bbs_calender2 td a em{padding: 0 5px;text-align: center;font-size: 12px;border-radius: 3px;background: var(--bggray1);}
.bbs_calender2 td .finish em{background: #ddd;color: #555;}
.bbs_calender2 td .signup em{background: var(--point1);color: #fff;}
.bbs_calender2 td .ready em{background: var(--point2);color: #fff;}
.bbs_calender2 td .signup:hover, .bbs_calender2 td .signup:focus{color: var(--point1);}
.bbs_calender2 td .signup:hover em, .bbs_calender2 td .signup:focus em{color: var(--point1);background: var(--bgpoint);}
@media all and (min-width:1023px) {
.bbs_calender2 td {height: 100px;}
}