.bbs_skin *{vertical-align: middle;}
.bbs_skin img{width:auto; max-width:100%;}

/* 공통 */
.bbs_comment{margin:15px 0}
.adm_check{width: 20px;height: 20px;}
.w_star{color: #db2457;}
.input_w100{width:100% !important;}
.input_w90{width:90% !important;}
.input_w80{width:80% !important;}
.input_w70{width:70% !important;}
.input_w60{width:60% !important;}
.input_w50{width:50% !important;}
.input_w50{width:40% !important;}
.input_w40{width:40% !important;}
.input_w30{width:40% !important;}
.input_w20{width:20% !important;}

/* 관리자 */
.adm_list li{position:relative}
.adm_list li a{width: calc(100% - 40px); margin: 0 0 0 40px;}
.adm_list .adm_check{position:absolute;top:30px;left: 0px;}

/* 버튼 */
.btn_bbsw{display: inline-block; margin: 2px; padding: 9px 12px; height:42px; color: #fff; background: #0074a9; border-radius: 5px; font-size: 16px; line-height: 1.5em; vertical-align: middle;}
.btn_bbsw:hover,.btn_bbsw:focus{border: 1px #0074a9 solid; color: #0074a9; background: #fff; transition: 0.3s ease-out;}
.bbs_btn{text-align: right;}
.bbs_btn a{display: inline-block; height: 42px; margin: 2px; padding: 9px 16px 0; line-height: 1.5em; border-radius: 5px; background: #fff;}
.bbs_btn a.bbs_bt1{border: 1px #e1e1e1 solid;}
.bbs_btn a.bbs_bt1:hover,.bbs_btn a.bbs_bt1:focus{border-color: #0074a9; color: #0074a9; transition: 0.3s ease-out;}
.bbs_btn a.bbs_bt2{background: #333; color: #fff;}
.bbs_btn a.bbs_bt2:hover,.bbs_btn a.bbs_bt2:focus{background: #0074a9; transition: 0.3s ease-out;}
.bbs_btn a.bbs_bt3{border: 1px #0074a9 solid; color: #0074a9;}
.bbs_btn a.bbs_bt3:hover,.bbs_btn a.bbs_bt3:focus{background: #0074a9; color: #fff; transition: 0.3s ease-out;}

.bbs_btn a.bbs_bt4{background:#098787; color: #fff;}
.bbs_btn a.bbs_bt4:hover,.bbs_btn a.bbs_bt2:focus{background: #333; transition: 0.3s ease-out;}
.bbs_btn a.bbs_bt5{background:#0074a9; color: #fff;}
.bbs_btn a.bbs_bt5:hover,.bbs_btn a.bbs_bt2:focus{background: #333; transition: 0.3s ease-out;}

/* 페이징 */
.bbs_page{text-align:center; margin:25px 0}
.bbs_page a{display:inline-block; width: 46px; height: 46px; padding:10px 0 0 0; margin:0 4px 4px; border: 1px solid #e1e1e1; background: #fff; border-radius: 50%; font-size: 17px; }
.bbs_page a img{display:none;}
.bbs_page a:hover, .bbs_page a:focus{border-color:#0074a9; color: #0074a9; transition: 0.3s ease-out;}
.bbs_page a.on{font-weight:500; color:#fff; background: #0074a9; border: none; }
.bbs_page .prev{font-size:0;overflow:hidden;background: url("/upload_data/user_file/bbs/bbs_page.png") no-repeat;background-position: 50% -37px;}
.bbs_page .prev2{font-size:0;overflow:hidden;background: url("/upload_data/user_file/bbs/bbs_page.png") no-repeat;background-position: 50% 8px;}
.bbs_page .next{font-size:0;overflow:hidden;background: url("/upload_data/user_file/bbs/bbs_page.png") no-repeat;background-position: 50% -83px;}
.bbs_page .next2{font-size:0;overflow:hidden;background: url("/upload_data/user_file/bbs/bbs_page.png") no-repeat;background-position: 50% -127px;}

/* 검색 */
.bbs_search{margin: 24px 0; padding: 18px 20px; border: 1px #e3e9f3 solid; border-radius: 20px;}
.bbs_search .left{margin:0 0 10px 0}
.bbs_search span{display: block; margin: 0 0 8px; }
.bbs_search input{margin: 4px 0;}
.bbs_search .form_sel{height:42px; margin: 2px 0; border:1px solid #dedede;border-radius: 5px;}
.bbs_search .form_txt{width:calc(100% - 60px); height:42px;padding:0 5px;border:1px solid #dedede;border-radius: 5px;}
.bbs_search .form_sm{padding: 0 12px; cursor:pointer; height:42px; background: #333; color: #fff; border-radius: 5px; font-size: 15px;}
.bbs_search .form_re{padding: 0 12px;cursor:pointer; height:42px; background: #333; color:#fff; border-radius: 5px; font-size: 15px;}
.bbs_search .form_cancle{padding: 0 12px; cursor:pointer; height:42px; background: #454545; color:#fff; border-radius: 5px; font-size: 15px;}
.bbs_search .form_sm:hover,.bbs_search .form_sm:focus{background: #0074a9; transition: 0.3s ease-out;}

.bbs_search.search_center{background: #f8f8f8; border: none; text-align: center;}
.bbs_total strong{color: #0074a9; line-height: 1.5em; vertical-align: text-top}
.input_cal{min-width: 45%;padding:0 0 0 32px !important;background: #fff url("/images/bbs/bbs_ico.png") no-repeat left 10px center;}

@media all and (min-width:768px){
.bbs_search{padding: 18px 28px;}
.bbs_search span{display: inline-block; margin: 0; vertical-align: middle;}
.bbs_search .form_txt{width: 50%;}
.bbs_search .form_txt.input_cal{width: 140px;}
.input_cal{min-width: 140px;}
}

@media all and (min-width:1023px){
.bbs_search .flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
.bbs_search .flex>div{align-self: center; margin: 4px 0;}
.bbs_search .right{text-align: right;}
.bbs_search .form_txt{width: 240px;}
}


/* 기본_테이블형식 */
.bbs_list_t{width:100%; border-top: 1px solid #0074a9;}
.bbs_list_t tbody .notice span{display: inline-block; width: 16px; height: 16px; background: url('/images/bbs/ico_notice.png') no-repeat; font-size: 0;}
.bbs_list_t tbody .secret span{display: inline-block; width: 16px; height: 20px; margin-right: 6px; background: url('/images/bbs/ico_secret.png') no-repeat; font-size: 0;}

@media all and (min-width:1023px){
.bbs_list_t{min-width:860px; margin:20px 0; table-layout:fixed;}
.bbs_list_t th,.bbs_list_t td{text-align:center; padding:20px 8px; border: 1px solid #e4e4e4; line-height:1.4em; border-top:0; border-left:0; border-right:0;}
.bbs_list_t tbody .title{text-align: left;}
.bbs_list_t tbody .title a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block}
.bbs_list_t tbody .secret a{display: inline-block; width: calc(100% - 30px); }
.bbs_list_t tbody td .sbtn_go, .bbs_list_t tbody td .sbtn_new, .bbs_list_t tbody td .sbtn_down{margin: 2px 0;}
.bbs_list_t tbody td .sbtn_go2, .bbs_list_t tbody td .sbtn_new2, .bbs_list_t tbody td .sbtn_down2{margin: 2px 0;}
.bbs_list_t tbody td img{display: inline-block; vertical-align: middle;}
.bbs_list_t tbody tr:hover .title a,.bbs_list_t  tbody tr .title a:focus{text-decoration:underline;}
}
@media all and (max-width:1023px){
.bbs_list_t col{width:100% !important;}
.bbs_list_t thead{display:none;}
.bbs_list_t tbody tr{display:block; border-bottom:1px solid #e4e4e4; padding:10px;}
.bbs_list_t tbody td{display:inline-block; padding: 6px 0; margin-right: 10px; line-height: 1.4em; vertical-align: middle;}
.bbs_list_t tbody .title{display:block; background: #f6f9ff; padding:16px; margin:0 0 10px; border-radius: 10px;}
.bbs_list_t tbody [data-cell-header]:before{content:attr(data-cell-header); display:inline-block; color:#666; padding-right:5px;}
.bbs_list_t tbody [data-cell-header="바로가기 :"]{padding: 0;}
.bbs_list_t tbody .num[data-cell-header]:before,.bbs_list_t tbody .title[data-cell-header]:before,.bbs_list_t tbody .notice[data-cell-header]:before{display:none;}
.bbs_list_t tbody td img{display: inline-block;vertical-align: baseline;}
.bbs_list_t tbody td span{vertical-align: text-bottom;}
.bbs_list_t tbody td input{vertical-align: middle;}
}

/* 기본_리스트형식 */
.bbs_list{width:100%;border-top: 1px solid #0074a9;}
.bbs_list li{border-bottom: 1px solid #e1e1e1;}
.bbs_list li a{display:block;padding:25px 0}
.bbs_list li strong{display:block; font-size: 18px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_list li strong i{display: inline-block; width: 16px; font-size: 0; margin: 0 2px; vertical-align: middle;}
.bbs_list li strong i.ico_notice{height: 16px; margin: 0 10px 0 0; background: url("/images/bbs/ico_notice.png") no-repeat center; }
.bbs_list li strong i.ico_file{height: 15px; margin: 0 2px 0 6px; background: url("/images/bbs/ico_file.png") no-repeat center;}
.bbs_list li strong i.ico_secret{height: 19px; background: url("/images/bbs/ico_secret.png") no-repeat center;}
.bbs_list span{display:inline-block;vertical-align:middle;margin:0 5px}
.bbs_list .txt{display:block;line-height:1.4em;margin:10px 0}
.bbs_list .info{display: flex; flex-wrap: wrap;}
.bbs_list .info span{font-style:normal; color: #666; margin:0 10px 0 0;}
.bbs_list .list_none{text-align:center;padding:20px 0;}
.bbs_list li:hover{background: #f6f9ff;}
.bbs_list li a:hover strong, .bbs_list li a:focus strong {color: #0074a9;}

/* 뷰 */
.bbs_vtop h4{padding: 0; font-weight: 500; background: none;}
.bbs_vtop .col{text-align: right; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px #e1e1e1 solid;}
.bbs_vtop .col li{display: inline-block;margin:0 6px;color: #666;line-height: 1.5em;vertical-align: middle;font-size: 18px;}
.bbs_vtop .col li strong{color: #333;line-height: 1.5em;vertical-align: text-top;}
.bbs_vtop .tt_list{margin-bottom: 30px; border-top: 1px solid #0074a9;}
.bbs_vtop .tt_list li{border-bottom: 1px solid #e1e1e1;display:table;width:100%;}
.bbs_vtop .tt_list strong{display:table-cell;padding:20px 10px;background: #f6f9ff; 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:900px; margin-bottom: 30px; border-top: 1px solid #dedede;}
.bbs_vtable th, .bbs_vtable td{border-bottom: 1px solid #e1e1e1; padding: 12px 10px;}
.bbs_vtable th{background: #f6f9ff;}

/* 뷰_본문 */
.bbs_con{line-height:1.5em;}
.bbs_con img{max-width:100%;}
.bbs_img{text-align:center;}
.bbs_img figcaption{text-align:center;color:#666;margin:10px 0 0 0;font-size:15px;}
.bbs_filedown{border-radius: 10px; margin: 20px 0; background: #f6f9ff;}
.bbs_filedown dl{display:table;width: 100%;padding: 20px;}
.bbs_filedown dt{display:block; margin: 0 0 14px 0; padding:0 0 14px 0; text-align:center; border-bottom: solid 1px #dae6ff; font-weight:500; color: #0074a9;}
.bbs_filedown dd{text-align:left;margin: 0 0 8px;}
.bbs_filedown dd:last-of-type{margin: 0;}
.bbs_filedown dd span{display: inline-block;align-self: center;padding-left: 24px;background: url('/images/bbs/ico_file.png') no-repeat left top 5px;line-height: 1.5em;}
.bbs_filedown dd span a{display: inline-block;line-height:1.5em;}
.bbs_filedown dd p span{background:none;padding:0;}
.bbs_filedown dd:hover span a{text-decoration: underline;}
@media all and (min-width:768px){
.bbs_vtop .col li{display:inline;margin: 0 0 0 8px;}
.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%}

.bbs_filedown dl{padding: 20px 20px 20px 0;}
.bbs_filedown dt{display:table-cell; width: 120px; border-right: solid 1px #dae6ff; border-bottom:0; padding:0;}
.bbs_filedown dd{display:flex;flex-wrap: wrap;margin: 0 0 6px 3%;}
.bbs_filedown dd:last-of-type{margin: 0 0 0 3%;}
.bbs_filedown dd p{margin-left:12px;}
}

/* 답변 */
.bbs_reply{border: 1px solid #0074a9; padding:20px; margin-top:30px; border-radius: 20px;}
.bbs_reply .bbs_vtop{border:none;padding-top:0}
.bbs_reply h4{background: none; padding: 0; font-weight: 500;}
.bbs_reply h4 strong{display: inline-block; height: 40px; text-align: center; border-radius: 10px; padding: 11px 16px; background: #0074a9; color: #fff; font-size: 18px; font-weight: 300; vertical-align: middle;}
@media all and (min-width:768px){
.bbs_reply{padding: 40px;}   
}

/* 포토_목록 */
.photo_list li{margin:0 0 20px 0;text-align:center; }
.photo_list li a{display:block; border-radius: 20px; border: 1px solid #e1e1e1; overflow: hidden; }
.photo_list .img{display: block;overflow:hidden; position:relative; width: 100%; transition: .5s ease-in-out;}
.photo_list .img img{width:100%; height: 250px; border-bottom: 1px #f4f4f4 solid;}
.photo_list .date{display:block; padding:16px 10px; color:#666;}
.photo_list strong{display:block; font-size: 18px; margin-bottom:4px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #333;}
.photo_list .list_none{border-top: 1px solid #0074a9; width:100% !important; text-align:center; padding:20px 0; border-bottom:1px solid #e1e1e1; border-radius: 0;}
.photo_list .adm_check{margin:10px auto;}
.photo_list li a:hover,.photo_list li a:focus{border: 1px #0074a9 solid; transition: 0.3s ease-in-out;}
.photo_list li a:hover strong,.photo_list li a:focus strong{color: #0074a9;}

/* 포토_뷰 */
.photo_view .img_view{margin:30px 0 10px 0}
.photo_view .img_big img{max-width:100%}
.photo_view .img_list{overflow:hidden;height: 78px;position:relative;border-top: solid 1px #e1e1e1;border-bottom: solid 1px #e1e1e1;}
.photo_view .img_list button{width:40px;height:40px; font-size: 0; overflow:hidden;position:absolute;top:17px;border:1px solid #e1e1e1;background:url("/images/common/basic_step2.png") no-repeat;border-radius: 10px;}
.photo_view .img_list button:hover, .photo_view .img_list button:focus{border-color:#0074a9}
.photo_view .img_list .prev{background-position: center 6px;left:0; transform: rotate(-180deg);}
.photo_view .img_list .next{background-position: center 6px;right:0}
.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: 15px 0 30px;}
.photo_view .img_list li img{border:3px solid #fff; border-radius: 20px;}
.photo_view .img_list li.on img{border: 1px solid #0074a9;}
.photo_view .img_list img{height:50px}
.photo_view .img_list li span{display: block;position: absolute;width: 100%;font-size: 13px;color: #666;padding: 10px 0 0 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;left: -999999px;}

.big_img_view{position:relative; overflow:hidden;}
.big_img_view figure{display:inline-block;}
.big_img_view .img_control button{width:40px;height:40px; font-size: 0; overflow:hidden;position:absolute;top:calc(50% - 20px);border:1px solid #e1e1e1;background:url("/images/common/basic_step2.png") no-repeat;border-radius: 10px;}
.big_img_view .img_control button:hover, .photo_view .img_list button:focus{border-color:#0074a9}
.big_img_view .img_control .prev{background-position: center 6px;left:0; transform: rotate(-180deg);}
.big_img_view .img_control .next{background-position: center 6px;right:0}
.big_img_view .img_control span{position: absolute;left: 0;right: 0;bottom: 60px;display: inline-block;width: 80px;padding: 10px 0;text-align: center;margin: 0 auto;background: #333;color: #fff;border-radius: 10px;}
.big_img_view .img_control span i{font-style:normal;vertical-align: baseline;line-height: 1.25em;}


@media all and (min-width:768px){
.photo_list ul{display: flex; flex-wrap: wrap;}  
.photo_list li{width: 50%; padding: 0 1%;} 
.photo_view .img_view .img_list{height: 130px;}
.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}
.photo_view .img_big img{height:550px;}

}
@media all and (min-width:1023px){
.photo_list li{width: 33.33%;}
.photo_view .img_view{position:relative;text-align: center;}
.photo_view .img_view>div{margin:0 auto!important}
.photo_view .img_view .img_list li{width: 20%;}
}
@media all and (min-width:1440px){
.photo_list li{width: 25%;}    
.sub_site .photo_list li{width: 33.33%;}   
}


/* 동영상_목록 */
.video_list li{margin:0 0 20px 0;text-align:center; }
.video_list li a{display:block; border-radius: 20px; border: 1px solid #e1e1e1; overflow: hidden; }
.video_list .img{display: block; overflow:hidden; position:relative; width: 100%; transition: .5s ease-in-out;}
.video_list .img::before{content: ''; display: block; position: absolute; width: 100%; height: 250px; background: #000; opacity: 0.6; transition: .5s ease-in-out;}
.video_list .img::after{content: ''; display: block; position: absolute; top: calc(50% - 25px); left: 0; right: 0; width: 50px; height: 50px; margin: 0 auto; background: url('/images/bbs/ico_play.png') no-repeat; transition: .5s ease-in-out;}
.video_list .img img{width:100%; height: 250px; border-bottom: 1px #f4f4f4 solid;}
.video_list .date{display:block; padding:16px 10px; color:#666;}
.video_list strong{display:block; font-size: 18px; margin-bottom:4px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #333;}
.video_list .list_none{border-top: 1px solid #0074a9; width:100% !important; text-align:center; padding:20px 0; border-bottom:1px solid #e1e1e1; border-radius: 0;}
.video_list .adm_check{margin:10px auto;}
.video_list li a:hover,.video_list li a:focus{border: 1px #0074a9 solid; transition: 0.3s ease-in-out;}
.video_list li a:hover .img::before,.video_list li a:focus .img::before{opacity: 0;}
.video_list li a:hover .img::after,.video_list li a:focus .img::after{display: none;}
.video_list li a:hover strong,.video_list li a:focus strong{color: #0074a9;}

/* 동영상_뷰 */
.video_view{padding:20px 0;}
.video_view .vid_area{width:100%;background:#f6f9ff; overflow: hidden;}
.video_view .vid_text{padding: 0 20px 20px;margin:10px 0;height:100px;border: 1px solid #e7efff; overflow-y:auto; border-radius: 20px;}
.video_view .vid_text .tit{padding: 14px 0; background: #f6f9ff; border-radius: 20px; text-align:center; font-weight: 500; color: #0074a9; font-size: 18px; margin: 14px 0;}

@media all and (min-width:768px){
.video_list ul{display: flex; flex-wrap: wrap;}  
.video_list li{width: 50%; padding: 0 1%;} 
}
@media all and (min-width:1023px){
.video_list li{width: 33.33%;}
.video_view{display: flex; justify-content: space-between;}
.video_view .vid_area{width:65%; height:400px}
.video_view .vid_text{width:34%; height:400px; margin:0}
}
@media all and (min-width:1440px){
.video_list li{width: 25%;}    
.sub_site .video_list li{width: 33.33%;}   
}


/* 보도자료_목록 */
.news_list{width:100%;border-top: 1px solid #0074a9;}
.news_list li{border-bottom: 1px solid #e1e1e1;}
.news_list li a{display:block; padding:20px 0}
.news_list li a .img{display: block; margin-bottom: 20px;}
.news_list li a .img img{width:100%; height: 250px; border-radius: 20px;}
.news_list li a strong{display:block; margin-bottom: 10px; font-size: 18px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_list li a .txt{display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px; font-size: 15px;}
.news_list li a .info{display: flex; flex-wrap: wrap;}
.news_list li a .info span{font-style:normal; color: #666; margin:0 10px 0 0;}
.news_list li.list_none{text-align:center; padding:20px 0;}
.news_list li:hover,.news_list li:focus{background: #f6f9ff;}
@media all and (min-width:768px){
.news_list li a{position: relative; min-height: 190px; padding-left: 290px;}
.news_list li a .img{position: absolute; top: 20px; left: 0;}
.news_list li a .img img{width: 250px; height: 150px;}
.news_list li a .txt{ -webkit-line-clamp: 3;}
.news_list li a .info{position: absolute; bottom: 20px;}
}

/* 소식지_목록 */
.magazine_list li{margin:0 0 20px 0; text-align: center; padding: 20px; border: 1px #e1e1e1 solid; border-radius: 20px;}
.magazine_list .img{display: block; margin-bottom: 20px;}
.magazine_list .img img{width:100%; border-radius: 20px;}
.magazine_list strong{display:block; margin-bottom: 10px; font-size: 18px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.magazine_list .info{display: block; margin-bottom: 20px;}
.magazine_list .info span{display: inline-block; font-style:normal; color: #666; font-size: 15px; margin: 0 4px;}
.magazine_list .list_none{width:100% !important; text-align:center; padding:20px 0; border-top: 1px solid #0074a9; border-right:0; border-left: 0; border-radius: 0;}
.magazine_list .adm_check{display: block; margin:10px auto 0;}
@media all and (min-width:768px){
.magazine_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}  
.magazine_list li{width: 49%;} 
.magazine_list .img img{width: auto; max-width: 100%; height: 245px;}
}
@media all and (min-width:1023px){
.magazine_list ul{justify-content: flex-start;}
.magazine_list li{width: 31.33%; margin: 0 1% 20px;} 
}
@media all and (min-width:1440px){
.magazine_list li{width: 23%;} 
.sub_site .magazine_list li{width: 31.33%;} 
}

/* 자주묻는질무 Q&A */
.faq_list{border-top: 1px solid #0074a9;}
.faq_list li>a{display:block; position: relative; border-bottom:1px solid #e1e1e1; padding:25px 20px 25px 70px; }
.faq_list li>div{position:relative; padding:25px 20px 25px 70px; background:#f6f9ff;}
.faq_list li>div .bbs_btn{margin:20px 0 0 0}
.faq_list li.on>div{display:block;}
.faq_list em{position: absolute; top: 22px; left: 20px; display:block; width: 32px; height: 32px; padding-top: 4px;border-radius: 50%;background: #0074a9; color: #fff; font-style: normal; font-size: 15px;font-weight: 500; text-align: center;}
.faq_list div em{background: #fff; border: 1px #0074a9 solid; color: #0074a9; }
.faq_list li>a:hover,.faq_list li>a:focus{color: #0074a9;}

/* 묻고 답하기 */
.bbs_list_t .t_process1{display: inline-block; width: 80px; padding: 10px 0; text-align: center; border-radius: 10px; border: 1px #0074a9 solid; color: #0074a9; vertical-align: middle; background: #fff;}
.bbs_list_t .t_process2{display: inline-block; width: 80px; padding: 10px 0; text-align: center; border-radius: 10px; background: #0074a9; color: #fff; vertical-align: middle;}
.bbs_list_t .t_process3{display: inline-block; width: 80px; padding: 10px 0; text-align: center; border-radius: 10px; background: #454545; color: #fff; vertical-align: middle;}
/* 묻고 답하기_뷰 */
.process_view h5{margin: 0 0 10px; color: #0074a9; font-size: 20px;}
.process_view ul{display: flex;}
.process_view ul li{width: 31.33%; padding: 10px 0; border:1px #e1e1e1 solid; color: #666; border-radius: 10px; text-align: center; background: #fff;}
.process_view ul li.on{background: #0074a9; border: 1px #0074a9 solid; color: #fff;}
.process_view ul li:nth-of-type(n+2){position: relative; margin-left: 10px;}
.process_view ul li:nth-of-type(n+2):after{content: ''; position: absolute; top: 50%; left: -21px; display: block; width: 20px; height: 1px; background: #0074a9; z-index: -1;}
@media all and (min-width:768px){
.process_view{display: flex; padding: 24px 0; justify-content: center; z-index: -1; background: #f6f9ff; border-radius: 15px;}
.process_view h5{margin: 0 30px 0 0; align-self: center;}
.process_view ul{width: 600px;}
.process_view ul li{padding: 14px 0; font-size: 17px;}
.process_view ul li:nth-of-type(n+2){margin-left: 20px;}
.process_view ul li:nth-of-type(n+2):after{z-index: 1;}
}

/* 달력-기본형 */
.bbs_calender .calender{margin-bottom: 20px;}
.bbs_calender .calender .month{height: 40px; text-align:center; font-size: 26px; margin:0 0 26px 0; position:relative;}
.bbs_calender .calender .month em{font-style:normal;font-weight:600}
.bbs_calender .calender p strong{color: #0074a9;font-weight:600}
.bbs_calender .calender p button{position:absolute; width: 40px; height:40px; font-size: 0; overflow:hidden; border:1px solid #e1e1e1; background: #fff url("/images/common/basic_step2.png") no-repeat; border-radius: 5px; }
.bbs_calender .calender p .prev{background-position: center 6px;left:0; transform: rotate(-180deg);}
.bbs_calender .calender p .next{background-position: center 6px;right:0;}
.bbs_calender .calender p button:hover,.bbs_calender .calender p button:focus{border-color:#0074a9}
.bbs_calender table{width:100%;background: #fff; border-right: 2px #fff solid; border-left: 2px #fff solid;}
.bbs_calender .calender th, .bbs_calender .calender td{border: 1px solid #e1e1e1; width:14%; text-align:center;}
.bbs_calender .sun{border-left:none}
.bbs_calender .calender th{border-top: 1px solid #0074a9; padding: 9px 0;font-weight: normal;}
.bbs_calender td{padding: 15px 0;position:relative;}
.bbs_calender td.sat a{color:#4f6bd0;}
.bbs_calender td.sun a{color:#c74b4b;}
.bbs_calender td.today{background: #f6f9ff !important;}
.bbs_calender td.today:before{content:"today";display:block;position: absolute;left: 4px;top: 2px;font-size: 11px;color: #0074a9;}
.bbs_calender td.have:before{content:""; display:block; position:absolute; bottom: 6px; left: calc(50% - 4px); width: 8px; height: 8px; border-radius: 50%; background: #0074a9;}
.bbs_calender td.on a:before{display:block;content:"";background:url('/upload_data/board_data/BBS_0000144/174555959762023.png')no-repeat;width:15px;height:15px;position:absolute;right: 4px;top: 4px;filter: hue-rotate(-41deg);}
.bbs_calender td.on a:after{content:""; display:block; position:absolute; top:0;bottom:0;right:0;left:0;z-index:0;border: 3px solid #0074a9;}
.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 #333;background:#fff;color:#333;padding:10px 0;margin:0 0 0 1px}
.bbs_calender .tab li.on a{background:#333;color:#fff}
.bbs_calender .info{height: 450px; border: 1px #0074a9 solid; padding: 30px 20px; margin:25px 0 0 0; border-radius: 10px;}
.bbs_calender .info h4{margin: 0 0 20px 0; font-size:20px; padding: 20px 0; background: #f6f9ff; border-radius: 10px; text-align: center;}
.bbs_calender .info li{position: relative; line-height:1.5em; padding:0 0 0 16px; margin-bottom: 8px;}
.bbs_calender .info li::before{content: '';position: absolute; top: 12px; left: 0; display: block; width: 8px; height: 4px; background: #bebebe; border-radius: 4px;}

@media all and (min-width:1023px){
.bbs_calender{overflow:hidden; border: none;}
.bbs_calender .calender{float:left; width:50%; margin: 0; padding: 0 30px 0 0;}
.bbs_calender .calender td{padding: 20px;}
.bbs_calender .calender th{padding: 14px;}
.bbs_calender .info{float:left;width: 50%; margin: 0;padding: 30px;}
.bbs_calender .info ul{height: 270px; overflow-y:scroll;}
}

/* 공연일정_달력 */
.show_cal{margin-bottom: 20px;}
.show_cal .month{height: 40px; text-align:center; font-size: 26px; margin:0 0 26px 0; position:relative;}
.show_cal .month em{font-style:normal;font-weight:600}
.show_cal p strong{color: #0074a9;font-weight:600}
.show_cal p button{position:absolute; width: 40px; height:40px; font-size: 0; overflow:hidden; border:1px solid #e1e1e1; background: #fff url("/images/common/basic_step2.png") no-repeat; border-radius: 5px; }
.show_cal p .prev{background-position: center 6px;left:0; transform: rotate(-180deg);}
.show_cal p .next{background-position: center 6px;right:0;}
.show_cal p button:hover{border: 1px #0074a9 solid;}
.show_cal>div{padding: 20px; overflow: hidden; background: #f6f9ff; border-radius: 10px; overflow-x: auto;}
.show_cal ul{display: flex; flex-wrap: wrap;}
.show_cal ul li a{display: block; position: relative; width: 50px; padding: 10px 0 20px; text-align: center; background: #fff; border: 1px #fff solid;}
.show_cal ul li:first-of-type a{border-radius: 10px 0 0 10px;}
.show_cal ul li:last-of-type a{border-radius: 0 10px 10px 0;}
.show_cal ul li a:hover,.show_cal ul li a:focus{border: 1px #32a092 solid;}
.show_cal ul li a strong{display: block;}
.show_cal ul li a span{display: block;}
.show_cal ul li.sat a{color:#4f6bd0;}
.show_cal ul li.sun a{color:#c74b4b;}
.show_cal ul li.on a{border: 1px #0074a9 solid;}
.show_cal ul li.have a::after{content: ''; display: block; position: absolute; bottom: 10px; right: 0; left: 0; width: 6px; height: 6px; margin: 0 auto; background: #0074a9; border-radius: 50%;}

/* 공연일정_목록 */
.show_list>ul>li{margin:0 0 20px 0; padding: 20px; border: 1px #e1e1e1 solid; border-radius: 20px;}
.show_list ul li .img{display: block; margin-bottom: 20px;}
.show_list ul li .img img{width:100%; border-radius: 20px;}
.show_list ul li .tit{margin-bottom: 14px; font-size: 20px; font-weight: 400; font-family: 'SBAggro'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_list ul li li{margin: 4px 0;}
.show_list ul li li strong{display: inline-block; margin: 0 10px 0 0;}
.show_list ul li .btn a{display: block; max-width: 240px; margin-top: 14px; padding: 10px 0; text-align: center; background: #fff; border: 1px #0074a9 solid; color: #0074a9; border-radius: 10px; }
.show_list ul li .btn a:hover,.show_list ul li .btn a:focus{background: #0074a9; color: #fff; transition: 0.3s ease-in-out;}
/* 공연일정_뷰 */
.show_view .show_vtop{margin:0 0 20px 0;}
.show_view .show_vtop .img{display: block; margin-bottom: 20px;}
.show_view .show_vtop .img img{width:100%; border-radius: 20px;}
.show_view .show_vtop .tit{margin-bottom: 14px; font-size: 20px; font-weight: 400; font-family: 'SBAggro'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_view .show_vtop ul li{margin: 4px 0;}
.show_view .show_vtop ul li strong{display: inline-block; margin: 0 10px 0 0;}
.show_view .show_vtop .btn a{display: block; max-width: 240px; margin-top: 14px; padding: 10px 0; text-align: center; background: #fff; border: 1px #0074a9 solid; color: #0074a9; border-radius: 10px; }
.show_view .show_vtop .btn a:hover,.show_list ul li .btn a:focus{background: #0074a9; color: #fff; transition: 0.3s ease-in-out;}
@media all and (min-width:768px){
.show_cal{display: flex; justify-content: space-between;}
.show_cal .month{height: auto; margin: 0; padding: 20px 0;}
.show_cal p button{bottom: 20px;}
.show_cal p .prev{left:5px;}
.show_cal p .next{right:5px;}
.show_cal>div{width: calc(100% - 140px);}
.show_list>ul{display: flex; justify-content: space-between; flex-wrap:wrap;}
.show_list>ul>li{width: 49%;}
.show_view .show_vtop{display: flex; justify-content: space-between;}
.show_view .show_vtop .img{width: 48%; margin-bottom: 0;}
.show_view .show_vtop div{width: 48%; padding: 30px 0 0 0;}
.show_view .show_vtop .tit{font-size: 28px; margin: 0 0 20px 0;}
.show_view .show_vtop ul li{margin: 10px 0;}
.show_view .show_vtop .btn a{margin-top: 30px;}

}
@media all and (min-width:1023px){
.show_list>ul>li{display: flex; justify-content: space-between; padding: 30px;}
.show_list ul li .img{margin-bottom: 0;}
.show_list ul li .img img{width: 175px; height: 245px;}
.show_list ul li div{width: calc(100% - 195px);}
}

/* 쓰기 */
.bbs_write {width: 100%;margin: 20px 0; border-top: 1px solid #0074a9; border-left: 2px #fff solid; border-right: 2px #fff solid;}
.bbs_write th, .bbs_write td {padding: 12px 10px;border: 1px solid #e1e1e1; border-top: none; line-height: 1.5em; display: block; text-align: center;}
.bbs_write th {background: #f6f9ff; text-align: center; font-weight: 500;}
.bbs_write td * {vertical-align: middle;}
.bbs_write input{border:1px solid #dedede; height: 42px; padding: 0 7px; margin:2px 0;border-radius: 5px;}
.bbs_write input[type=checkbox]{width:16px; height:16px; border-radius:5px}
.bbs_write input[type=radio]{width:16px; height:16px;}
.bbs_write .bw_file{margin: 2px 0;}
.bbs_write .bw_file input{padding: 6px; height: 42px; width: 100%;}
.bbs_write .bw_file .memoarea{display: flex; justify-content: space-between;}
.bbs_write .bw_file .memoarea input{display: inline-block; width: calc(100% - 120px);}
.bbs_write .bw_file .memoarea em{display: inline-block; width: 110px; padding-top: 11px; padding-left: 21px; font-style: normal; background: url('/images/bbs/ico_memoarea.png') no-repeat top 16px left 4px; }
.bbs_write td .ggong ul li{margin: 9px 0; color: #666;}
.bbs_write td .ggong ul li img{display: block; height: 35px; padding-right: 10px;margin: 0 auto;}
.bbs_write textarea{border:1px solid #dedede;border-radius: 5px;}
.bbs_write select{height: 42px; border:1px solid #dedede;padding:7px 0;margin:2px 0;border-radius: 5px;}
.bbs_write td label{margin: auto;}
.bbs_write a span{display:inline-block;margin:0 5px}
@media all and (min-width:768px){
.bbs_write td{display: table-cell;text-align: left;}
.bbs_write th{display: table-cell;}
.bbs_write td .ggong ul li img {display: inline-block;margin: 0;}
}

/* 개인정보수집동의서 */
.agree_box h4{margin-top: 0;}
.agree_box .box1{min-height: 250px; padding: 30px; border: 1px #e1e1e1 solid; border-radius: 20px; overflow-y: auto;}
.agree_box .box2{margin-top: 30px; padding: 20px; border-radius: 20px; background: #f8f8f8; text-align: center;}
.agree_box .box2 p{margin: 10px 0; word-break: keep-all; }
.agree_box .box2 input[type="radio"]{display: inline-block; width: 18px; height: 18px; margin: 0 2px;}
.agree_box .box2 label{display: inline-block; line-height: 1.5em; }
@media all and (min-width:768px){
.agree_box{padding: 40px;}
}

/* 에러페이지 */
.error{position: absolute; top: 60px; left: 0; right: 0; width: 90%; max-width: 800px; margin: 0 auto; padding: 180px 20px 60px 20px; border: 1px #0074a9 solid; border-radius: 20px; background: url('/images/common/error.png') no-repeat top 60px center; background-size: 100px; text-align: center;}
.error h4{margin: 20px 0 30px; padding: 0; background: none;}
.error h4 span{display: block;}
.error p.txt{margin-bottom: 30px; word-break: keep-all;}
.error p.txt br{display: none;}
.error p.btn a{display: block; margin: 6px 0; padding: 14px 0; text-align: center; background: #32a092; color: #fff; border-radius: 10px;}
.error p.btn a:last-of-type{background: #464646;}

@media all and (min-width:768px){
.error{padding: 230px 40px 60px 40px; background-size: auto;}
.error h4{font-size: 34px;}
.error p.txt{font-size: 17px; margin-bottom: 14px;}
.error p.txt br{display: block;}
.error p.btn{display: flex; justify-content: space-between;  margin: 40px auto 0;}
.error p.btn a{width: 49%;} 
}

/* 로딩페이지 */
.loading{padding: 60px 20px; text-align: center; border: 1px #0074a9 solid; border-radius: 20px;}
.loading h4{padding: 0; background: none;}
.loading p{word-break: keep-all; line-height: 1.5em;}
.loading .loader{position: relative; width: 20px; height: 20px; margin: 0 auto; border-radius: 20px; animation: loaderm 3s ease-in-out infinite;}
.loading .loader:after{content: ""; position: absolute; top: 0px; left: 50px; height: 20px; width: 20px;border-radius: 20px; animation: loaderd 2s ease-in-out infinite;}
.loading .loader:before{content: ""; position: absolute; top: 0px; left: -50px; height: 20px; width: 20px; border-radius: 20px; animation: loaderg 2s ease-in-out infinite;}

@media all and (min-width:1023px){
.loading{padding: 100px 20%; } 
.loading p{font-size: 20px;} 
.loading h4{margin-bottom: 40px; font-size: 34px;}
}

@keyframes loaderg{
0%{background-color: rgba(0, 116, 169, .2);}
25%{background-color: rgba(0, 116, 169, 1);}
50%{background-color: rgba(0, 116, 169, .2);}
75%{background-color: rgba(0, 116, 169, .2);}
100%{background-color: rgba(0, 116, 169, .2);}
}

@keyframes loaderm{
0%{background-color: rgba(0, 116, 169, .2);}
25%{background-color: rgba(0, 116, 169, .2);}
50%{background-color: rgba(0, 116, 169, 1);}
75%{background-color: rgba(0, 116, 169, .2);}
100%{background-color: rgba(0, 116, 169, .2);}
}

@keyframes loaderd{
0%{background-color: rgba(0, 116, 169, .2);}
25%{background-color: rgba(0, 116, 169, .2);}
50%{background-color: rgba(0, 116, 169, .2);}
75%{background-color: rgba(0, 116, 169, 1);}
100%{background-color: rgba(0, 116, 169, .2);}
}      


/* 로그인페이지 */
.login_box{margin-bottom: 20px; padding: 10px 20px; background: #f2f7ff; border-radius: 20px; text-align: center;}
.login_box div{margin: 20px 0; padding: 20px; background: #fff; border-radius: 20px;}
.login_box div h5{margin-top: 0; color: #333;}
.login_box div p{margin-bottom: 14px; word-break: keep-all;}
.login_box div p strong{color: #0074a9;}
.login_box div a{display: inline-block;width: 220px;padding: 14px 0;color: #fff;background: #0074a9;border-radius: 10px;}
.login_box div a:hover,.login_box div a:focus{background: #454545; transition: 0.3s ease-in-out;}
.login_box .login_03 a{background: #1c2674;color: #fff;}
.login_box .login_03 a:before{content:''; display: inline-block;width: 20px; height: 18px; background: url("/upload_data/user_file/01_potal/content/onepass.png") no-repeat;vertical-align: middle;margin-right: 10px;}
.login_box .login_03 a:hover, .login_box .login_03:focus{background: #454545; color: #fff;}

.login_box2 div a{position: relative; display: block;  height: 70px; margin: 16px 0; padding: 23px 20px 0 80px; line-height: 1.2em; border: 1px #e1e1e1 solid; border-radius: 10px; font-size: 18px;}
.login_box2 div a::before{content: ''; position: absolute; left: 10px; top: 10px; display: inline-block; width: 50px; height: 50px; background: url('/images/common/sns_login.png') no-repeat;}
.login_box2 .kakao_login a{border: 1px #fae300 solid;}
.login_box2 .naver_login a{border: 1px #00c300 solid;}
.login_box2 .google_login a{border: 1px #e74133 solid;}
.login_box2 .naver_login a::before{background-position: -62px 0;}
.login_box2 .google_login a::before{background-position: -124px 0;}
.login_box2 div a:hover{font-weight: 600;}

@media all and (min-width:1023px){
.login_box{display: flex; justify-content: space-between; padding: 30px;}  
.login_box div{width: 32.33%; margin: 0; padding: 50px 30px;}
.login_box div p{ margin-bottom: 20px;}

.login_box2{display: flex;}
.login_box2 div{margin-right: 20px;}
}


/* 설문조사_목록 */
.ch_search .left ul{display: flex; flex-wrap: wrap; 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;}
.align{margin-bottom:10px;}
.align strong{display:inline-block;}
.align button.end{background: #767676;border: none;font-size:15px;font-weight:400;color: #fff;}
.align button.ing{background: #0074a9;border: none;font-size:15px;font-weight:400;color: #fff;}

.enquete_list{width:100%; border-top: 1px solid #0074a9;}
.enquete_list li{border-bottom: 1px solid #e1e1e1; padding:25px 0}
.enquete_list li:hover{background: #f6f9ff;}
.enquete_list li strong{display: block; margin: 10px 0 0 0; font-weight:normal; font-size:18px; line-height:1.4em;}
.enquete_list li span{display:block; padding:7px 0; width:70px; line-height:1em; font-size:14px; background:#fff; border: 1px solid #555; border-radius:5px; text-align:center;}
.enquete_list li span.close{border: solid 1px #f7f7f7; color: #333; background: #eee;}
.enquete_list li p.info{color:#666; margin:10px 0;}
.enquete_list li p.info i{display: inline-block; font-style:normal;}
.enquete_list li p.btn a{display:inline-block; padding:10px 20px; margin:0 10px 0 0; color:#fff; border-radius: 5px; line-height: 1.5em;} 
.enquete_list li p.btn a.join{background: #fff; border: solid 1px #0074a9; color: #0074a9;}
.enquete_list li p.btn a.join:hover, .enquete_list li p a.join:focus{background:#0074a9; color:#fff}
.enquete_list li p.btn a.result{background: #454545; border: solid 1px #454545;}
.enquete_list li p.btn a.result:hover, .enquete_list li p a.result:focus{background:#32a092; border: solid 1px #32a092;}
.enquete_list li p.btn em.end{display:inline-block; padding:10px 20px; margin:0 10px 0 0; background: #eee; font-style: normal; border-radius: 5px; line-height: 1.5em;}
.enquete_list .list_none{text-align:center; padding:20px 0;}
.enquete_list .adm_check{margin:5px 5px 5px 0;}

@media all and (min-width:768px){
.ch_search .left ul li{width: auto; padding-right: 10px;}
}

@media all and (min-width:1023px){
.ch_search .left ul{border: none; padding-bottom: 0;}
.enquete_list li{position: relative; padding: 25px 250px 25px 25px;}
.enquete_list li span{display:inline-block; margin-right:5px}
.enquete_list li p.btn{position: absolute; top: 25px; right: 25px;}
}

/* 설문조사_쓰기 */
.enquete_view .basic_box{margin: 0 0 20px;}
.enquete_view h5{padding:20px; margin: 0 0 20px 0; border: 1px solid #e3e9f3; line-height:1.5em; font-size: 18px; border-radius: 5px;}
.enquete_view .qbox>div{margin:0 0 30px 0}
.enquete_view .qbox>div.group{padding: 30px; border-radius: 10px; border: solid 1px #32a092;}
.enquete_view .qbox>div .img {text-align: center;}
.enquete_view .qbox li{line-height:1.5em; margin: 0 0 6px 0;}
.enquete_view .qbox li input{width: 18px; height: 18px;}
.enquete_view .qbox li strong{display: inline-block; color: #32a092; margin-right: 10px;}
.enquete_view .qbox li ul{margin:10px 0}
.enquete_view .qbox li li{position: relative; padding:0 0 0 16px; font-size: 15px;}
.enquete_view .qbox li li::before{content: ''; display: block; position: absolute; top: 9px; left: 0; width: 8px; height: 4px; background: #c9c9c9; border-radius: 4px;}
.enquete_view .qbox li.li_none{background:none;padding:0}
.enquete_view .in_txta{width:100%; height:50px; border:1px solid #e1e1e1; padding:10px 0;;}
.enquete_view .qcoment{font-size:14px; line-height:1.5em;margin:0 0 10px 0;border: dashed 1px #e1e1e1;padding: 20px; border-radius: 5px;}
.enquete_view .graph_con{display: flex;}
.enquete_view .graph_con p{width: 70%; margin-right: 1%; border-radius: 10px; border: 1px #e1e1e1 solid;}
.enquete_view .graph_con p span{display: block; height: 24px; border-radius: 8px; background: #e1e1e1;}
.enquete_view .graph_con em{float: right; font-style: normal; line-height: 24px;}

@media all and (min-width:1023px){
.enquete_view .graph_con{margin: 4px 0;}
.enquete_view .graph_con p{width: 90%;}
}

/* 알림서비스 */
.bbs_tell{padding: 40px 20px 0; background: #f0faff; text-align: center;}
.bbs_tell div{padding: 40px 20px; background: #fff;}
.bbs_tell h4{background: none; padding: 0; margin: 0 0 20px;}
.bbs_tell .txt{margin-bottom: 20px; word-break: keep-all;}
.bbs_tell a{display: block; padding: 14px 30px; margin: 6px 0; border-radius: 10px;}
.bbs_tell a.t_bt1{background: #0074a9; color: #fff;}
.bbs_tell a.t_bt2{border: 1px #0074a9 solid; color: #0074a9;}

@media all and (min-width:768px){
.bbs_tell{padding: 60px 60px 0;} 
.bbs_tell h4{font-size: 40px;}
.bbs_tell .txt{font-size: 20px;}
.bbs_tell a{display: inline-block; margin: 0 6px;}
}
@media all and (min-width:1023px){
.bbs_tell{padding: 80px 120px 0; border-radius: 80px 10px 10px 10px;} 
.bbs_tell div{border-radius: 60px 10px 0 0;}
}

/* 농기계임대 */
.machine_list li{margin:0 0 20px 0;text-align:center; }
.machine_list li a{display:block; border-radius: 20px; border: 1px solid #e1e1e1; overflow: hidden; }
.machine_list .img{display: block;overflow:hidden; position:relative; width: 100%; transition: .5s ease-in-out; border: none !important;}
.machine_list .img img{width:100%; height: 250px; border-bottom: 1px #f4f4f4 solid;}
.machine_list strong{display:block; font-size: 17px; margin:16px auto; width: 90%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #333;}
.machine_list span:not(.img){display: block; width: 90%; padding: 8px 0; margin: 0 auto 20px; border-radius: 10px; border: 1px solid #e1e1e1;}
.machine_list .list_none{width:100% !important; text-align:center; padding:20px 0; border-bottom:1px solid #e1e1e1; border-radius: 0;}
.machine_list .list_none span{border: none; padding: 0;}
.machine_list .adm_check{margin:10px auto;}
.machine_list li a:hover span,.machine_list li a:focus span{border: 1px #0074a9 solid; background: #0074a9; color: #fff; transition: 0.3s ease-in-out; }
.machine_list li a:hover strong,.machine_list li a:focus strong{color: #0074a9;}

.machine_cal{position: relative; margin-bottom: 20px; padding: 20px 20px 80px 20px; border: 1px #e3e9f3 solid; border-radius: 15px;}
.machine_cal .info{margin: 0 0 20px 0;}
.machine_cal .info .img{margin: 0 0 16px;}
.machine_cal .info img{width: auto; max-width: 100%;}
.machine_cal .info ul{margin-bottom: 16px;}
.machine_cal .info p.btn{position: absolute; bottom: 20px; right: 20px; left: 20px;}
.machine_cal .info p.btn a{display: block; padding: 10px 0; text-align: center; border: 1px #32a092 solid; color: #32a092; border-radius: 10px;}
.machine_cal .info p.btn a:hover,.machine_cal .info p.btn a:focus{background: #32a092; color: #fff; transition: 0.3s ease-in-out;}

.machine_cal .cal .month{height: 40px; text-align:center; font-size: 26px; margin:0 0 26px 0; position:relative;}
.machine_cal .cal .month em{font-style:normal;font-weight:600}
.machine_cal .cal p strong{color: #32a092;font-weight:600}
.machine_cal .cal p button{position:absolute; width: 40px; height:40px; font-size: 0; overflow:hidden; border:1px solid #e1e1e1; background: #fff url("/images/common/basic_step2.png") no-repeat; border-radius: 5px; }
.machine_cal .cal p .prev{background-position: center 6px;left:0; transform: rotate(-180deg);}
.machine_cal .cal p .next{background-position: center 6px;right:0;}
.machine_cal .cal p button:hover,.machine_cal .cal p button:focus{border-color:#0074a9}
.machine_cal table{width:100%;background: #fff; border-right: 2px #fff solid; border-left: 2px #fff solid;}
.machine_cal .cal th, .machine_cal .cal td{border: 1px solid #e1e1e1; width:14%; text-align:center;}
.machine_cal .cal th{border-top: 1px solid #0074a9; padding: 9px 0;font-weight: normal;}
.machine_cal .sat{color:#4f6bd0;}
.machine_cal .sun{color:#c74b4b;}
.machine_cal td{padding: 15px 0;position:relative;}
.machine_cal td.have{background: #ecfbf9;}
.machine_cal td.not{background: #f4f4f4;}
.machine_cal td.on a:after{content:""; display:block; position:absolute; top:0;bottom:0;right:0;left:0;z-index:0;border: 1px solid #32a092;}
.machine_cal p.txt{text-align: right;}
.machine_cal p.txt em{font-size: 15px; vertical-align: middle;}
.machine_cal p.txt span{display: inline-block; font-size: 15px;}
.machine_cal p.txt span::before{content: ''; display: inline-block; width: 15px; height: 15px; margin: 0 4px;  border-radius: 5px; vertical-align: middle;}
.machine_cal p.txt span.have::before{background: #a9dbd5;}
.machine_cal p.txt span.not::before{background: #bdbdbd;}

@media all and (min-width:768px){
.machine_list ul{display: flex; flex-wrap: wrap;}  
.machine_list li{width: 50%; padding: 0 1%;} 
.machine_cal{display: flex; justify-content: space-between; }
.machine_cal .info{width: 46%; margin: 0;}
.machine_cal .cal{width: 50%;}


}
@media all and (min-width:1023px){
.machine_list li{width: 33.33%;}
.machine_cal{padding: 40px;}
.machine_cal .info{display: flex; width: 52%; position: relative;}
.machine_cal .info .img{width: 53%; margin: 0 20px 0 0;}
.machine_cal .info p.btn{bottom: 0; right: 0; left: 0;}
.machine_cal .cal{width: 45%;}

}
@media all and (min-width:1440px){
.machine_list li{width: 25%;}    
.sub_site .machine_list li{width: 33.33%;}   
}


/* 배움터포털 접수상태*/
.btn_plan{background:#463ca4; color:#fff; border-radius:5px; padding:6px 14px;}
.btn_play{background:#0074a9; color:#fff; border-radius:5px; padding:6px 14px;}  
.btn_ing{background:#32a092; color:#fff; border-radius:5px; padding:6px 14px;}  
.btn_end{background:#666; color:#fff; border-radius:5px; padding:6px 14px;} 

.mbtn_fail{background:#0074a9; color:#fff; border-radius:5px;padding:6px 14px;} 
.mbtn_end{background:#454545; color:#fff; border-radius:5px; padding:6px 14px;} 
.mbtn_view span{border:1px #463ca4 solid; color:#463ca4; border-radius:5px;padding:6px 14px;} 
.mbtn_view span:hover{background:#463ca4; color:#fff;}

/* 지평선아카데미 */
.bbs_news>ul>li{margin:0 0 20px 0; padding: 20px; border: 1px #e1e1e1 solid; border-radius: 20px;}
.bbs_news ul li .img{display: block; margin-bottom: 20px;}
.bbs_news ul li .img img{width:100%; border-radius: 20px;}
.bbs_news ul li .tit{margin-bottom: 14px; font-size: 20px; font-weight: 400; font-family: 'SBAggro'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bbs_news ul li li{margin: 4px 0;}
.bbs_news ul li li strong{display: inline-block; margin: 0 10px 0 0;}
.bbs_news ul li li.txt_area p{margin-top: 6px; padding: 10px; border-radius: 10px; border: 1px #e1e1e1 solid;}
.bbs_news ul li .btn a{display: block; max-width: 240px; margin-top: 14px; padding: 10px 0; text-align: center; background: #fff; border: 1px #0074a9 solid; color: #0074a9; border-radius: 10px; }
.bbs_news ul li .btn a:hover,.bbs_news ul li .btn a:focus{background: #0074a9; color: #fff; transition: 0.3s ease-in-out;}
@media all and (min-width:768px){
.bbs_news>ul>li{display: flex;}   
.bbs_news ul li .img{margin: 0 20px 0 0;}
}
@media all and (min-width:1023px){
.bbs_news ul li .img{width: 35%;}
.bbs_news ul ul{display: flex; flex-wrap: wrap; justify-content: space-between;}   
.bbs_news ul li li{width: 48%;} 
.bbs_news ul li li.txt_area{width: 100%;}
}

/* 평생학습도시 */
.edu_view .img{width:100%;padding: 20px 10px;text-align: center;}
.edu_view .img img{width:auto; max-width:100%;}
@media all and (min-width:768px){
.edu_view .bbs_vtop .tt_list li{width:70%;}
.edu_view .bbs_vtop .tt_list li.line1{width:100%;}
.edu_view .img{height: 256px; width:30% !important;} 
.edu_view .img img{height: 215px;}
.bbs_vtop .tt_list strong{width:25%;}
}

/* 문화예술회관 */
.art_cal_type{display:inline-block; padding:10px 20px; margin-bottom:30px; border:1px #e1e1e1 solid; border-radius:50px; text-align:center;}
.art_cal_type span{margin: 0 5px;}
.art_cal_type span.type1{color:#dc279a;}
.art_cal_type span.type2{color:#1e7bc2;}
.art_cal_type span.type3{color:#1fa489}
.art_cal_type span.type4{color:#7848d9;}
.art_cal_type span.type5{color:#666;}

.art_cal span{display: inline-block;width: 10px;height: 10px; margin: 0 2px;}
.art_cal_info li span:before, .art_cal_type span:before{content:'';display:inline-block;width:10px;height:10px;margin-right: 6px;}

.art_cal_type span.type1:before, .art_cal span.type1, .art_cal_info span.type1:before{background:#dc279a; border-radius:50%;}
.art_cal_type span.type2:before, .art_cal span.type2, .art_cal_info span.type2:before{background:#1e7bc2;}
.art_cal_type span.type3:before, .art_cal span.type3, .art_cal_info span.type3:before{background:#1fa489;}
.art_cal_type span.type4:before, .art_cal span.type4, .art_cal_info span.type4:before{background:#7848d9;}
.art_cal_type span.type5:before, .art_cal span.type5, .art_cal_info span.type5:before{background:#666;}


table.art_cal td{padding: 10px 0 !important;}
table.art_cal span{font-size:0;}
table.art_cal .have:before{display:none;}

.art_cal_info .info_tit{margin: 0 0 20px 0; font-size:20px; padding: 20px 0; background: #f6f9ff; border-radius: 10px; text-align: center; font-weight: 600;font-family:'SCDream';}
.art_cal_info li{padding: 0 !important;}
.art_cal_info li::before{display: none !important;}
.art_cal_info li span{padding: 1px 10px;margin-right: 10px;border-radius: 20px;}
.art_cal_info li span.type1{color:#dc279a; border:1px #dc279a solid;}
.art_cal_info li span.type2{color:#1e7bc2; border:1px #1e7bc2 solid;}
.art_cal_info li span.type3{color:#1fa489; border:1px #1fa489 solid;}
.art_cal_info li span.type4{color:#7848d9; border:1px #7848d9 solid;}
.art_cal_info li span.type5{color:#666; border:1px #666 solid;}