/* table */
.table_wrap{width:100%;border-top:1px solid #003263;}
.board_top{width:100%;}
.board_top::after{content:'';display:block;clear:both;}
.board_top p span{color:#ff0000;font-weight:500;}
.board_search{width:100%;padding:10px;box-sizing:border-box;margin-bottom:10px;background:#f4f4f4;border:1px solid #ccc;}
.board_search::after{content:'';display:block;clear:both;}
.board_search .board_search_inner{width:360px; margin:auto;}
.board_search .board_search_inner::after{content:'';display:block;clear:both;}
.board_search .board_search_inner > div{float:left; margin-right:6px;}
.board_search .board_search_inner > div:last-child{margin-right:0;}



.calendar_wrap{display: none;}
.board_search .board_search_inner .calendar_wrap ul::after{content:'';display:block;clear:both;}
.board_search .board_search_inner .calendar_wrap ul li{float:left;    background: none;
    margin: 0;
    padding: 0;}
.board_search .board_search_inner .calendar_wrap ul li.wave{margin:0 10px;line-height:33px;}
.board_search .board_search_inner .calendar_wrap ul li input[type="text"]{width:100px;margin-right:0px;}
.board_search .board_search_inner .search input[type="text"]{width:200px;margin-right:3px;}
.board_search .board_search_inner .search a{display:inline-block;padding:6px 10px 6px 35px;box-sizing:border-box;background:#003263 url(/usr/images/suwon_common/btn_search.png) left 10px center no-repeat;background-size:20px;font-size:14px;color:#fff;}

.table_wrap table{width:100%;}
.table_wrap tr{border-bottom:1px solid #ddd;}
.table_wrap thead th{padding:8px 10px;box-sizing:border-box;background:#e7e9ef;text-align:center;}
.table_wrap tbody th{padding:8px 10px;box-sizing:border-box;background:#e7e9ef; width:20%;}
.table_wrap tbody td{padding:8px 10px;box-sizing:border-box;text-align:center;    box-sizing: border-box;
    border: 0;  width:80%;}
.table_wrap .subject{text-align:left;}
.table_wrap .subject::after{content:'';display:block;clear:both;}
.table_wrap .subject a{float:left;width:calc(100% - 95px);}
.table_wrap .subject .tit_icon{position: relative;float:left;margin-left:10px;line-height:21px;     background: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    vertical-align: middle; }
.table_wrap .subject .tit_icon span{vertical-align:middle;}
.table_wrap .subject .tit_icon .i_new{display:inline-block;width:15px;height:15px;text-indent:-9999px;background:url(/usr/images/suwon_common/icon_new.png) center no-repeat;}
.table_wrap .subject .tit_icon .i_reply{}
.table_wrap .subject .tit_icon .i_file{display:inline-block;width:15px;height:15px;text-indent:-9999px;background:url(/usr/images/suwon_common/icon_file.png) center no-repeat;background-size:13px;}
.table_wrap .subject .tit_icon .i_secret{display:inline-block;width:15px;height:15px;margin-left: 5px;text-indent:-9999px;background:url(/usr/images/suwon_common/icon_secret.png) center center no-repeat;}

.table_wrap.view td{text-align:left;    width: 100%;}

.table_wrap.write td{text-align:left;}
.table_wrap.write .calendar_Wrap input[type="text"]{width:100px;}
.table_wrap.write .file_wrap{}
.table_wrap.write .txt_point_01{color:#fd951b;}
.table_wrap.write .file_txt{}
.table_wrap.write .file_txt p{margin-bottom:10px;}
.table_wrap.write .file_txt form select{width:100%;height:100px;overflow-y:auto;border:1px solid #ddd;padding:10px;box-sizing:border-box}
.table_wrap.write .file_txt form select option{display:block;max-width:97%;overflow:hidden;padding:2px 5px;white-space:nowrap;text-overflow:ellipsis;}
.table_wrap.write .file_attach{margin-top:10px;text-align:right;}
.table_wrap.write .file_attach:after{content:'';display:block;clear:both;}
.table_wrap.write .file_attach #in_file_01{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.table_wrap.write .file_attach .btn_file{display:inline-block;min-width:80px;padding:0 15px;height:35px;line-height:33px;box-sizing:border-box;font-weight:400;background:#fff;border:1px solid #062f6e;color:#062f6e;cursor:pointer;}

label{    vertical-align: middle;}


.table_wrap.prevNextList{border-top:1px solid #ddd;margin:20px 0;}
.table_wrap.prevNextList .prev{background:#e7e9ef url(/usr/images/suwon_common/icon_boardprev.png) right 10px center no-repeat;}
.table_wrap.prevNextList .next{background:#e7e9ef url(/usr/images/suwon_common/icon_boardnext.png) right 10px center no-repeat;}
.table_wrap.prevNextList td{text-align:left;}

.blog_wrap{width:100%;border-top:1px solid #003263;}
.blog_con{border-bottom:1px solid #ddd;}
.blog_con::after{content:'';display:block;clear:both;}
.blog_L{float:left;width:200px;padding:20px;box-sizing:border-box;}
.blog_L img{width:100%;}
.blog_R{float:left;width:calc(100% - 200px);padding:20px;box-sizing:border-box;}
.blog_R .tit{font-size:14px;font-weight:500;}
.blog_R .writer span{padding-right:10px;background:url(/usr/images/suwon_common/blog_bar.png) right center no-repeat;}
.blog_R .writer span.date{padding-left:10px;background:none;}

.video_wrap{width:100%;border-top:1px solid #003263;}
.video_con ul{border-bottom:1px solid #ddd;}
.video_con ul::after{content:'';display:block;clear:both;}
.video_con ul li{float:left;width:25%;padding:10px;box-sizing:border-box;}
.video_con ul li .video{display:block;width:100%;height:calc(100% - 36px);border:1px solid #ddd;box-sizing:border-box;}
.video_con ul li .video img{width:100%;}
.video_con ul li .subject{margin-top:5px;}
.video_con ul li .writer{text-align:right;}
.video_con ul li .writer span{display:inline-block;padding-right:10px;background:url(/usr/images/suwon_common/blog_bar.png) right 0px center no-repeat;}
.video_con ul li .writer span.date{padding-left:10px;padding-right:0;background:none;}

.list2_wrap{width:100%;border-top:1px solid #003263;}
.list2_con ul{border-bottom:1px solid #ddd;}
.list2_con ul::after{content:'';display:block;clear:both;}
.list2_con ul li{float:left;width:25%;padding:10px;box-sizing:border-box;    background: none;
    margin: 0;}
.list2_con ul li .list2{display:block;width:100%;height:220px;border:1px solid #ddd;box-sizing:border-box;}
.list2_con ul li .list2 img{width:100%;}
.list2_con ul li .subject{margin-top:5px;}
.list2_con ul li .writer{text-align:right;}
.list2_con ul li .writer span{display:inline-block;padding-right:10px;background:url(/usr/images/suwon_common/blog_bar.png) right 0px center no-repeat;}
.list2_con ul li .writer span.date{padding-left:10px;padding-right:0;background:none;}



/* btn_calendar */
.btn_calendar{display:inline-block;width:30px;height:30px;background:url(/usr/images/suwon_common/btn_calendar.png) center center no-repeat;cursor:pointer;}

/* calendar */
.table_wrap.calendar thead th{padding:5px 0;background:#003263;color:#fff;}
.table_wrap.calendar div.ymd{font-size:24px; text-align:center; font-weight:700; padding:30px 0;}
.table_wrap.calendar div.ymd a{display:inline-block;line-height:28px;}
.table_wrap.calendar div.ymd span{display:inline-block;margin:0 30px;}
.table_wrap.calendar tbody tr:last-child{border-bottom:3px solid #003263;}
.table_wrap.calendar tbody tr:last-child td{border-bottom:0;}
.table_wrap.calendar tbody tr td{height:100px;padding:5px 10px;vertical-align:text-top; text-align:left;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table_wrap.calendar tbody tr td div{font-weight:400;}
.table_wrap.calendar tbody tr td .memo p{font-size:13px;padding-left:10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;line-height:1.2;-webkit-box-orient:vertical;}
.table_wrap.calendar tbody tr td .memo p.no_1{background:url(/usr/images/suwon_common/bul_01.png) left center no-repeat;}
.table_wrap.calendar tbody tr td .memo p.no_2{background:url(/usr/images/suwon_common/bul_02.png) left center no-repeat;}
.table_wrap.calendar tbody tr td:last-child{border-right:0;}
.table_wrap.calendar tbody tr td.none_date{background:#eee;}
.table_wrap.calendar tbody tr td time .m_date{display:none;}
.table_wrap.calendar > p span.m_date{font-size:23px;margin:0px 10px;font-weight:bold;}
.table_wrap.calendar > p a{display:inline-block;vertical-align:bottom;line-height:23px;font-weight:bold;}
.table_wrap.calendar tbody tr td div.sun > time, .calendar tbody tr td div.sun > time span{color:#c51f1f;}
.table_wrap.calendar tbody tr td div.sat > time, .calendar tbody tr td div.sat > time span{color:#1f23c5;}
.table_wrap.calendar .select_wrap{padding-bottom:30px;}
.table_wrap.calendar .select{width:150px;margin:0 auto;border:1px solid #ddd;overflow:hidden;background:#fff;}
.table_wrap.calendar .select select{width:100%;color:#777;}


.calendar_tab{padding-bottom:30px;}
.calendar_tab ul{text-align:center;}
.calendar_tab ul::after{content:'';display:block;clear:both;}
.calendar_tab ul li{display:inline-block;margin-right:10px;}
.calendar_tab ul li:last-child{margin-right:0;}
.calendar_tab ul li a{border:1px solid #a0a0a0;color:#636363;}
.calendar_tab ul li.on a{border:1px solid #f4b221;color:#fff;background:#f4b221;}

/* FAQ */
.faq_wrap{border-top: 2px solid #062f6e;}
.faq_wrap .faq > li{border-bottom:1px dashed #ddd;}
.faq_wrap .faq > li > a{position:relative;display:block;min-height:19px;padding:23px 50px 20px 55px ;font-weight:400;box-sizing:border-box;background:url(/usr/images/suwon_common/faq_arrow.png) right 15px center no-repeat;background-size:14px;}
.faq_wrap .faq > li:last-child{border-bottom:1px solid #ddd;}
.faq_wrap .faq > li > a:after{display:block;content:'';clear:both;}
.faq_wrap .faq > li > a > .icon_question{position:absolute;top:50%;left:20px;margin-top:-11px;float:left;display:block;width:20px;height:22px;background:url(/usr/images/suwon_common/icon_question.png) 0 0 no-repeat;text-indent:-9999px;}
.faq_wrap .faq > li > a > .tit{float:left;display:block;font-weight:400;}

.faq_wrap .faq > li.on{}
.faq_wrap .faq > li.on > a{background: url(/usr/images/suwon_common/faq_arrow_on.png) right 15px center no-repeat;background-size:14px;}

.faq  .answer_wrap{display:none;padding:20px;background-color:#f7f7f7;}


.faq  .answer_wrap > li{padding-left:35px;background:url(/usr/images/suwon_common/icon_answer.png) 0 0 no-repeat;line-height:1.8em;}
.faq .answer_wrap > li p{ word-break: break-all;}


.faq .file_wrap{display:block;margin-top:20px;padding-top:20px;border-top:1px dotted #ccc;}
.faq .file_wrap:after{display:block;content:'';clear:both;}
.faq .file_wrap .btn_file_down{display:block;width:100%;text-indent:0;box-sizing:border-box}




/* btn */
.btn_wrap{margin:20px 0;}
.btn_wrap:after{content:'';display:block;clear:both;}
.box_center{text-align:center;}
.box_right{float:right;}
.box_left{float:left;}
.box_right .btn,.box_center .btn{margin-left:5px;}
.box_left .btn{margin-right:5px;}

.btn{display:inline-block;min-width:80px;padding:0 15px;height:35px;line-height:33px;box-sizing:border-box;text-align:center !important;font-weight:400;}
.btn_basic{background:#fff;border:1px solid #333;color:#333;}
.btn_point{background:#003263;border:1px solid #003263;color:#fff !important;}
.btn_line{background:#fff;border:1px solid #062f6e;color:#062f6e;}
.btn_gray{background:#f3f3f3;border:1px solid #e6e6e6;color:#333;}
.btn_pdf{display:block;width:120px; margin:40px auto;}




/* paging */
.paging{text-align:center;margin-top:20px;}
.paging a{display:inline-block;min-width: 26px;height:26px;padding: 0 5px;color:#777;line-height:26px;box-sizing:border-box;}




.paging .page{border:1px solid #eee;text-indent:-9999px;}
.paging .first{background:url(/usr/images/suwon_common/paging_prev_02.png) center center no-repeat;}
.paging .prev{background:url(/usr/images/suwon_common/paging_prev_01.png) center center no-repeat;}
.paging .next{background:url(/usr/images/suwon_common/paging_next_01.png) center center no-repeat;}
.paging .last{background:url(/usr/images/suwon_common/paging_next_02.png) center center no-repeat;}
.paging .paging_click{color:#fff;background:#003263;font-weight:400;}


.paging a:hover{color:#fff;background:#003263;}

.paging a.paging{color:#fff;background:#003263;}


.paging .first:hover{border:1px solid #333;background:#003263 url(/usr/images/suwon_common/paging_prev_02_on.png) center center no-repeat;}
.paging .prev:hover{border:1px solid #333;background:#003263 url(/usr/images/suwon_common/paging_prev_01_on.png) center center no-repeat;}
.paging .next:hover{border:1px solid #333;background:#003263 url(/usr/images/suwon_common/paging_next_01_on.png) center center no-repeat;}
.paging .last:hover{border:1px solid #333;background:#003263 url(/usr/images/suwon_common/paging_next_02_on.png) center center no-repeat;}


/* ellipsis */
.ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis3{overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;line-height:1.2;-webkit-box-orient:vertical;}
.ellipsis5{overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:5;line-height:1.2;-webkit-box-orient:vertical;}


.board_top > p{margin: 0;
    padding: 0;
    background: none;}


/* Mobile */
@media (max-width:426px){
.board_pc{display:none;}
.remove{display:none;}

.board_search .board_search_inner{float:none; width: 100%;}
.board_search .board_search_inner > div{float:none;margin-right:0;margin-bottom:10px;}
.board_search .board_search_inner > div:last-child{margin-bottom:0;}
.board_search .board_search_inner .select_wrap select{width:100%;}
.board_search .board_search_inner .search input[type="text"]{width:calc(100% - 75px);}

.table_wrap .subject .tit_icon{line-height:17px;}
.table_wrap.view tbody{display:block;}
.table_wrap.view tbody tr {display:block;}
.table_wrap.view tbody tr th{display:block;width:100%;}
.table_wrap.view tbody tr td{display:block;width:100%;}
.table_wrap.write tbody{display:block;}
.table_wrap.write tbody tr{display:block;}
.table_wrap.write tbody tr th{display:block;width:100%;}
.table_wrap.write tbody tr td{display:block;width:100%;text-align:center;}
.table_wrap.write tbody tr td.content{word-break:break-all;}
.table_wrap.write tbody tr td.content p{ margin: 0; padding: 0; background: none;}

.blog_con{padding:20px;box-sizing:border-box;}
.blog_L{float:none;width:100%;padding:0;margin-bottom:20px;}
.blog_R{float:none;width:100%;padding:0;}
.blog_R p{font-size:13px;margin-bottom:5px;}
.blog_R p:last-child{margin-bottom:0;}

.video_con ul li{width:50%;}

.list2_con ul li{width:100%;}

.table_wrap.calendar .ymd{text-align:left;}
.table_wrap.calendar table tbody{width:100%;display:block;border-top:2px solid #dfd8c6;margin-bottom:15px;}
.table_wrap.calendar table tbody tr {display:block;width:100%;}
.table_wrap.calendar tbody tr:last-child td{border-bottom:1px solid #ddd;}
.table_wrap.calendar tbody tr td:last-child{border-right:1px solid #ddd;}
.table_wrap.calendar table tbody tr td {display:inline-block;width:100%;height:auto;padding:0;border-top:0px;}
.table_wrap.calendar table tbody tr td::after{content:"";display:block;clear:both;}
.table_wrap.calendar table tbody tr td div{float:left;}
.table_wrap.calendar .c_header{display:none;}
.table_wrap.calendar table tbody tr td .date{width:60px;}
.table_wrap.calendar table tbody tr td .memo{width:calc(100% - 60px);}
.table_wrap.calendar table tbody tr td .memo div {display:inline-block;width:60px;vertical-align:middle;border-right:1px solid #dfd8c6;padding:10px 5px;box-sizing:border-box;font-weight:bold;}
.table_wrap.calendar tbody tr td .memo p{margin-left:10px;}
.table_wrap.calendar table tbody tr td time{display:inline-block;width:60px;vertical-align:middle;border-right:1px solid #dfd8c6;text-align:right;padding:10px 5px;box-sizing:border-box;background:#fbfaf7;font-weight:bold;}
.table_wrap.calendar table tbody tr td time span{margin-left:5px;}
.table_wrap.calendar table tbody tr td time span.m_date{font-size:10px;display:block;margin-bottom:5px;}

.calendar_tab ul li{margin-top:10px;}


}





/* Mobile */
@media (min-width:426px) and (max-width:768px){
.board_pc{display:none;}
.remove{display:none;}

.board_search .board_search_inner{float:none;}
.board_search .board_search_inner > div{float:none;margin-right:0;margin-bottom:10px;}
.board_search .board_search_inner > div:last-child{margin-bottom:0;}
.board_search .board_search_inner .select_wrap select{width:100%;}
.board_search .board_search_inner .search input[type="text"]{width:calc(100% - 75px);}

.table_wrap .subject .tit_icon{line-height:17px;}
.table_wrap.view tbody{display:block;}
.table_wrap.view tbody tr {display:block;}
.table_wrap.view tbody tr th{display:block;width:100%;}
.table_wrap.view tbody tr td{display:block;width:100%;}
.table_wrap.write tbody{display:block;}
.table_wrap.write tbody tr{display:block;}
.table_wrap.write tbody tr th{display:block;width:100%;}
.table_wrap.write tbody tr td{display:block;width:100%;text-align:center;}

.blog_wrap::after{content:'';display:block;clear:both;}
.blog_con{float:left;width:50%;padding:20px;box-sizing:border-box;}
.blog_L{float:none;width:100%;padding:0;margin-bottom:20px;}
.blog_R{float:none;width:100%;padding:0;}
.blog_R p{font-size:13px;margin-bottom:5px;}
.blog_R p:last-child{margin-bottom:0;}

.video_con ul li{width:50%;}

.list2_con ul li{width:50%;}

.table_wrap.calendar .ymd{text-align:left;}
.table_wrap.calendar table tbody{width:100%;display:block;border-top:2px solid #dfd8c6;margin-bottom:15px;}
.table_wrap.calendar table tbody tr {display:block;width:100%;}
.table_wrap.calendar tbody tr:last-child td{border-bottom:1px solid #ddd;}
.table_wrap.calendar tbody tr td:last-child{border-right:1px solid #ddd;}
.table_wrap.calendar table tbody tr td {display:inline-block;width:100%;height:auto;padding:0;border-top:0px;}
.table_wrap.calendar table tbody tr td::after{content:"";display:block;clear:both;}
.table_wrap.calendar table tbody tr td div{float:left;}
.table_wrap.calendar .c_header{display:none;}
.table_wrap.calendar table tbody tr td .date{width:60px;}
.table_wrap.calendar table tbody tr td .memo{width:calc(100% - 60px);}
.table_wrap.calendar table tbody tr td .memo div {display:inline-block;width:60px;vertical-align:middle;border-right:1px solid #dfd8c6;padding:10px 5px;box-sizing:border-box;font-weight:bold;}
.table_wrap.calendar tbody tr td .memo p{margin-left:10px;}
.table_wrap.calendar table tbody tr td time{display:inline-block;width:60px;vertical-align:middle;border-right:1px solid #dfd8c6;text-align:right;padding:10px 5px;box-sizing:border-box;background:#fbfaf7;font-weight:bold;}
.table_wrap.calendar table tbody tr td time span{margin-left:5px;}
.table_wrap.calendar table tbody tr td time span.m_date{font-size:10px;display:block;margin-bottom:5px;}

.calendar_tab ul li{margin-top:10px;}

}

/* Tablet */
@media (min-width:769px) and (max-width:1079px){
.board_mobile{display:none;}
}

/* Mobile & Tablet */
@media (max-width:1079px){

}

/* PC */
@media (min-width:1080px){
.board_mobile{display:none;}
}

/* Mobile */
@media (max-width:768px){
.table_wrap tbody th, .table_wrap tbody td{width:100%;}
.btn{min-width:67px;}
}