.view #header:hover {background: rgba(0,0,0,.3)}
.view #header:hover .top_link a {color:#fff}
.view #header:hover h1 a {background:url("../image/common/logo2.png") no-repeat left top; background-size:cover}
.view #header:hover .search_area .bt_search {background: url("../image/common/bt_search2.png") no-repeat 0 0 / cover; }
.view #header:hover .head_top>ul>li h2 a  {color:#fff; }

.view #header h1 a {width: 188px; height: 39px; background-size:cover}
.board_con.con_in {padding:24px 0;}
.sub_top_view .tit {height: 189px;}
.sub_top_view .bt_r_area {top: 217px; right: 20px;}
.board_file *, .board_go * {font-size:12px !important;}
.board_file dt {width:18%; padding: 24px 0 0;}
.board_file dd {width:82%; padding: 24px 0 0;}
.board_file dd button {text-align: left; padding: 0 0 0 20px; background-position: 0 0;}
.board_go dt {width:18%; padding: 12px 0; border:none}
.board_go dd {width:82%; position: relative; width:82%;padding: 12px 0; border:none}
.board_go dd:after {content:''; display: block; width: 123%;height: 1px; position: absolute; bottom:0; left:-23%; border-bottom: 1px solid #e1e1e1;}

.orga_bottom .orga_in dt {width:30%}
.orga_bottom .orga_in dd {width:70%}
.orga_bottom .orga_in a {position: static}
.orga_top {overflow: hidden; height: auto; padding: 20px 10px 10px; background: #2B548D}
.orga_top .top2 {top:90px; left:10px; margin:0}
.orga_top .ul01 {position: static; overflow: hidden; float: right;  width: 49%; margin:0 0 0 }
.orga_top .ul01 li {position: static !important; top:auto !important; left:auto !important; width:100%}
.orga_top .ul01 li:nth-child(2n) {float: right}
.orga_top .ul01 li button,
.orga_top .ul02 li button {width:100%; padding:0; text-align: center}
.orga_top .ul02 li {margin:0;box-sizing: border-box}
.orga_top .ul02 li button {height: 35px; line-height: 35px;}
.orga_top .ul02 {width: 28%; top:80px; left:auto; right:10px; margin: 0;}
.orga_top .ul03 {position: static; top:auto; bottom:0; left:10px; width: 49%; margin:0;float:left;}
.orga_top .ul03 li {float:none; width:100%}
.orga_top .ul01 li button, .orga_top .ul03 li button {width:100%;height: 50px; font-size: 13px; line-height: 50px;}

.db_con_top {padding:20px; height: auto;}
.db_con_top .txt01 {font-size: 20px;line-height: 26px}
.db_con_top .txt02 {line-height: 18px;}
.search_db {padding:20px;  margin: 0 0 15px; }
.search_db dt {width:100%; line-height: 26px;}
.search_db dd {width:100%; line-height: 26px;}
.search_db select {height: 36px; line-height: 36px;}
.search_db .inp01 {width:41%;height: 36px; line-height: 36px;}
.search_db .inp02 {width:100%; height: 36px; line-height: 36px; box-sizing: border-box}
.ytb {height:auto !important}

@media all and (max-width:680px) {  
.db_con_top .txt01 span, .db_con_top .txt02 span {display: inline}
.search_db dl {width:100%}
.tbl4 {table-layout: fixed;}
.tbl4 td {word-break: break-word;}
.search_db label {display: block}
.orga_detail .orga_in3 {margin:25px 0 0;}
.orga_detail .orga_in3 li {padding:20px;}


    .tab_page > li > a,
    .tab_page > li > button {width:100%; font-size: 12px; line-height: 16px;-webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

	.tab_page3_m li:nth-child(1) {width:34%}
	.tab_page3_m li:nth-child(2) {width:44%}
    .tab_page3_m li:nth-child(3) {width:22%}

    .his_map {height:40px;padding: 0;}
    .his_map ul {display: none;}
    .bt_r_area {top:15px;}
    .bt_r_area > a {margin:-4px 0 0 3px; width:20px; height:20px;}
    .bt_r_area > button {width:18px; height:14px;background-size:cover !important}

    .h3_tit { margin: 30px 0 10px; font-size:30px}
    .top_board span {margin-top:12px;}
    .top_board > div {width:70%}
    .board_list > li {padding: 20px 105px 22px 0;}
    .board_list > li > a { margin: 0 0 12px; font-size: 16px; line-height: 20px;}
    .board_list .date, .board_list .look, .board_list > li .con_txt, .board_list > li .tag a {font-size:12px}
    .board_list > li .con_txt {margin: 7px 0;}
    .board_list .date {display: block;   margin:2px 0;}
    .board_list > li * {vertical-align: top;}
    .board_list .date:before, .board_list .date:after {display: none;}
    .board_list > li > a img {right: 10px;}
    .board_list > li .tag a {margin: 0 2px 4px 0;}
    .board_list > li.li02 {padding:20px 110px 22px 0;}
    .board_list > li.li02 > a img {width: 102px; height: 66px; top:63px}
    .board_list2 > li > a img {width: 102px; height: 66px; top:63px; right:0;}

    .pagination {margin: 20px 0 0;}
    .pagination a.prev {margin: 0 5px 0 1px;}
    .pagination .next {margin: 0 1px 0 5px;}
    .pagination a, .pagination span {width: 4%; height: 16px; margin: 0 1px; font-size: 12px; line-height: 16px;}
    .sub_bottom {height:auto; margin: 30px 0 0; padding: 10px;}
    .sub_bottom dt {line-height: 28px;}
    .sub_bottom dd {position: static; line-height: 28px;}
    .sub_bottom dd span {display: block; margin: 0;}

    .view .bg_pubm {height:300px;background:none}
    .sub_top {height: 90px;font-size: 22px; line-height: 90px;}
    .pagination a, .pagination span {margin: 0 2px;}
    .view #content {padding:0; margin:0;}
    .sub_top_view {height: auto; margin:0 0 20px; padding-top:110px; padding-bottom:10px; background: url(../image/pubm/view_top.jpg) no-repeat 0 0 / cover;}
    .sub_top_view .subj {margin:0 0 5px; font-size: 12px;}
    .sub_top_view .tit {width: 100%; height: auto; margin: 0 0 10px; font-size: 20px; line-height: 30px;}
    .sub_top_view .date {display:block; margin:0 22px 0 0;}
    .sub_top_view .write, .sub_top_view .date, .sub_top_view .look {font-size:12px}
    .sub_top_view .write {display: block; margin:0 0 5px;}
    .sub_top_view .date, .sub_top_view .look {display:inline-block}
    .sub_top_view .date:before {display: none;}
    .sub_top_view * {vertical-align: top;}
    .sub_top_view .date em, .sub_top_view .look em {vertical-align: 0}
    .sub_top_view .bt_r_area {top: 99px; right: 20px;}
    .bt_r_area > button {margin: 0 0 0 7px;}
    .board_con {color:#000}
    .board_con.con_in {padding:12px 0; font-size: 14px; line-height: 18px;}
    .board_con .tag {margin: 20px 0;}
    .board_con .tag a {font-size: 12px;margin: 0 2px 4px 0;}
    .board_file {margin: 25px 0 0;}
    .board_file dt { padding: 12px 0 0;}
    .board_file dd { padding: 12px 0 0;}

    .board_con_top {padding: 18px 0 14px; margin: 40px 0 0; text-align: left}
    .board_con_top .subj {margin:0 0 5px; font-size: 12px;}
    .board_con_top .tit {width: 100%; height: auto; margin: 0 0 10px; font-size: 20px; line-height: 30px;}
    .board_con_top .date {display:block; margin:0 22px 0 0;}
    .board_con_top .write, .board_con_top .date, .board_con_top .look {font-size:12px}
    .board_con_top .write {display: block; margin:0 0 5px;}
    .board_con_top .date, .board_con_top .look {display:inline-block}
    .board_con_top .date:before {display: none;}
    .board_con_top * {vertical-align: top;}
    .board_con_top .date em, .board_con_top .look em {vertical-align: 0}
    .board_con_top .part, .board_con_top .regis {font-size:12px}
    .board_con_top .part em, .board_con_top .regis em {vertical-align: top; line-height: 16px;}
    .board_info_top li {position: relative; width: 100%; min-height:39px; float: none; padding:10px 10px 10px 90px; box-sizing: border-box}
    .board_info_top li strong {position: absolute; top:12px; left:0; }

    .board_go {margin:0 0 20px;}
    .pro_con_top {height: 141px;  padding:0; margin: 0 0 20px;background-size: cover}
    .pro_con .tab_page {margin: 0 0 25px;}
    .pro_con_txt {padding: 24px 0 0; font-size: 14px; line-height: 18px;}
    .pro_con.con_in .sel01 {top: 70px; width:100px;}   
    
    .board_m_list {padding: 10px 0}
    .board_m_list li { width: 50%; padding: 0 2.5px 20px 0;}
    .board_m_list li:nth-child(2n) {padding: 0 0 10px 2.5px;}
    .board_m_list li a, .board_m_list li button {font-size:12px; line-height:16px;}
    .board_m_list img {margin:0 0 10px; width:100%; height: auto;}
    .board_m_list li button span span {display: block; height:auto; margin:0 0 10px;}
    .board_m_list li button .date {display: block; margin:3px 0 0; font-size:12px; line-height:16px;}
    .board_m_list li .btn_modify {position: static;}
    .board_m_list li .bt_purple {padding:0 10px; font-size:12px; line-height:25px; }

    .int_con_top {height: 140px;  padding:0; margin: 0;}
    .int_con_txt {padding: 24px 0 0; font-size: 14px; line-height: 18px;}
    .int_con_txt .sign {text-align: right; overflow: hidden;}
    .orga_bottom li {padding: 10px 0 0}
    .orga_bottom .orga_in {float: none; width: 100%}
    .orga_bottom .orga_in dt {width:30%}
    .orga_bottom .orga_in dd {width:70%;word-wrap:break-word;}
    .orga_top .top0 {width:38%; font-size: 14px; line-height: 40px;}
    .orga_top .top, 
    .orga_top .top2 {width:28%; font-size: 14px; line-height: 40px;}
	.orga_top .top2 {top:80px;}
    .orga_top .ul01,.orga_top .ul03 {width:47%}
    .orga_top .ul02 {top:70px}
    .orga_top .ul02 li button {height: 30px; line-height: 30px;}
    .orga_top .ul01 li button, .orga_top .ul03 li button {height: 40px; line-height: 40px;}

    .orga_bottom li {padding:0; border-bottom:none}
    .orga_bottom .orga_in { padding: 20px 0 20px 116px; border-bottom: 1px solid #e1e1e1;}
    .orga_bottom .orga_in img {top: 20px; width:100px; height:134px ;}

    .orga_detail .orga_in {min-height: 177px; padding: 20px 0 20px 116px;}
    .orga_detail .orga_in img {top: 20px; width:100px; height:134px ;}
    .orga_detail .orga_in dt {width:30%}
    .orga_detail .orga_in dd {width:70%;word-wrap:break-word;min-height:14px;}
    .orga_detail .orga_in2 {padding: 12px 0 7px;}
    .orga_detail .orga_in2 dt {float:none; width: 100%;  margin: 0 0 5px;font-size: 16px; line-height: 22px;}
    .orga_detail .orga_in2 dd {float:none; width: 100%;  margin: 0 0 18px; font-size: 14px; line-height: 22px;}

    .h4_tit {margin: 25px 0 10px; font-size: 18px}
    .tbl3 td {padding:10px;}
    .tbl3_3 td:last-child {padding:10px;}
    
    .cal_top {margin: 15px 0}
    .cal_top strong {font-size:28px}
    .calendar {margin: 0 0 24px;}
    .calendar th {padding: 13px 0 10px; font-size: 12px;}
    .calendar td button {padding: 0}
    .calendar td button > span:first-child {top: 5px; left: 3px; font-size: 12px;}
    .calendar td button span+span {bottom:5px; max-height: 66px; word-break: normal; overflow: hidden;  padding: 0 4px 0 8px;  font-size: 12px; line-height: 16px;}
    .calendar td button span+span::after {top: -2px; font-size: 16px;}
    .calendar td button.today::after {top: 20px;right: 0;font-size: 11px; width: 100%; text-align: center;  padding: 2px; background: mintcream; box-sizing: border-box;}
    .tbl thead th {padding: 10px 5px;}
    .tbl td {padding: 11px 5px;}
    .tbl td.noti {width:30%}
    .tbl_m01 th:nth-child(1),
    .tbl_m01 td:nth-child(1),
    .tbl_m01 th:nth-child(2),
    .tbl_m01 td:nth-child(2),
    .tbl_m01 th:nth-child(4),
    .tbl_m01 td:nth-child(4),
    .tbl_m01 th:nth-child(5),
    .tbl_m01 td:nth-child(5),
    .tbl_m01 th:nth-child(6),
    .tbl_m01 td:nth-child(6),
    .tbl_m01 th:last-child,
    .tbl_m01 td:last-child {display: none;}
    .tbl_m02 th:nth-child(1),
    .tbl_m02 td:nth-child(1),
    .tbl_m02 th:nth-child(2),
    .tbl_m02 td:nth-child(2),
    .tbl_m02 th:nth-child(4),
    .tbl_m02 td:nth-child(4),
    .tbl_m02 th:nth-child(5),
    .tbl_m02 td:nth-child(5) {display: none;}
    .tbl_m03 th:nth-child(1),
    .tbl_m03 td:nth-child(1) {display: none;}
    .tbl_m03 th:nth-child(3),
    .tbl_m03 td:nth-child(3),
    .tbl_m03 th:nth-child(4),
    .tbl_m03 td:nth-child(4) {width:21%}
    .tbl_m01 th:nth-child(4),
    .tbl_m01 td:nth-child(4) {width:25%}
    .tbl2 th:first-child,
    .tbl2 td:first-child {display: none;}
    .tbl2 td {padding:5px;}
    .tab_page {margin:0 0 20px;}
    
    .bt_purple {padding:0 28px; font-size:14px; line-height:36px; background:#322658}/* 이전 */
    .bt_purple2 {padding: 5px; font-size: 12px;line-height: 16px; background:#322658}/* 일정안내 */
    .bt_purple3 {padding:0 20px; font-size:13px; line-height:36px; background:#322658}/* 프로그램 */

    .loc_con .map {height:230px;}
    .loc_con ul {margin:13px 0 0}
    .loc_con li {margin:0 0 10px; line-height: 20px;}
    .loc_con li:last-child strong:nth-child(3) { margin:0 0 0 29px }
    .loc_con li:last-child a {width: 68%; margin:0 0 10px 0}
} 
@media all and (max-width:414px) {  
    .pro_con_top.sub_t01 {background:url("../image/program/bg01_m.jpg") no-repeat center top / cover !important}
    .pro_con_top.sub_t02 {background:url("../image/program/bg02_m.jpg") no-repeat center top / cover !important}
    .pro_con_top.sub_t03 {background:url("../image/program/bg03_m.jpg") no-repeat center top / cover !important}
    .pro_con_top.sub_t04 {background:url("../image/program/bg04_m.jpg") no-repeat center top / cover !important}
    .int_con_top {background:url("../image/introduce/bg01_m.jpg") no-repeat center top / cover}
} 
@media all and (max-width:320px) {  
    .pro_con_top,.int_con_top {height: 119px;}
    .loc_con li:last-child a { width: 62%; }
} 
/* 0826 add */
.con_layout04 {position: relative;  padding: 24px 0 0 0; font-size:14px; line-height:20px; color:#777; letter-spacing: -0.5px; word-break: keep-all}
.con_layout04 > strong {display: block; margin:0 0 20px;font-size:18px;}
.con_layout04 .prof {position: static; width:100%; height: auto; margin:0 0 20px;}
.con_layout04 .sign {position: static; display: block; width:auto; margin:0 0 10px; font-size:14px; line-height:20px; color:#777; }
.con_layout04 .sign strong {color:#333}