@charset "UTF-8";
/*개발 여주*/

.hide {position: absolute; left: -9999px; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px; text-indent: -9999em;} 

/*0201*/
.board_top_tab li{ float: left; width: 25%;}
.board_top_tab.type02{ margin: 0 auto 40px;}
.board_top_tab.type02 li{width: 50%;}
.board_top_tab.type05 li{width: 20%;}
.board_top_tab.type04 li{width: 25%;}
.board_top_tab li > a{ display: block; text-align: center; line-height: 1.5; border: 1px solid #fff; border-width: 0 1px 1px 0;
 padding: 12px 0; position: relative; background: #f5f5f5;}
.board_top_tab li.on a{ font-weight: 500; background: #117ed0; color: #fff;}

.skin2.full{ padding: 27px 0; background: #f5f5f5; border: 1px solid #dedede; text-align: center;}
.skin2.full .sch_bar{ margin: 0 auto; float: none;}
.skin2.full .sch_input{ width: 485px; float: none; vertical-align: middle;}
.skin2.full .sch_btn{ float: none; vertical-align: middle;}

.brd_total{ padding-top: 35px; padding-bottom: 1px; overflow: hidden; margin-bottom: 17px;}
.brd_total .total_left{float: left;}
.brd_total .total_left .total{color: #3d3d3d;}
.brd_total .total_left em{color: #32c1c9;}
.brd_total .total_right{float: right;}
.brd_total .total_right em{color: #32c1c9;}

.search_list{position: relative; margin-top: 30px;}
.search_list:first-child{margin-top: 0;}
.search_cont{ border-bottom: 1px solid #dedede; padding: 22px 0; border-top: 2px solid #000;}
.search_area{margin-top: 20px; padding-top: 20px; border-top: 1px solid #dedede;}
.search_area:first-child{margin-top: 0; border: 0; padding: 0;}
.search_tit{overflow: hidden;}
.search_tit .kind{
    float: left;
    margin-right: 5px;
    padding: 3px 10px;
    vertical-align: middle;
    line-height: 1.2;
}
.search_tit .kind + a{float: left; 
    width: calc(100% - 53px);
    margin-top: 2px;
}
.search_tit a{display: block; font-weight: 600; font-size: 1.250em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;}

.search_doc{margin-top: 8px;}
.search_doc div{font-size: 1em;}
.search_doc div:first-child{ overflow: hidden; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em;}
.search_doc div:last-child{margin-top: 12px; text-align: right;}
.btn_plus{position: absolute; top: -3px; right: 0;
    border: 1px solid #e2e2e2; padding: 3px 10px 3px 24px; 
    background: #fff url(/_static/yjcf/img/sub/btn_plus.png) no-repeat center left 10px;}
.btn_plus span{ color: #686868; font-size: 0.875em; font-weight: 300; display: inline-block; vertical-align: middle; margin-top: 2px; }
   

   
.search_box{width: auto;}

.pagination.paging_mobile{display: none;}


.search_list .tit{margin-bottom: 12px; position: relative;}
.search_list .tit > span{display: inline-block; font-weight: 500; font-size: 1.375em; position: relative; color: #171717; line-height: 1;}
.search_list .tit > span:before { content: ''; display: none; position: absolute; top: 0; left: 0; background:#1464c8; width: 26px; height: 3px;}
.search_list .tit > span > .num{color: #117ed0;}


/*210210 공지사항 sch_bar */
/*3_1_1*/
.sch_bar_box {padding-bottom:15px; border-bottom: 2px solid #333333;}
.sch_bar_box .total_txt {position: relative; float:left; padding-left:10px; margin-top:5px; font-size:0.875em;}
.sch_bar_box .total_txt .total .num {color:#32c1c9;}
/* 페이지수 | */
/* .sch_bar_box .total_txt .total:after{content:''; display: inline-block; vertical-align: middle; width: 1px; height:8px; background-color:#c2c2c2; margin:0px 8px 1px 10px; } */
.sch_bar_box .total_txt:before{content: ""; display: inline-block; width: 4px; height: 4px; background-color: #4c4c4c; position: absolute; left: 0; top: 6px;}
.sch_bar_box .sch_bar {float:right;}
.sch_bar_box .sch_bar.left{float:left;}
.sch_bar_box .sch_bar:after {content:""; display:block; width:0; height:0; clear:both;}

/* 작은 화살표 영역 */
.slt_box{padding-bottom: 15px;}

/*작은 화살표.*/
/*단독*/
.skin select {background:#fff url(/_static/yjcf/img/sub/select_arrow2.png) no-repeat center right 3px; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; display:none; font-family: 'KoPubWorld Dotum', '나눔고딕', 'Nanum Gothic', 'sans-serif';}
/*1_1_2*/
.skin .sch_slt {display: inline-block; /*min-width: 238px;*/ height: 30px; padding: 0 20px 0 10px; border: 1px solid #bfbfbf; color: #333333; font-size: 0.875em;}
.skin select.sch_slt::-ms-expand {display:none}

/*게시판일 경우 작은 화살표*/
.sch_bar_box.skin .sch_slt{min-width: 86px; float: left;}
.sch_bar_box.skin .sch_input {display:inline-block; float:left; width:216px; height:30px; padding: 0 10px; border:1px solid #999999; margin-left: 5px;}
.sch_bar_box.skin .sch_btn {display:inline-block; float:left; width:52px; height:30px; line-height:28px; background-color:#333333; border:1px solid #333333; color:#fff; font-size:0.813em; text-align:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; margin-left: 5px;}
.sch_bar_box.skin .sch_btn span {display:inline-block; color:#fff;}
.sch_bar_box.skin .sch_btn:hover, .sch_bar_box.skin .sch_btn:focus { border:1px solid #333333; background-color:#fff; }
.sch_bar_box.skin .sch_btn:hover .ico, .sch_bar_box.skin .sch_btn:focus .ico{color: #333333;}
.sch_bar_box.skin select.sch_slt::-ms-expand {display:none}

/*예술DB 검색창 긴 것 6_2_1*/
.sch_bar_box.skin .sch_input.long{width: 419px;}

/* 210210 테이블 게시판 */
.board_list {width:100%; text-align:center; border-collapse:collapse; table-layout:fixed;}
.board_list thead {border-bottom:1px solid #dedede; background-color:#f7f7f7;}
.board_list thead tr th {color:#0e0e0e; background:#f7f7f7; font-weight: 600;}
.board_list tbody tr {border-bottom:1px solid #dedede; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;} 
.board_list th, .board_list td {padding:12px 5px; font-size: 0.875em;}
.board_list td.name a {display: inline-block; margin-top: 0;}

.board_list .tit {text-align:left;}
.board_list .tit a {display: block; width:100%; position:relative; z-index:1; overflow:hidden; max-width:100%; /*min-height:20px;*/ vertical-align:top; text-overflow:ellipsis; white-space:nowrap; /*font-weight: 300;*/}

/*공지*/
.board_list tbody .top td em{ color: #ffffff; background: #cd867e; display: inline-block; padding: 1px 7px; font-size: 0.938em; border-radius: 5px; vertical-align: middle;}



/* 210210 notice_wrap */
.skin2 select {background:#fff url(/_static/yjcf/img/sub/select_arrow.png) no-repeat center right 10px; border-radius: 0px;-webkit-appearance: none;-moz-appearance: none; appearance: none; display:none; }
.skin2 .sch_label {display:inline-block; float:left; height:40px; line-height:38px; margin-right:5px;}
.skin2 .sch_slt {display:inline-block; /*float:left; */width:136px;height:40px;padding:0 26px 0 12px;border:1px solid #cccccc;color:#333333;vertical-align: middle;}
.skin2 .sch_input {display:inline-block; float:left; width:286px; height:40px; padding: 0 10px; border:1px solid #cccccc; }
.skin2 .sch_btn {display:inline-block; float:left; width:88px; height:40px; line-height:38px; background-color:#4d4d4d; border:1px solid #4d4d4d; color:#fff; font-family:inherit; font-size:1em; /*font-weight:300;*/ text-align:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; cursor: pointer;}
.skin2 .sch_btn span {display:inline-block; color:#fff;}
.skin2 .sch_btn:hover, .skin2 .sch_btn:focus { border:1px solid #4d4d4d; background-color:#fff; color: #4d4d4d;}
.skin2 .sch_btn:hover .ico, .skin2 .sch_btn:focus .ico{color: #4d4d4d;}
.skin2 select.sch_slt::-ms-expand {display:none}

.skin2.pop_slt select{ min-width: 308px; background: #fff url(/_static/yjcf/img/sub/select_arrow.png) no-repeat right 5% center; margin-bottom:0;}


/* 210210 pagination */
.pagination {padding-top:20px; font-size:0; text-align: center;}
.pagination a {display: inline-block; width: 36px; height: 36px; line-height: 36px; margin:0 1px; border:1px solid #d1d1d1; color:#343434; font-size:14px; 
text-align:center; vertical-align: middle; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.pagination .page_arrow {padding:10px;}
.pagination .page_arrow img {display: none; margin: 0 auto; margin-top: 3px;}
.pagination .page_arrow.l1 {margin-right:4px;}
.pagination .page_arrow.r1 {margin-left:4px;}
.pagination span a:hover, .pagination span a:focus, .pagination .active {background:#4d4d4d; color:#fff; border:1px solid #4d4d4d;}
.pagination a.l2 {background:url(/_static/yjcf/img/sub/nnext_page.png) center center no-repeat;}
.pagination a.l1 {background:url(/_static/yjcf/img/sub/next_page.png) center center no-repeat;}
.pagination a.r1 {background:url(/_static/yjcf/img/sub/prev_page.png) center center no-repeat;} 
.pagination a.r2 {background:url(/_static/yjcf/img/sub/pprev_page.png) center center no-repeat;}
.pagination a.l2:hover {background: #4d4d4d url(/_static/yjcf/img/sub/nnext_page_on.png) center center no-repeat;}
.pagination a.l1:hover {background: #4d4d4d url(/_static/yjcf/img/sub/next_page_on.png) center center no-repeat;} 
.pagination a.r1:hover {background: #4d4d4d url(/_static/yjcf/img/sub/prev_page_on.png) center center no-repeat;} 
.pagination a.r2:hover {background: #4d4d4d url(/_static/yjcf/img/sub/pprev_page_on.png) center center no-repeat;}

/* 02.25 경로수정
.pagination a.l2 {background:url(/_static/chf1/img/sub/nnext_page.png) center center no-repeat;}
.pagination a.l1 {background:url(/_static/chf1/img/sub/next_page.png) center center no-repeat;}
.pagination a.r1 {background:url(/_static/chf1/img/sub/prev_page.png) center center no-repeat;} 
.pagination a.r2 {background:url(/_static/chf1/img/sub/pprev_page.png) center center no-repeat;}
.pagination a.l2:hover {background: #4d4d4d url(/_static/chf1/img/sub/nnext_page_on.png) center center no-repeat;}
.pagination a.l1:hover {background: #4d4d4d url(/_static/chf1/img/sub/next_page_on.png) center center no-repeat;} 
.pagination a.r1:hover {background: #4d4d4d url(/_static/chf1/img/sub/prev_page_on.png) center center no-repeat;} 
.pagination a.r2:hover {background: #4d4d4d url(/_static/chf1/img/sub/pprev_page_on.png) center center no-repeat;}
 */

/* 02.15 보드상세 */
.board_view .tbl_etc{position: relative;border-top: 2px solid #333333; overflow: hidden;}
.board_view .tbl_etc .tbl_tit{padding: 23px 0;text-align:center;background-color: #f7f7f7;}
.board_view .tbl_etc .tbl_tit em{display: block;}
.board_view .tbl_etc .tbl_tit > span{display: inline-block;vertical-align: middle;/* text-align: center; */color: #000000;font-weight: 600;font-size: 1.375em; line-height: 1;}
.board_view .tbl_info{padding: 13px 30px;overflow: hidden;border-top: 1px solid #dedede;}
.board_view .tbl_info .tit{float:left;font-size: 0.875em;}
.board_view .tbl_info .tit em:after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 12px;background-color: #bcbcbc;margin: 0px 16px 1px 20px;}
.board_view .tbl_info > span > em{font-weight: 600;color: #000000;/* font-size: 0.875em; */}
.board_view .tbl_etc > .view{position: absolute; top:40px; right:0; font-size: 0.938em; font-weight: 600;}


.board_view .tbl_info .date{float:left;}
.board_view .tbl_info .view{float:right;font-size: 0.875em;}
.board_view .tbl_info .view em:after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 12px;background-color: #bcbcbc;margin: 0px 20px 1px 20px;}

.board_view .view_con{ padding: 12px 0; border-bottom: 1px solid #dedede; overflow: hidden; min-height: 270px;}
.board_view .view_con .img_area{text-align: center;}
.board_view .view_con.video_c iframe{width: 540px; height: 360px; } /*2022.5.17 사진 영상자료 유튜브 사이즈 지정*/

.board_view .info_con{ margin-top: 20px; border: 1px solid #d7d7d7; min-height: 486px;  overflow-y: auto; padding: 15px; }
.board_view .info_con p{padding:10px; border:1px solid #dedede; min-height:294px;}

.board_view .tbl_file{padding: 8px 30px;border-bottom: 1px solid #dedede;}
.board_view .tbl_file p:nth-child(2){margin-top:3px;}
.board_view .tbl_file p:nth-child(3){margin-top:3px;}
.board_view .tbl_file p:nth-child(4){margin-top:3px;}

.board_view .tbl_file2{padding: 11.5px 30px;border-bottom: 1px solid #dedede;}
.board_view .tbl_text{margin-top:20px;}

.board_view .tbl_file p em{font-weight: 600;color: #000000;font-size: 0.875em;}
.board_view .tbl_file p em:after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 12px;background-color: #bcbcbc;margin: 0px 16px 1px 20px;}
.board_view .tbl_file p em.c_clear:before{display: none;}
.board_view .tbl_file p > a{font-size: 0.875em;}
.board_view .tbl_file p > a+span{font-size: 0.875em;}
/* .board_view .tbl_file p > a:after{content:''; display: inline-block; vertical-align: text-top; background:url(/_static/yjcf/img/sub/is_ico.png) no-repeat left center; width:16px; height:16px; margin-left: 5px; margin-top: 2px;} */
.board_view .tbl_file p .data{font-size: 0.875em;}
.board_view .tbl_file p span a{width: 67px; height: 28px; background: #333; color: #fff; display: inline-block; line-height: 28px; text-align: center; font-size: 0.813rem; margin-left: 6px; letter-spacing: -0.05em;}
.board_view .tbl_file a >img{vertical-align: middle;}

.board_view .tbl_file2 p em{font-weight: 600;color: #000000;font-size: 0.875em;}
.board_view .tbl_file2 p em:after{content: '';display: inline-block;vertical-align: middle;width: 1px;height: 12px;background-color: #bcbcbc;margin: 0px 16px 1px 20px;}
.board_view .tbl_file2 p em.c_clear:before{display: none;}
.board_view .tbl_file2 p > a{font-size: 0.875em;}
.board_view .tbl_file2 p > a:after{content:''; display: inline-block; vertical-align: text-top; background:url(/_static/yjcf/img/sub/is_ico3.png) no-repeat left center; width:16px; height:16px; margin-left: 5px; margin-top: 2px;}
.board_view .tbl_file2 p .data{font-size: 0.875em;}
.board_view .tbl_file2 p span a{width: 67px; height: 28px; background: #333; color: #fff; display: inline-block; line-height: 28px; text-align: center; font-size: 0.813em; margin-left: 6px; letter-spacing: -0.05em;}

/* 02.15 보드상세 하단버튼 */
.btn_wrap{text-align: center; margin:20px 0 50px;}
.btn_area{overflow: hidden; text-align: center;}
.btn_area a:first-child{margin-left:0;}
/* .btn_area a span{display: inline-block; color: #fff; min-width: 82px; height: 38px; line-height: 38px; text-align: center; background-color: #333; font-size: 0.875em; } */
.btn_area a.btn_list span:before{content:''; display:inline-block; vertical-align: middle; margin-right:8px; width:12px; height:11px; background:url(/_static/yjcf/img/sub/list_icon.png) no-repeat left center; margin-bottom:1px;}
 
/* 02.15 보드상세 버튼2 */
.btn_wrap2{height: 45px; background-color: #f7f7f7; border: 1px solid #dedede; font-size: 0.875em;  letter-spacing: -0.05em;}
.btn_wrap2 div{line-height: 45px;}
.btn_wrap2 div em{font-weight: 700;}
.btn_wrap2 div:first-child{float: left; width: 50%; border-right: 1px solid #dedede; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.btn_wrap2 div:first-child em{margin-right: 43px;}
.btn_wrap2 div:first-child:before{ content: ''; display: inline-block; vertical-align: middle; margin-left: 20px; margin-right: 16px; width: 24px; height: 11px; background: url(/_static/yjcf/img/sub/btn_list_prev.png) no-repeat left center; margin-bottom: 4px;}
.btn_wrap2 div:last-child{float: right; width: 50%; text-align: right;}
.btn_wrap2 div:last-child > a > span{width: calc(100% - 63px); display: inline-block; vertical-align: middle; text-align: right;}
.btn_wrap2 div:last-child > a > span > span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; display: inline-block; vertical-align: middle; width: calc(100% - 89px);}

.btn_wrap2 div:last-child em{margin-left: 45px;}
.btn_wrap2 div:last-child::after{content: ''; display: inline-block; vertical-align: middle; margin-left: 15px; margin-right: 20px; width: 24px; height: 11px; background: url(/_static/yjcf/img/sub/btn_list_next.png) no-repeat right center; margin-bottom: 4px;}

 /* 02.16 세로형 유지 테이블 */
.tbl_sub_col { border-top: 2px solid #254e97; border-bottom: 1px solid #dedede; table-layout: fixed; border-collapse: collapse; width: 100%; /*font-size: initial;*/}
.tbl_sub_col thead tr th { background: #f7f7f7; color: #000000; padding: 12px 10px; border: 1px solid #dedede; border-width: 0 1px 1px 0; text-align: center; font-size: 0.875em; font-weight:600; letter-spacing: -0.05em;}
.tbl_sub_col thead tr:last-child th{border-right:1px solid #dedede;}
.tbl_sub_col thead tr th:last-child{border-right: 0;}
.tbl_sub_col tbody tr th{ background:#f7f7f7; border:1px solid #dedede; padding:18px 10px; border-width: 1px 1px 0 0; font-size: 0.875em; color:#000000; font-weight: 600;}
.tbl_sub_col tbody tr:first-child th{ border-top:0;}
.tbl_sub_col tbody tr td { padding: 13px 10px; border: 1px solid #dedede; border-width: 0px 1px 1px 0px; text-align: center; word-break: break-word; font-size: 0.875em; letter-spacing: -0.05em; }
.tbl_sub_col tbody tr td:last-child{border-right: 0;}
.tbl_sub_col tbody tr td.tL{text-align: left;}

.tbl_sub_col tr .brd_left{border-width: 0px 1px 1px 1px;}

.tbl_sub_col.tbl_sub_col2 thead tr th{border-width: 0px 1px 1px 1px;}
.tbl_sub_col.tbl_sub_col2 thead tr th:first-child{border-left: 0;}
.tbl_sub_col.tbl_sub_col2 tbody tr td{border-width: 0px 1px 1px 1px;}
.tbl_sub_col.tbl_sub_col2 tbody tr td:first-child{border-left: 0;}

/*모바일 달력 부분 1_1_3*/
.cal_col_mo{border-top: 2px solid #254e97; margin-top: 7px;}
.cal_col_mo .tbl_sub_col{border-top: 0;}
.pc_tbl {display:block;}
.cal_col_mo.mo_tbl {display:none;}
.location_list a > span{display: block; text-align: left;}
.location_list a > span.tit{font-weight: 600;}


/* 테이블 블릿 tit */
.tbl_sub_col tbody tr td .list_tit{text-align: left; font-weight: 400;}

/* 테이블 a 링크 */
.tbl_sub_col tbody tr td a:hover.special, .tbl_sub_col tbody tr td a:focus.special{display: inline-block; color:#b13a3e; font-weight: 600; position: relative; }
.tbl_sub_col tbody tr td a:hover.special:after, .tbl_sub_col tbody tr td a:focus.special:after{  content: ''; display: block; border-bottom: 1px solid #b13a3e; position: absolute; width: 100%; height: 1px; bottom: -5px; left: 0;}

/*경영공시 (다운로드버튼)*/
.tbl_sub_col tbody tr td.btn_td{padding: 8px 10px;}


/*02.16 가로형 반응형 테이블 (오시는 길)*/
.tbl_sub_row {border-top: 2px solid #254e97; border-bottom: 1px solid #dedede; display: table; table-layout: fixed; border-collapse: collapse; width: 100%; }
.tbl_sub_row dl {display: table-row;}
.tbl_sub_row dl dt {width: 12.8%; display: table-cell; vertical-align: middle; background: #f7f7f7; border: 1px solid #dedede; padding: 18px 10px; border-width: 1px 0 0 0; font-size: 0.938em; color: #000000; font-weight: 600; text-align: left; padding: 0 10px 0 36px;}
.tbl_sub_row dl:first-child dt{ border-top:0;}
.tbl_sub_row dl dd {display: table-cell; vertical-align: middle; padding: 3px 10px 3px 22px; border: 1px solid #dedede; border-width: 1px 0 0 0; word-break: break-word; font-size: 0.938em; letter-spacing: -0.05em; text-align: left; height: 46px; }
.tbl_sub_row dl dd p{line-height: 1.5;}
.tbl_sub_row dl:first-child td{ border-top:0;}


/*필수입력 1_2_1_2*/
.tbl_sub_row dl dt > span:after{ content: '*'; display: inline-block; vertical-align: baseline; margin-left: 7px; color: #ff1800;} 

/* 2022.5.16 성과_홍보 썸네일 리스트 */
.outcome_list li {float:left; width:31.935%; margin-right:2.09%; -webkit-transition: all 0.3; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.outcome_list li:nth-child(3n) {margin-right:0;}
.outcome_list li:nth-last-child(-n+3) .txt_area{height: 38px;}
.outcome_list li a {display:block;}
.outcome_list li a > span{display: block;}
.outcome_list .img_area > a{width:100%; position:relative; padding-top:63%;  }
.outcome_list .img_area img {position:absolute; top:0; left:0; width:100%; height:100%;}
.outcome_list .txt_area {text-align: center; height: 68px; margin-top:17px; background:#fff;  border-top: 0; }
.outcome_list .txt_area .tit {text-overflow: ellipsis; white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #525252; font-size: 0.938em;}
.outcome_list .txt_area .date{display: block; font-weight: 300; color:#868686; margin-top:7px;}

/* 03.18 재단사진영상 (6_4) */
.video_list li {float:left; width:23.75%; margin-right:1.66%; -webkit-transition: all 0.3; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.video_list li:hover {
 /* -webkit-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); -moz-box-shadow: 0px 5px 8px rgba(182,182,182,0.65); box-shadow: 0px 5px 8px rgba(182,182,182,0.65); */
}
.video_list li:nth-child(4n) {margin-right:0;}
.video_list li:nth-last-child(-n+4) .txt_area{height: 38px;}
.video_list li a {display:block;}
.video_list li a > span{display: block;}
.video_list .img_area > a{width:100%; position:relative; padding-top:63.1%;  }
.video_list .img_area img {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_list .txt_area {text-align: center; height: 68px; margin-top:17px; background:#fff;  border-top: 0; }
.video_list .txt_area .tit {text-overflow: ellipsis; white-space: normal; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #525252; font-size: 0.938em;}
.video_list .txt_area .date{display: block; font-weight: 300; color:#868686; margin-top:7px;}

/* 03.19 문화예술 DB */
/* 문화예술DB 컨텐츠 */
.video_list .db_area{text-align: center; /*border: 1px solid #dbdbdb;*/ border-width:0 1px 1px; margin-bottom: 20px; height: 79px;}
.video_list .db_area > span:first-child{font-size: 0.938em; color:#254e97; padding-top: 18px; font-weight: 600;}
.video_list .db_area > span:last-child{font-size: 0.875em; padding-top: 5px;}

/* 문화예술DB 게시판 상단 탭 */
.board_top_tab {display: table;table-layout: fixed;width: 100%; margin-bottom: 40px;}
.board_top_tab .tab_click a{color:#fff; background: #595f6b; font-weight: 600;}
.board_top_tab div{display: table-cell; text-align: center; background-color: #fff; border: 1px solid #ccc; border-right: 0;}
.board_top_tab div:last-child{border-right: 1px solid #ccc;}
.board_top_tab div > a{display: block;line-height: 50px;height: 50px; color: #1f1f1f;}

/* .board_top_tab div:first-child{ background-color: #595f6b; }
.board_top_tab div:first-child>a{ color:#fff; font-weight: 600;} */

/* 문화예술DB 게시판 상단 인물검색 */
.board_top_search{border: 1px solid #cccccc; background-color: #f6f7f9;  margin: 50px 0; overflow: hidden; border-width:1px 0px 1px;}
.board_top_search > div{float: left; min-height: 147px; }
.board_top_search > div > span{display: inline-block; font-weight: 600; color:#000;}
.board_top_search > div:first-child{width:16.75%; text-align: center; line-height: 147px;  }
.board_top_search > div:last-child{background-color: #fff; width: 83.25%;}
.board_top_search > div:last-child > div{padding: 21px 20px 22px;}
.board_top_search > div:last-child > div > div{display: inline-block;}
.board_top_search .db_search2{position: relative;}
.board_top_search .db_search2::before{    display: block;
    content: "";
    position: absolute;
    background: url(/_static/yjcf/img/sub/intro_dotted.jpg)repeat-x;
    width: 100%;
    height: 1px;
    top: 0;
    }
.board_top_search .db_search2 a{border: 1px solid #ccc; display: inline-block; width: 32px; height: 30px; text-align: center; line-height: 28px; font-size: 0.875em; color:#1f1f1f;}
.board_top_search .db_search2 > a:first-child{width: 70px;}
.board_top_search .db_search2 a:focus, .board_top_search .db_search2 a:hover{background-color: #000; color:#fff;}
.board_top_search .db_search2 a.on{background-color: #000; color:#fff;}


/* 문화예술DB 상세페이지(6_2_1_0) */
.view_table{display: table; table-layout: fixed; width: 100%; padding:50px 0; border-bottom: 1px solid #dedede; }
.view_table > div{display:table-cell; vertical-align:top;}
.view_table > div:first-child{width: 264px;}
.view_table > div:last-child{padding: 0 30px;}
.view_table > div:last-child > p:first-child{margin-top: 0px;}
.view_table > div:last-child > p{margin-top: 21px; font-size: 0.875em; }
.view_table > div:last-child > p > em{font-weight: 600; color: #000;}
.view_table > div:last-child > p > em::after{content: ''; display: inline-block; width:1px; height: 12px; background-color: #bcbcbc; margin:0 16px 0 19px; position: relative; top: 2px;}

/* 공연안내 상세페이지(1_1_1_0) */
.new_table{display: table; table-layout: fixed; width: 100%; padding:30px 0; border-bottom: 1px solid #ccc; border-top: 2px solid #333; }
.new_table > div{display:table-cell; vertical-align:top;}
.new_table > div:first-child{width: 36%; padding-left: 30px;}
.new_table > div:last-child{padding: 0 30px;}
.new_table > div:last-child > p:first-child{margin-top: 0px;}
.new_table > div:last-child > p{margin-top: 21px; font-size: 0.875em; }
.new_table > div:last-child > p > em{font-weight: 600; color: #000;}
.new_table > div:last-child > p > em::after{content: ''; display: inline-block; width:1px; height: 12px; background-color: #bcbcbc; margin:0 16px 0 19px; }

/* 공연전시행사_공연안내 리스트 (1_1_1) */
.perform_list li {float:left;width: 21.875%;margin-right:4.1%; margin-top: 4.1%; -webkit-transition: all 0.3;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.perform_list li:nth-child(4n) {margin-right:0;}
.perform_list li:nth-child(-n+4){margin-top: 0;}
.perform_list li .img_area{display: block;}
.perform_list .img_area {width:100%; position:relative; padding-top:128.125%;  }
.perform_list .img_area img {position:absolute; top:0; left:0; width:100%; height:100%;}
.perform_list .img_area em{display: inline-block; text-align: center; position: absolute; top: 0; left: 0; height: 32px; line-height: 32px;  width: 60px; z-index: 1;
 font-size: 0.875em;
 font-weight: 300;
}
.perform_b_txt{display: block;padding: 15px 20px;border: 1px solid #dbdbdb; min-height: 104px;}
.perform_b_txt.only{min-height:128px;}
.perform_b_txt > span {font-size: 0.938em; line-height: 1.6em;}
.perform_b_txt > span.per_tit{margin-top: 0; overflow: hidden;
text-overflow: ellipsis;
display:inline-block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 3.2em;
width: 100%;
}

.perform_b_txt > span.per_day{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
word-break:keep-all;
display: inline-block;
width: 100%;
}

.perform_b_txt > span.per_place{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
word-break:keep-all;
display: inline-block;
width: 100%;
}


/*chk 박스*/
/*tbl radio 1_2_1_2*/
.tbl_ipt{ position: relative; margin-top: 13px;}
.tbl_ipt.tR{float: right;}
.tbl_ipt:first-child{margin-top: 0;}
.tbl_ipt input[type=radio] { width: 13px; height: 13px; background: none; -webkit-appearance: none; position: absolute; border: 0; left: 1px; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 10;}
.tbl_ipt input[type=radio] + label {display: inline-block; cursor: pointer; position: relative; border-radius: 50%; padding-left: 25px; vertical-align: top; z-index: 5; } 
.tbl_ipt input[type=radio] + label:before {content: ""; display: inline-block; width: 11px; height: 11px; border-radius: 50%; position: absolute; top: 50%; left: 1px; border: 1px solid #777777; z-index: 5; background: #ffffff; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.tbl_ipt input[type=radio]:checked{width: 15px; height: 15px; left: 0; border: 0 none; z-index: 0;}
.tbl_ipt input[type=radio]:checked + label:before {content: ""; display: inline-block; background: transparent url(/_static/yjcf/img/sub/ipt_bg.png) center center no-repeat; } 

/* ipt 두개 가로 1_2_1_2 */
.tbl_com_wrap{overflow: hidden;}
.tbl_com_wrap .tbl_ipt{float: left; width: 50%; }
.tbl_com_wrap .tbl_ipt:nth-child(-n+3){margin-top: 0;}

/* ipt 4개 가로  */
.tbl_com_wrap.row4 .tbl_ipt{width: 100%;}
.tbl_com_wrap.row4 .tbl_ipt{margin-top: 0;}

/* ipt 3개 (1_2_1_2) 문화행사예매 (차종)*/
.tbl_com_wrap.row4.col4{width: 100%;}
.tbl_com_wrap.row4.col4 .tbl_ipt{margin-top: 5px;}


/* 조직형태 ipt3 하단 ipt  */
.tbl_com_wrap + .corp_form_etc{margin-top: 10px;}

/*tbl check 1_2_1_2*/
.tbl_ipt{position: relative;}
.tbl_ipt input[type=checkbox] { width: 13px; height: 13px; background: none; -webkit-appearance: none; position: absolute; border: 0; left: 1px; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 10;}
.tbl_ipt input[type=checkbox] + label {display: inline-block; cursor: pointer; position: relative; border-radius: 50%; padding-left: 25px; vertical-align: top; z-index: 5; } 
.tbl_ipt input[type=checkbox] + label:before {content: ""; display: inline-block; width: 11px; height: 11px; position: absolute; top: 50%; left: 1px; border: 1px solid #707070; z-index: 5; background: #ffffff; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.tbl_ipt input[type=checkbox]:checked{width: 15px; height: 15px; left: 0; border: 0 none; z-index: 0;}
.tbl_ipt input[type=checkbox]:checked + label:before {content: ""; display: inline-block; background: transparent url(/_static/yjcf/img/sub/chk_bg.png) center center no-repeat; } 

/*tbl check only*/
.tbl_ipt.only input[type=checkbox]{ left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 20px; height: 20px; margin-left: -3px;}
.tbl_ipt.only{display: inline-block;}
.tbl_ipt.only + .brd_input{width: calc(100% - 30px);}

/* 년도년도년도 */
.tbl_sub_row dl dd.dd_half > div{width: 430px; position: relative; float: left;}
.slt_cont.skin .sch_slt:first-child{margin-left: 0;}
.slt_cont.skin .sch_slt{float: left; 
 width: 27.3%;
 margin-left: 8.1%;
 margin-right: 0;
 vertical-align: middle;}
.slt_cont.skin > span{display: inline-block; width:8.9%; text-align: center; float: left; margin-top: 6px;}
.slt_cont.skin .brd_input{width:27.4%; display: inline-block; vertical-align: middle; float: left;}  
.mail_form3 .slt_cont.skin .sch_slt{
 margin: 0 0 0 1%;
 float: none;
 width: 35.2%;
}

.mt_p{margin-top: 17px;}


/*테이블 고정 기본*/
.col_th1{}
.col_th1 tbody th{width: 150px;}


/*행사예매 1_2_1_2*/
.board_em{text-align: right; margin-bottom: 8px;}
.board_em > em{
    display: block;
    line-height: 1;
    font-weight: 600;
    color: #ed3d41;
    font-size: 0.875em;
}
.board_em > em:before {
    content: '*';
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px 0 0;
    color: #ed3d41;
}

/* 3_2_3_1 대관공간안내*/
.down_area{margin-top: 80px;}
/* .tbl_down{ border-top:none;}
.tbl_down tbody tr:first-child{border-top: 2px solid #254e97;}
.tbl_down tbody tr td{text-align: right; }
.tbl_down tbody tr td span{float: left; padding-top: 5px;} */

/* 4_1 사업안내 li안 table 텍스트 크기 */
.tbl_txt thead tr th{font-size: 0.875rem;}
.tbl_txt tbody tr td{font-size: 0.875rem;}

/* 3_3_0 고객의소리 테이블 */
.tbl_sub_col.vip{border: 0; padding: 50px; background :#f7f7f7;}
.tbl_sub_col.vip dl dt{font-size: 1.125em; font-weight: 600; padding-top: 27px;}
.tbl_sub_col.vip dl:first-child dt{border: 0; padding: 0;}
.tbl_sub_col.vip dl dd{font-size: 0.938em; font-weight: 300; padding: 3px 0 0px; border-bottom: 2px solid #000;}
.tbl_sub_col.vip dl:nth-child(4) dd{padding-bottom: 8px;}

.tbl_sub_col.vip dl dd .txtarea{min-height: 137px;}

.tbl_sub_col.vip dl dd .brd_input{background-color: #f7f7f7; border: 0; padding: 0; height: 33px;}
.tbl_sub_col.vip dl dd .brd_input::placeholder{color: #000; font-size: 0.938em;}

.tbl_sub_col.vip dl dd input[type="file"]{
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;
}

label.upload_3{
    appearance:none;
    width: 67px;
    height: 28px;
    background: #333;
    color: #fff;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    font-size: 0.813rem;
}

.tbl_sub_col.vip dl dd .txtarea{background-color: #f7f7f7; border:0; margin-bottom: -5px;}

/* 강조텍스트 1_1_2 공연예매 = 기부후원 하단과 스타일 같음*/
/* .emphasis{} */
.emphasis em{line-height: 30px; margin:0 10px; color: #f72900;}
@media screen and (max-width:1400px){
}

@media screen and (max-width:1300px){
/* 3_2_3_1 대관공간안내*/    
.down_area{margin-top: 42px;}    
}

@media screen and (max-width:1200px){

}



@media screen and (max-width:1024px){
 /* 03.18 재단사진영상 (6_4) */
 .video_list .txt_area{height: 30px; margin-top: 12px;}
 .video_list .txt_area .tit{font-size: 0.875em;}
 .video_list li {width:32%; margin-right:2%;}
 .video_list li:nth-child(4n) {margin-right:2%;}
 .video_list li:nth-child(3n) {margin-right:0;}
 .video_list li:nth-last-child(-n+4) .txt_area{height: 38px;}
 .video_list li:nth-last-child(-n+3) .txt_area{height: 8px;}


 
 /* 02.15 보드상세 버튼2 */
.btn_wrap2 div:first-child em{margin-right: 15px;}
.btn_wrap2 div:last-child em{margin-left: 15px;}
.btn_wrap2 div:first-child:before{margin: 0 11px 0 15px;}
.btn_wrap2 div:last-child:after{margin: 0 10px 0 15px;}
}

@media screen and (max-width:960px){
  
}

@media screen and (max-width:860px){
 /*0206*/
 .search_tit a{font-size: 1.125em;}

 /* ipt 3개 (1_2_1_2) 문화행사예매 (차종)*/
 .tbl_com_wrap.row4.col4:first-child{padding-top: 5px;}
 .tbl_com_wrap.row4.col4 .tbl_ipt{margin-top: 0px; width: 100%;}
 

 
 /*02.16 가로형 반응형 테이블 (오시는 길)*/
 .tbl_sub_row{table-layout: auto; }
 .tbl_sub_row dl dt{display: block; width: 100%; text-align: center; padding: 13px 10px;}
 .tbl_sub_row dl dd{display: block; width: 100%; text-align: center; padding: 3px 10px; min-height: 37px; line-height: 30px; height: 100%; overflow: hidden;}
 .tbl_sub_row dl:first-child dd{ border-top:1px solid #dedede;}
 
 /*단독 셀렉트 1_1_2*/
 .slt_cont.skin .sch_slt.only{width: 100%;}

 /*e메일 */
 .slt_cont.skin > span{margin-top: 0;}
 .tbl_sub_row dl dd.dd_half > div{width: 100%;}
 .mail_form3 .slt_cont.skin .brd_input{width: 45.5%;}
 .mail_form3 .slt_cont.skin .sch_slt{width: 100%; margin:5px 0 0 0;}

 /* 03.19 문화예술 DB */
 /* 문화예술DB 게시판 상단 인물검색 */
 /* .board_top_search .db_search2::before{display: none;} */
 .board_top_search .db_search2 a{width: 27px; }
 .board_top_search .db_search2:first-child{width: 60px;}
 .sch_bar_box.skin .sch_input.long{width: 349px;}

  /* 공연전시행사 _ 공연안내(1_1_3) */
  .pc_tbl {display:none;}
  .cal_col_mo.mo_tbl {display:block;}

  /* ipt 두개 가로 1_2_1_2 */
  .tbl_com_wrap .tbl_ipt{width: 50%; text-align: left;}
  .tbl_com_wrap .tbl_ipt:nth-child(-n+3){margin-top: 13px;}
  .tbl_com_wrap .tbl_ipt:nth-child(-n+2){margin-top: 0;}

/* 3_2_3_1 대관공간안내*/    
.down_area{margin-top: 24px;} 


 /* 02.15 보드상세 버튼2 */
 .btn_wrap2{font-size:0.813em; height: 35px;}
 .btn_wrap2 div { line-height: 35px;}
 .btn_wrap2 div:first-child em{margin: 0;}
 .btn_wrap2 div:last-child em{margin: 0;}
}

@media screen and (max-width:767px){
/*0201*/
.pagination.paging_pc{display: none;}
.pagination.paging_mobile{display: block;}

.skin2.full{    padding: 15px 10px;}
.skin2.full .sch_input{
    width: 100%;
    margin-bottom: 3px;
    margin-left: 0;
}


/* 공연전시행사_공연안내 리스트 (1_1_1) */
 .perform_list li {width:31%; margin-right:3.5%;}
 .perform_list li:nth-child(4n) {margin-right:3.5%;}
 .perform_list li:nth-child(3n) {margin-right:0;}
 
 .perform_list li:nth-child(-n+4){margin-top: 3.5%;}
  .perform_list li:nth-child(-n+3){margin-top: 0px;}
  .perform_list li{margin-top: 3.5%;}

 /* 테이블 게시판 */
 /*작은 화살표.*/
 .skin .sch_slt {width: 100%; margin-bottom: 3px;}

 /* board_list */
 .skin .sch_bar{width: 100%; margin-right: 0; margin-bottom: 3px; background-position: 97% 50%; padding: 0;}
 .skin2 .sch_slt{width: 100%; margin-right: 0; margin-bottom: 3px; background-position: 97% 50%; padding: 0 16px;}
 .board_list {border-top:0;} 
 .board_list, .board_list tbody, .board_list tr, .board_list td {display: block;}
 .board_list thead {display: none;}
 .board_list tr {position:relative; z-index:1; overflow:hidden; width:100%; padding:4px 5px;}
 .board_list tbody td { position: relative; float: left; width: auto; border:0 none; padding:4px 0; font-size:0.938em; text-align:left; } 
 .board_list tbody td.num {min-width:20px; font-weight:600;}  
 .board_list tbody td.tit {width:100%; font-weight: 600; padding-right:40px;} 
 .board_list tbody td.name{padding: 0; width: 100%;}
 .board_list tbody td.name > div{ right: 0; top: 50%; padding: 0; float: none; position: absolute; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}  
 .board_list tbody tr .date, .board_list tbody tr .date2{display: block; width:100%;}
 .board_list tbody td.date:after {display: none;} 
 .board_list tbody td.date2:after{display: none;}


 /*12.07 float:none 주석 */
 /* .board_list tbody tr .ans{float: none;} */
 /* .board_list .price{display: block; width:100%;} */

 /* 반응형 테이블 */
 .board_tbl thead { display: none;}
 .board_tbl, .board_tbl tbody, .board_tbl tr, .board_tbl td{display:block;}
 .board_tbl tr { position: relative; z-index: 1; overflow: hidden; width: 100%; padding: 4px 5px;}
 .board_tbl tbody td { position: relative; float: left; width: auto; border: 0 none; padding: 4px 0; text-align: left; }
 
 .board_tbl tbody td.tit { min-width: 20px; margin-right: 10px; font-weight: 600;} 
 .board_tbl tbody td.info { width: 100%; margin-left:5px;}
 .board_tbl tbody td.target:after, 
 .board_tbl tbody td.recruit:after, 
 .board_tbl tbody td.name:after, 
 .board_tbl tbody td.date:after{content: ''; display: inline-block; width: 1px; height: 12px; margin: -4px 10px 0; background: #353535;}
 .board_tbl tbody td:last-child:after{display: none;}

 /* 썸네일_게시판 */
 /*6_2_1*/
 .sch_bar_box.skin .total_txt{margin-top: 0; float: none; } 
 .sch_bar_box.skin .sch_bar{float: none; text-align: right; margin-bottom: 0; margin-top: 7px;}
 .sch_bar_box.skin2 .total_txt{margin-top: 0; margin-bottom: 7px; float: none; }
 .sch_bar_box.skin2 .sch_bar{float: none; text-align: right;}
 .sch_bar_box.skin .sch_input{ width: 100%; margin-bottom: 3px; margin-left: 0; }
 .sch_bar_box.skin .sch_input.long{width: 100%;}
 .sch_bar_box.skin .sch_btn{width:100%; margin-left: 0;}
 .skin2 .sch_input{ width: 100%; margin-bottom: 3px; margin-right: 0; }
 .skin2 .sch_btn{width:100%;}
 .thumbnail_list {padding-bottom:30px;}



 /* 02.15 보드상세 */
 .board_view .tbl_etc .tbl_tit{padding: 15px 0; }
 .board_view .tbl_etc .tbl_tit .tit_em{font-size:0.875em; min-width:75px; height:28px; line-height: 26px; margin-right:15px;}
 .board_view .tbl_etc .tbl_tit > span{ font-size: 1.188em;}
 .board_view .tbl_info{padding: 15px 10px;} 
 .board_view .wtl_table_wrap .tbl_info{padding: 0;}
 .board_view .view_con{ padding: 37px 0;}
 .board_view .tbl_file{padding:8px 10px; } 
 .board_view .tbl_file2{padding:8px 10px; } 
 .board_view .tbl_etc > .view{top:25px;} 

 /* 02.15 보드상세 버튼2 */
 .btn_wrap2 > div span > span{display: none;}
 .btn_wrap2 div:last-child > a > span > span{display: none;}

 /* 02.16 세로형 유지 테이블 */
 .tbl_sub_col tbody tr td .list_tit{padding-left: 0;}
 .tbl_sub_col tbody tr td .list_blt{padding-left:10px;}

 /* 03.18 재단사진영상 (6_4) */
 /* .video_list{padding-bottom:30px;} */
 .video_list .txt_area{margin-top:7px;}
 .video_list .txt_area .tit{font-size: 0.813em;}
 .video_list li {width:49%; margin-right:2%; margin-bottom:30px;}
 .video_list li:nth-child(3n) {margin-right:2%;}
 .video_list li:nth-child(4n) {margin-right:2%;}
 .video_list li:nth-child(2n) {margin-right:0;}
 /* .video_list li:nth-last-child(-n+4) {margin-bottom: 30px;} */
 /* .video_list li:nth-last-child(-n+2){margin-bottom:0;} */

 /* 03.19 문화예술 DB */
 .video_list .db_area{ margin-bottom: 0; height: 55px;}
 .video_list .db_area > span:first-child{font-size: 0.875em; color:#254e97; padding-top: 7px; }
 .video_list .db_area > span:last-child{font-size: 0.813em; padding-top: 3px;}


 /* 문화예술DB 게시판 상단 탭 */
 .board_top_tab div{ display: block; width: 100%; border: 1px solid #ccc; border-top: 0;}
 .board_top_tab div:first-child{border-top: 1px solid #ccc;}
 .board_top_tab div >a{font-size: 0.938em; height: 40px; line-height: 40px;}

 /* 문화예술DB 게시판 상단 인물검색 */
 .board_top_search{margin: 20px 0; }
 .board_top_search > div{min-height:auto; }
 .board_top_search > div > span{font-size: 0.875em;}
 .board_top_search > div:first-child{width: 100%; border-right: none; line-height: 30px; border-bottom: 1px solid #ccc;}
 .board_top_search > div:last-child{width: 100%;}
 .board_top_search > div:last-child > div{padding: 10px;}
 .board_top_search > div:last-child > div{text-align: center; }

 /* 문화예술DB 상세페이지(6_2_1_0) */ 
 .view_table{display: block; padding: 30px 0;}
 .view_table > div{display: block;}
 .view_table > div:first-child{width: 100%; text-align: center; padding: 0;}
 .view_table > div:last-child{padding:20px 0 0 0;}
 .view_table > div:last-child > p{margin-top: 11px;}
 .view_table > div:last-child > p > em::after{ margin: 0 11px 0 14px;}

 /* 공연안내 상세페이지(1_1_1_0) */ 
 .new_table{display: block; padding: 30px 0;}
 .new_table > div{display: block;}
 .new_table > div:first-child{width: 200px; text-align: center; padding: 0; margin: 0 auto;}
 /* .new_table > div:first-child span{display: block; position: relative; width: 100%; padding-top: 122.2%;}
 .new_table > div:first-child span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} */
 .new_table > div:last-child{padding:20px 0 0 0;}
 .new_table > div:last-child > p{margin-top: 11px;}
 .new_table > div:last-child > p > em::after{ margin: 0 11px 0 14px;}



 
 /* 문화예술DB 게시판 상단 탭 */ 
 .board_top_tab{margin-bottom: 30px;}

 /* 2022.5.16 성과_홍보 썸네일 리스트 */
 .outcome_list li{width: 49%; margin-right: 2%;}
 .outcome_list li:nth-child(3n){margin-right: 2%;}
 .outcome_list li:nth-child(2n){margin-right: 0;}
}

@media screen and (max-width:640px){
 /* 02.15 보드상세 */
 .btn_wrap{margin:10px 0 20px;}
  .board_view .tbl_info .tit{font-size: 0.813em;}
 .board_view .tbl_info .view{font-size: 0.813em;}
 .board_view .tbl_file p em{font-size: 0.813em;}
 .board_view .tbl_file p span:nth-of-type(1){font-size: 0.875em;}
 .board_view .tbl_file p span a{width: 100%; margin-left: 0; margin-top: 10px; }
 .board_view .tbl_file p > a{font-size: 0.813em;}
 .board_view .tbl_file2 p span a{width: 100%; margin-left: 0; margin-top: 10px; }
 .board_view .tbl_file2 p em{font-size: 0.813em;}
.board_view .tbl_file2 p > a{font-size: 0.813em;}
.board_view .tbl_file2 p > span{font-size: 0.875em;}
/* .btn_area a span{font-size: 0.813em; min-width: 62px; height: 30px; line-height: 30px;} */
 

/* 공연전시행사_공연안내 리스트 (1_1_1) */
.perform_b_txt > span.per_tit{
    -webkit-line-clamp: 1;
    height: 1.6em;
}
.perform_b_txt{padding: 7px 10px; min-height: 60px;}
.perform_b_txt.txt2{min-height: 60px;}
.perform_b_txt.only{min-height: 82px;}
}

@media screen and (max-width:580px){

/*0206*/
.search_tit a{font-size: 1.063em;}
.search_tit .kind{font-size: 0.938em;}
.search_doc div:first-child{
    font-size: 0.938em;
}
.search_doc div:last-child{font-size: 0.875em;}
.search_list .tit > span{
    font-size: 1.125em;
}
.btn_plus{
    height: 20px;
    width: 20px;
    display: block;
    padding: 14px;
    top: -5px;
}
.btn_plus span{display: none;}
.board_top_tab.type02{margin-bottom: 20px;}
.board_top_tab.type02 li > a{
    padding: 6px 0; font-size: 0.938em;
}

/* 공연전시행사_공연안내 리스트 (1_1_1) */
.perform_b_txt > span{font-size: 0.875em;  }



 /* 02.16 세로형 유지 테이블 */ /*2_2_1*/
 .tbl_sub_col thead tr th{padding:6px 3px;}
 .tbl_sub_col tbody tr th{padding:6px 3px; font-size: 0.875em;}
 .tbl_sub_col tbody tr td{padding:6px 6px;}

 

  /* 보드상세 6_2_1_0 */ 
  .board_view .tbl_etc .tbl_tit{padding: 9px 0;}
 .board_view .tbl_etc .tbl_tit > span{font-size: 1em;}
 .board_view .view_con{padding: 12px 10px}

 /* 문화예술DB 게시판 상단 인물검색 6_2_1*/
 .board_top_search .db_search2 > a:first-child{width: 55px;}
 .board_top_search > div:last-child > div:last-child > div:last-child{margin-top: 5px; margin-left: 59px;}

/* 3_2_3_1 대관공간안내*/
.tbl_down{table-layout: auto;}
.tbl_down tbody tr td{display: block; border-width:1px 0px 0px 0px; padding: 5px 10px !important; }
/* .tbl_down tbody tr td span{font-size: 0.875em;} */

/* 3_3_0 고객의소리 테이블 */
.tbl_sub_col.vip{padding:20px;}
.tbl_sub_col.vip dl dt{font-size: 1em; padding-top: 10px;}
.tbl_sub_col.vip dl dd{ padding: 6px 0 0px; }
.tbl_sub_col.vip dl dd .brd_input::placeholder{font-size: 0.875em;}
.tbl_sub_col.vip dl dd .txtarea{ min-height: 59px;}

.tbl_sub_col.vip .mt30 { margin-top: 10px !important;}

/* ipt 3개 (1_2_1_2) 문화행사예매 (차종)*/
 .tbl_com_wrap.row4.col4:first-child{padding-top: 0px;}
 .tbl_com_wrap.row4.col4 .tbl_ipt{margin-top: 3px;}
 
 .board_view .view_con.video_c iframe{width: 100%; height: 275px;} /*2022.5.17 사진 영상자료 유튜브 사이즈 지정*/
}

@media screen and (max-width:479px){
     /* 공연전시행사_공연안내 리스트 (1_1_1) */
 .perform_list li {width:49%; margin-right:2%; }
 .perform_list li:nth-child(3n) {margin-right:2%;}
 .perform_list li:nth-child(4n) {margin-right:2%;}
 .perform_list li:nth-child(2n) {margin-right:0;}  

 .perform_list li:nth-child(-n+3){margin-top:15px;}
 .perform_list li:nth-child(-n+2){margin-top:0px !important;} 
 .perform_list li:nth-child(-n+4){margin-top: 15px;}
 .perform_list li{margin-top: 15px;}
 .perform_list .img_area em{height: 27px; line-height: 27px;  width: 40px; font-size: 0.750em;}

 .perform_b_txt.txt2{    min-height: 80px;}
 .perform_b_txt > span.per_tit.tit2{
    -webkit-line-clamp: 1;
    height: 1.6em;
}

 /* .pagination */
 .pagination a {width:22px; height:22px; line-height:20px; font-size:11px; margin: 0 2px 1px;} 
 .pagination .page_arrow.l1 {margin-right:6px;}
 .pagination .page_arrow.r1 {margin-left:6px;} 
 .pagination .page_arrow {padding:5px;} 
 .pagination .page_arrow.l1 img, .pagination .page_arrow.r1 img {width:6px; height:10px;}
 .pagination .page_arrow.l2 img, .pagination .page_arrow.r2 img {width:10px; height:10px;}
 
 /* 02.15 보드상세 하단버튼 */
 /* .btn_area a{margin-left:27px;} */

 /*02.16 가로형 반응형 테이블 (오시는 길)*/ 
 .tbl_sub_row dl dt{ padding: 5px 10px;}
 .tbl_sub_row dl dd{display: block; width: 100%;} 

 /* 03.18 재단사진영상 (6_4) */
 .video_list .txt_area .tit{font-size: 0.750em;} 

 /* 03.19 문화예술 DB */
 /* .video_list .db_area > span:first-child{font-size: 0.938em; } */
 
 /* 문화예술DB 게시판 상단 탭 */ 
 .board_top_tab div >a{font-size: 0.875em; height: 30px; line-height: 30px;}
 /* 문화예술DB 게시판 상단 인물검색 */
 .board_top_search{margin-bottom:20px ;}

 /* 문화예술DB 상세페이지(6_2_1_0) */
 .view_table{display: block; padding: 10px 0;}
 .view_table > div:last-child{padding:10px 0 0 0;}
 .view_table > div:last-child > p{font-size: 0.813em; margin-top: 8px;}
 .view_table > div:last-child > p > em::after{ margin: 0 8px 0 11px;}

 .video_list li{margin-bottom: 15px;}

 /* 공연안내 상세페이지(1_1_1_0) */
 .new_table{display: block; padding: 10px 0;}
 .new_table > div:last-child{padding:10px 0 0 0;}
 .new_table > div:last-child > p{font-size: 0.813em; margin-top: 8px;}
 .new_table > div:last-child > p > em::after{ margin: 0 8px 0 11px;}


 /*테이블 고정 기본*/
 .col_th1{}
 .col_th1 colgroup col:nth-child(1){width: 95px;}

 /* ipt 두개 가로 1_2_1_2 */
 .tbl_com_wrap .tbl_ipt{width: 100%; float: none; margin-top: 13px; line-height: 100%; }
.tbl_com_wrap .tbl_ipt:nth-child(-n+2){margin-top: 13px;}
.tbl_com_wrap .tbl_ipt:first-child{margin-top: 0;}

/* 3_2_3_1 대관공간안내*/
.tbl_down tbody tr td.btn_td a.btn_down{width: auto;}

}

@media screen and (max-width:414px){
 /* 02.15 보드상세 */  
 .board_view .tbl_info{padding: 10px;}  
 .board_view .view_con{ padding: 17px 0; }

 .board_view .view_con.video_c iframe{ height: 230px;} /*2022.5.17 사진 영상자료 유튜브 사이즈 지정*/
 
 .board_view .tbl_file{padding:8px 10px; }

 /* 02.16 세로형 유지 테이블 */
 /*1_2_1_0*/
  .tbl_sub_col thead tr th{    word-break: break-word; -ms-word-break: break-word;}
 /*.tbl_sub_col tbody tr th{padding:10px;}
 .tbl_sub_col tbody tr td{padding:10px;} */
}

@media screen and (min-width: 320px) and (max-width: 339px){
 /* 02.15 보드상세 하단버튼 */
 .btn_area a{margin-left:17px;}
}